Previous | Next

The Hoochie Table



Navigate
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et nunc condimentum ipsum sodales auctor. Aliquam erat volutpat. Morbi hendrerit leo odio. Donec diam turpis, placerat vel scelerisque eget, bibendum adipiscing eros. Quisque suscipit iaculis odio quis lacinia. Duis eu sem tellus. Mauris a est ac risus euismod auctor. Nunc elementum condimentum arcu nec molestie. Suspendisse mattis bibendum sapien ut malesuada. Nullam ut quam sit amet ligula convallis semper a vel justo. Maecenas lorem risus, euismod aliquet adipiscing vel, tincidunt vitae dui. Etiam imperdiet lacus eu neque rhoncus porta. Curabitur suscipit commodo justo, quis condimentum velit posuere a. Phasellus vestibulum, libero ac interdum suscipit, felis sapien imperdiet neque, in pulvinar quam purus at sapien. Nulla facilisi. Mauris turpis mi, rhoncus non condimentum nec, ultricies quis nisi.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed commodo diam id lorem lobortis pharetra. Aliquam justo sapien, luctus quis vestibulum vitae, pharetra vel risus. Sed vel erat elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer nec metus urna. Cras id odio sit amet dui tristique dapibus quis quis magna. Sed vestibulum consequat sapien, eget eleifend dolor fermentum at. Integer in diam sit amet metus dapibus tristique. Etiam tristique tincidunt leo, ac hendrerit tortor malesuada et. Praesent odio quam, cursus vitae fermentum quis, scelerisque et risus. Proin malesuada vulputate nisi et tincidunt. Nunc elementum condimentum arcu nec molestie. Suspendisse mattis bibendum sapien ut malesuada. Nullam ut quam sit amet ligula convallis semper a vel justo. Maecenas lorem risus, euismod aliquet adipiscing vel, tincidunt vitae dui. Etiam imperdiet lacus eu neque rhoncus porta. Curabitur suscipit commodo justo, quis condimentum velit posuere a.

Phasellus vestibulum, libero ac interdum suscipit, felis sapien imperdiet neque, in pulvinar quam purus at sapien. Nulla facilisi. Mauris turpis mi, rhoncus non condimentum nec, ultricies quis nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed commodo diam id lorem lobortis pharetra. Aliquam justo sapien, luctus quis vestibulum vitae, pharetra vel risus. Sed vel erat elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis lobortis neque iaculis sapien tristique sit amet hendrerit quam iaculis. Duis condimentum egestas ullamcorper. Ut purus purus, dignissim id vestibulum quis, fermentum et arcu. Vestibulum rutrum hendrerit mauris non facilisis. Curabitur ac elit a magna dictum vulputate ac eget eros. Nulla aliquam tempor neque, ut aliquam quam dictum rhoncus. Praesent est nisl, semper sagittis dictum consectetur, lacinia commodo neque. Sed neque orci, suscipit eu hendrerit sed, consequat at nibh.

Mauris vestibulum orci hendrerit sapien semper tincidunt. Aliquam eget blandit augue. Aenean gravida, elit ac porttitor hendrerit, urna dolor aliquet augue, pharetra volutpat dolor leo non neque.

Vivamus mi purus, lacinia in ornare vitae, elementum sed ante. In hac habitasse platea dictumst. Integer vehicula egestas velit, id dictum mauris auctor a. In vitae est lorem, vel luctus odio. Phasellus laoreet arcu sed est venenatis rutrum. Etiam lobortis, turpis at dapibus ullamcorper, metus lorem porta tortor, eu mollis justo velit eu lorem. Etiam ut orci eu ipsum tempor luctus. Sed eget eros eget quam aliquam tristique at eget mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer lacinia sollicitudin libero eget imperdiet. Duis lobortis neque iaculis sapien tristique sit amet hendrerit quam iaculis. Duis condimentum egestas ullamcorper. Ut purus purus, dignissim id vestibulum quis, fermentum et arcu. Vestibulum rutrum hendrerit mauris non facilisis. Curabitur ac elit a magna dictum vulputate ac eget eros. Nulla aliquam tempor neque, ut aliquam quam dictum rhoncus. Praesent est nisl, semper sagittis dictum consectetur, lacinia commodo neque. Sed neque orci, suscipit eu hendrerit sed, consequat at nibh.


000: the coding
001: Informative Info
Why's this thing called the hoochie table? Because reasons, now sit the fuck down.

Kidding, kidding; don't punch me. Actually, it's because you can use it as a base for... uh. Just about anything. The hoochie table is just begging you to do whatever you want to it. "Make me an FAQ! No wait, make me a character directory! No, wait! I got it! Make me a thread tracker!" You get the idea. I've included extensive editing tips so you can make this table match your game's look without too much of a hassle. I love you too.
002: CTRL+F Info Key
ONE/TWO/THREE/etc. will highlight all section titles and navigational links so you can retitle them all.
TITLE will highlight the header title to change it.
NAVIGATE will retitle the nav title.
ONE INFO HERE./TWO INFO HERE./etc. will take you to each section's bulk text to change it based on where it is in the list.
003: CTRL+F Color Key
#555 will change the nav link dotted border.
#666 will change the text shadow color, nav link color, and the dotted title border.
#888 will change the back to top arrow color.
#202020 will change the bulk text color.
#AAA will change the main title and credit color.
#BBB will change the main table section titles color.
#CCC will change the nav background, main table border, and back to top arrow shadow color.
#EEE will change the main table background and "Navigate" text color.
004: CTRL+F Size Key
WIDTH="150" to change the nav box width.
HEIGHT:234PX to change the nav box height.
WIDTH="550" to change the main box width.
HEIGHT:600PX to change the main box height.
005: CTRL+F Font Key
ARIAL BLACK will change the header titles.
ARIAL will change the bulk and credit text.
MONOSPACE will change the nav subtext.
006: CTRL+F Other Shit
DOTTED to change the dotted border styles.
SOLID to change the main border style.
Deleting HEIGHT:600PX;OVERFLOW-Y:AUTO; and replacing it with MIN-HEIGHT:234PX; will remove scrolling.
TEXT-TRANSFORM:LOWERCASE; to allow text to present itself exactly as it's typed.
LETTER-SPACING:-3PX; to adjust letter spacing on titles.
007: Adding Shit
Being able to add shit is essential. Shit is the foundation of... other shit. So if you find that six sections isn't enough (and, let's face it, it probably isn't), here's how you add even more, uh. Shit. Add the following:


BEFORE:


And THEN add:


BEFORE:


Bam. New section. Remember that your A NAME and the corresponding A HREF must say the exact same thing, # symbol notwithstanding (ex. use a name="maryjones" for Mary Jones' section, and a href="#maryjones" for the corresponding navlink, but the title can say Mary Motherfucking "Daisychain" Jones if you want it to).
008: The Rules & Shit
→Leave my credit.
→Do not redistribute in part or in whole.
→If you break something during editing don't be scared to ask me to see what happened. Yep. That's a rule.
→If you're a maker like I am and you do something cool with this I'd really like to see it, but it's not necessary.

→LJ-RAW means ya gotta BR them line breaks!
→Probably should be behind a cut, js js.
009: Some Variations
See what I mean about how this table wants to be any number of things? It's the DID of tables. Obviously, the guide is only for the first one, but if you learn how to replace shit on it, replacing shit on the variations shouldn't be too hard. That being said, if you want guides for the variations I'll totally do it; just lemme know.

And, of course, these are all derived from a matchy character sheet. We love matchy, don't we?

NOTE: If using the Game Info variation (variation 003) remember to take the asterisks (*) out of the APPLICATION textarea tags.


Sidenote to cover my ass: In case I get any serious Sally's up in here, I want to stress: The title of this post is just a joke and is no way a reflection on my opinion on how people decide to use or should use their genitals. If you want my opinion on other people's genitals, 1. you're kind of weird, and 2. I think people should feel free and safe to do whatever they want with their naughty bits without persecution based on sex, gender, orientation, race, or perceived promiscuity, etc.

Comments

Jul. 26th, 2013 04:00 pm (UTC)
So I just wanted you to see what I did with this code and another one of yours which I can't seem to find anymore else I'd link it to show you which it was! here is what I've done! Ignore the awful names because my muses were being stupid and chose ridiculous names. XD But yes, because of you and your damn amazing coding I'm slowly learning to work with code. XD
Aug. 27th, 2013 11:27 pm (UTC)
Hello! Before I get started on this, is it possible to add in the layouts you've provided on the bottom?
Aug. 27th, 2013 11:40 pm (UTC)
How do you mean? :3
Dec. 23rd, 2013 12:49 am (UTC)

I think I broke this

Hi,

I'm using your Game Info variation. It works perfectly when I paste it into an entry (example: http://prettyprettymods.dreamwidth.org/509.html), but when I try to use it on the Profile page for the community, the backgrounds all drop out and it looks like this: http://prettyprettyroleplay.dreamwidth.org/profile

Can you please tell me what I went wrong? Do I need to remove some part of the code to make it workable on a profile, maybe?

Thanks very much!
Dec. 23rd, 2013 05:20 am (UTC)

Re: I think I broke this

Oh, I'm sorry; any sort of code that has div styling isn't usable on a profile page. Those only allow HTML.