Kink List Code

[vivi]

Made largely because I was dissatisfied with the options available, and wanted an IC/OOC divide and a giving/receiving divide. Feel free to chop it up, revamp it, what have you! Just leave the credit so other people can fill it out!



-----

Yes kinks are particular favorites. Maybe means I'm open to it, but would require discussion first. IC Limits are things the character would dislike, but I would enjoy playing out despite their distaste (and in some cases because of it). OOC Limits are hard limits that I will refuse to play.

You can hover over kinks marked with an asterisk to read a note.

both
receiving only
giving only

YES	MAYBE	IC LIMIT	OOC LIMIT
Yes Yes*	Maybe Maybe* Maybe	IC Limit IC Limit IC Limit*	OOC Limit OOC Limit OOC Limit OOC Limit
Get the code.

<cut><I>Yes</I> kinks are particular favorites. <I>Maybe</I> means I'm open to it, but would require discussion first. <I>IC Limits</I> are things the character would dislike, but I would enjoy playing out despite their distaste (and in some cases because of it). <I>OOC Limits</I> are hard limits that I will refuse to play. You can <B>hover over</B> kinks marked with an asterisk to read a note. <img src="http://i.imgur.com/FJTMuLt.gif"> both <img src="http://i.imgur.com/bZBw824.gif"> receiving only <img src="http://i.imgur.com/6ojHi5k.gif"> giving only <table cellspacing="30px" border="0" width="100%"><tr><td style="border-bottom: 5px solid green;" width="25%"><div style="position: relative; bottom: -16px;"><span style="font-family: georgia, serif; font-size: 32px; color: green; text-shadow: 0px 0px 4px #555555;"><I>YES</I></span></div></td><td style="border-bottom: 5px solid #FFA824;" width="25%"><div style="position: relative; bottom: -16px;"><span style="font-family: georgia, serif; font-size: 32px; color: #FFA824; text-shadow: 0px 0px 4px #555555;"><I>MAYBE</I></span></div></td><td style="border-bottom: 5px solid blue;" width="25%"><div style="position: relative; bottom: -16px;"><span style="font-family: georgia, serif; font-size: 32px; color: blue; text-shadow: 0px 0px 4px #555555;"><I>IC LIMIT</I></span></div></td><td style="border-bottom: 5px solid red;" width="25%"><div style="position: relative; bottom: -16px;"><span style="font-family: georgia, serif; font-size: 32px; color: red; text-shadow: 0px 0px 4px #555555;"><I>OOC LIMIT</I></span></div></td></tr> <tr><td width="25%" style="border-right: 1px dashed black;"><img src="http://i.imgur.com/FJTMuLt.gif"> Yes <img src="http://i.imgur.com/FJTMuLt.gif"> <span title="This is a note.">Yes*</span></td> <td width="25%" style="border-right: 1px dashed black;"><img src="http://i.imgur.com/FJTMuLt.gif"> Maybe <img src="http://i.imgur.com/FJTMuLt.gif"> <span title="This is a note.">Maybe*</span> <img src="http://i.imgur.com/6ojHi5k.gif"> Maybe</td> <td width="25%" style="border-right: 1px dashed black;"><img src="http://i.imgur.com/bZBw824.gif"> IC Limit <img src="http://i.imgur.com/bZBw824.gif"> IC Limit <img src="http://i.imgur.com/6ojHi5k.gif"> <span title="This is a note.">IC Limit*</span></td> <td width="25%"><img src="http://i.imgur.com/FJTMuLt.gif"> OOC Limit <img src="http://i.imgur.com/FJTMuLt.gif"> OOC Limit <img src="http://i.imgur.com/FJTMuLt.gif"> OOC Limit <img src="http://i.imgur.com/FJTMuLt.gif"> OOC Limit</td></tr> <tr><td colspan="4" style="padding-top: 60px;"><div align="right"><small><a href="http://bannertech.dreamwidth.org/1498.html">Get the code</A>.</small></div></td></tr></table>

Comments

[nyxmidnight]

Very nice!

[vivi]

Thank you!

[ravengown]

This is such a nice way to write up kinks, gosh. Thank you!

[vivi]

Thank you right back! I figured I'd share it-- I'm tickled if anyone else wants to use it!

[wildcardpotential]

This is wonderful and I'm going to start using it right away!!

On my journal page, however, it shows up a bit squished, is that just how it's going to happen on journals or could I change themes or adjust width somehow to fix it? I'm afriad to start trying to mess around with it because a- im not that great with html and b- its yours so i dont want to screw with it too much!

thanks!

[wildcardpotential]

I messed with my theme settings and un-squished it!

[angermanaging]

Most coding like this doesn't show up all that attractively in journal layouts. I always place it behind cuts and turn off custom style pages (Account Settings → Display → uncheck Entry Page Default: Your Journal) and that fixes everything.

I'm glad you like it, though! :D Thank you!

[wildcardpotential]

Ahhh I'll try that too thank you!

:3 its a great idea to split limits between IC and OOC! Cause sometimes kinks and limits are different! So I'm glad your chart takes that into account!

[duelo]

Super late to the party, but thank you for this. I just found this coding and implemented it and noticed I was having the same problem. I knew I needed to turn that setting off to fix it but, being brand spanking new to Dreamwidth, had no clue where to find that setting. Thank yooou!

Also, something I noticed that others might or might not experience is that when one of my lists was way longer than the others, it vertically centered the shorter lists. In case anyone else runs into that, after a little Google-fu and a lot of trial and error, I found that adding "vertical-align: top;" to the td tag of the columns affected makes it look nice again like the live preview does. :)

[dormition]

(Don't mind the journal change, it's still angermanaging.)

Oh wow, I'm so glad my old comment helped! Especially since I think the setting is defined a bit differently now, with a drop down menu, so it's great that you still found it.

Yeah, I try to test possible use styles when I made codes, but I'm... honestly too lazy to test too much LOL so I hadn't thought of that. In the future, feel free to ask me if one of my codes breaks during normal usage -- I should've thought to add v-align myself. :)

Welcome to Dreamwidth, I hope you have fun here! :D

[duelo]

I ended up editing the number of ems for my sidebar instead, because when I changed it the way you mentioned, it ended up making some of my other entry codings look really really awful lol and I was too lazy to fix them. But yes, it very much helped! It's right where you said it'd be. :)

It doesn't look like it affected your live preview at all and could honestly have been a fluke because I'm never lucky with CSS. No matter how much I love tinkering with it, it kind of hates me a little. But I got the little sucker to work, so ha! I was going to nudge you if I couldn't get it on my own, but I always like to try on my own first. Thanks so much!

Thank you, fingers crossed! :D

[dormition]

oh huh, that totally works too!

Honestly that's how I learned to code. I'd take other peoples' codes and fiddle with them until they were what I wanted (including layouts) and eventually I was like... well... I could just. Do this myself at this point. lol. But yes, it definitely took more than one year of fighting CSS before I was at all victorious, and even now it wins a battle now and again. The fiend.

[duelo]

Totally, me too, that's exactly how I learned to code. Just tweaking other people's code. I still haven't ventured into creating my own as far as a bigger project like making something like this or a bio sheet or anything goes, but I probably could if I had the time and patience, honestly. But yes, battling CSS is a fun, if sometimes frustrating war to wage, but I love it so I always try first and ask questions if I get too stuck haha.

[military_dog]

The colors are great. Green for Go, Yellow for Move with Caution and Red for Stop. Is that what you were thinking when you made this?