The Hoochie Table
Navigate
ONE
TWO
THREE
FOUR
FIVE
SIX
Title
One
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.
↑
Two
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.
↑
Three
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.
↑
Four
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.
↑
Five
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.
↑
Six
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.
↑
MADE BY LAYOUTTESST
000: the coding
http://layouttesst.livejournal.com/profile" style="text-decoration:none">MADE BY LAYOUTTESST | |
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.
Now, the tone of this whole thing focuses on RPers, it's true, but I originally decided to do this to use for my comms' FAQ pages, none of which are RP related. So, like I said, this can be used for any number of things. Other ideas off the top of my head: Fic masterlist, actual FIC with chapter navigation if you're not using it on LJ where there's a post length limit, comm info pages.
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:
BULK TEXT HERE.
BEFORE:
http://layouttesst.livejournal.com/profile" style="text-decoration:none">MADE BY LAYOUTTESST
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.
→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
FIRSTNAME LASTNAME SUPER MINI-BIO HERE. FIRSTNAME LASTNAME SUPER MINI-BIO HERE. FIRSTNAME LASTNAME SUPER MINI-BIO HERE. FIRSTNAME LASTNAME SUPER MINI-BIO HERE. FIRSTNAME LASTNAME SUPER MINI-BIO HERE. FIRSTNAME LASTNAME SUPER MINI-BIO HERE. FIRSTNAME LASTNAME SUPER MINI-BIO HERE. FIRSTNAME LASTNAME SUPER MINI-BIO HERE. FIRSTNAME LASTNAME SUPER MINI-BIO HERE. | |
http://layouttesst.livejournal.com/profile" style="text-decoration:none">MADE BY LAYOUTTESST | |
THREAD NAME THREAD INFO HERE. THREAD NAME THREAD INFO HERE. THREAD NAME THREAD INFO HERE. THREAD NAME THREAD INFO HERE. | |
http://layouttesst.livejournal.com/profile" style="text-decoration:none">MADE BY LAYOUTTESST | |
http://layouttesst.livejournal.com/profile" style="text-decoration:none">MADE BY LAYOUTTESST | |
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.