Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc at felis turpis, non tempus turpis. Vivamus tristique lacus eget diam interdum mollis. Donec metus turpis, pharetra tempus laoreet eu, rutrum vitae nisi. Praesent iaculis, mauris ut volutpat convallis, nisl libero pellentesque purus, ac tincidunt velit nisi vitae eros. Fusce a magna neque. Sed ut dignissim justo. Integer bibendum arcu vel sapien hendrerit in ultrices eros tincidunt. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus aliquet quam nec libero lobortis ullamcorper. Ut id velit nec lorem vestibulum fermentum ut sit amet augue. Vivamus quis quam ut magna viverra blandit eget eget velit. Sed fermentum, justo at volutpat fringilla, nisl tellus accumsan massa, nec ullamcorper lectus lacus sit amet dolor. Curabitur enim sem, gravida eget mollis vitae, venenatis at est. Proin ac accumsan lacus. Sed imperdiet lectus eros, pretium elementum nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc at felis turpis, non tempus turpis. Vivamus tristique lacus eget diam interdum mollis. Donec metus turpis, pharetra tempus laoreet eu, rutrum vitae nisi. Praesent iaculis, mauris ut volutpat convallis, nisl libero pellentesque purus, ac tincidunt velit nisi vitae eros. Fusce a magna neque. Sed ut dignissim justo. Integer bibendum arcu vel sapien hendrerit in ultrices eros tincidunt. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus aliquet quam nec libero lobortis ullamcorper. Ut id velit nec lorem vestibulum fermentum ut sit amet augue. Vivamus quis quam ut magna viverra blandit eget eget velit. Sed fermentum, justo at volutpat fringilla, nisl tellus accumsan massa, nec ullamcorper lectus lacus sit amet dolor. Curabitur enim sem, gravida eget mollis vitae, venenatis at est. Proin ac accumsan lacus. Sed imperdiet lectus eros, pretium elementum nibh.
#jn-freebie01 {width:500px; margin:0px auto;font-family:Arial, sans-serif;}
#jn-freebie01.ooc {text-align:right;font-size:11px;padding:0px;}
#jn-freebie01.table {background-color:#000000;border:1px solid #807897;outline:1px solid #000000;color:#7a6aa3;text-align:justify;font-size:13px;padding:180px 0px 5px 0px;background-image:url(http://i.imgur.com/kvMvn.png);background-position:top left;background-repeat:no-repeat;line-height:15px;letter-spacing:-1px;word-spacing:1px;}
#jn-freebie01.table p {text-indent:40px;padding:5px 15px 0px;}
#jn-freebie01.table p:first-letter {font-size:23px;font-weight:normal;color:#e6546f;font-family: 'Leckerli One', cursive;}
#jn-freebie01.table b {color:#e6546f;letter-spacing:.5px;word-spacing:1px;}
#jn-freebie01.table b:before {content:open-quote;}
#jn-freebie01.table b:after {content:close-quote;}
#jn-freebie01.words {font-size:10px;text-align:right;padding:0px;}
</style>
[/html]
-----
[html]
Blah blah blah lookit me I'm a table I'M SO BEAUTIFUL. "Talky talky talk talk talk!"
.kikifree02-ooc {font-style:italic;text-align:right;width:449px;font-size:11px;font-family:Verdana, Arial, sans-serif;margin:0px auto;padding-bottom:3px;}
.kikifree02 p {padding:5px 15px; margin:0px; text-indent:30px;}
.kikifree02 b {color:#ffffff; letter-spacing:-.2px;text-shadow: .05em .05em .25em #000000;}
.kikifree02 {background-image:url(http://i.imgur.com/mIRtO.png); background-position:top right; background-repeat:no-repeat; font-family:Verdana, arial, sans-serif; font-size:12px; color:#000000; letter-spacing:.4px; word-spacing:.3px; line-height:16px; width:449px; text-align:justify; padding:250px 0px 0px 0px; background-color:#812e40;margin:0px auto;border:1px solid #000000;}
.kikifree02-wc {font-style:normal;text-align:right;width:450px;font-size:11px;font-family:Verdana, Arial, sans-serif;margin:0px auto;}
.kikifree02-name {text-align:center;font-weight:bold;font-size:30px;margin-top:0px;margin-bottom:10px;color:#eb9540;text-shadow: .00em .0em .05em #000000;text-transform:uppercase;}
.kikifree02-quote {text-align:left;padding:0px;margin-bottom:0px;margin-top:10px;font-size:10px;padding-right:30px;padding-left:30px;}
</style>
[/html]
-----
[html]
 |
||
| Familius | ||
| Pack Statistics | ||
| Females/Males | 02/05 | |
| Adults/Puppies | 07/00 | |
| Pack Ranks | ||
| Leaders | ||
| Avus | Ava | |
| Galileo Gray | Valinta LeStrange | |
| Members | ||
| Pater | Mater | |
| Iven Beckham | Gemma Rhiannon-Sawtooth | |
| Frater | Soror | |
| Ibycus | --- | |
| Puppies | ||
| Filiorum | Infans | |
| Gunnar Donte LeStrange, Aslan Kurtis | — | |
| Omegas | ||
| Ineptum | --- | |
| Pack News | ||
29.06 – We are le founded? It's always good to have a goal! ;D DD.MM – Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec justo tortor, fermentum sed commodo vitae, hendrerit non neque. Nunc dictum augue vel magna fringilla tempus. DD.MM – Nunc laoreet placerat aliquam. Aliquam erat volutpat. Proin eu tellus vitae lacus ullamcorper accumsan sit amet eu dolor. Morbi lacinia consectetur leo. Quisque convallis diam non urna cursus dapibus. |
||
<style>
/* OKAY, first of all, this table is customised to show two side-by-side ranks--e.g., like on the old ranks how there were two spahers of equal rank. If you want your table to have three side-by-side ranks, like how in CdM the Royal Court are all side by side, just add in the extra table cells in the same table row, and then change colspan="2" to colspan="3" (or colspan="4" if you want four side-by-side ranks). this is very easily done with a find and replace; just CTRL + H in notepad, paste or type in colspan="2" in the first box and colspan="3" in the second box, and hit replace all. VEDDY SIMPLE, JA?
second of all, the only variable that actually controls content within the whole of the table is the style="text-align:left" in the "Pack News" box. THAT'S IT. everything else is in the css. this maeks very easy to edit, ja?
if you need help, you can PM sie and she will halps! */.packsranks { border:1px solid #000000; border-collapse:collapse; font-family: arial, helvetica, sans-serif; font-size:12px; color:#ffffff;}
/* Packsranks controls:
- your primary table border and how they interact (border-collapse:collapse; insures that borders don't double up if two table cells both have borders)
- your primary font, font size, and font color used throughout the table. this really only appears in blank rank spots where you place a dash and the "Pack News" text. */
.packsranksheader {text-align:center; padding:5px; background-color:#915c83; border:1px solid #000000; font-family: georgia, serif; font-size:20px; font-weight:bold; letter-spacing:-.4px; color:#ffffff; text-transform:none; font-variant
mall-caps; }/* Packsranksheader controls background color, text alignment, padding, border, and font variables of the "Pack Name" table cell. You might want to get rid of that table cell and this custom class if you have your pack's name in the header image. Or not. Up to you. :3 */
.packsrankstitle {text-align:center; padding:0px; background-color:#000000; border:1px solid #000000; font-family:'century gothic', arial, helvetica, sans-serif; font-size:15px; font-weight:normal; letter-spacing:1px; color:#915c83; text-transform:uppercase; }
/* Controls background color, text alignment, padding, border, and font variables of "Pack Statistics", "Pack Ranks", "Pack News", etc. */
.packsrankssubhead {text-align:left; padding:2px 40px; background-color:#e32636; color:#000000; border:1px solid #000000; font-family:arial, helvetica, sans-serif; font-size:13px; text-transform:uppercase; font-weight:bold; letter-spacing:.5px;}
/* Controls background color, text alignment, padding, border, and font variables of "Leaders", "Members", "Puppies" etc. */
.packsrankstrong {font-family:georgia, serif; font-size:11px; color:#ffffff; font-style:none; font-weight: normal; font-variant:none; text-transform:none; letter-spacing:0px; background-color:#915c83; border:1px solid #000000; text-align:center; padding:4px; vertical-align:top;}
/* Controls background color, padding, text alignment, border, and font variables of "Alpha," "Beta," "Gamma," etc. */
.packsranksinfo {background-color:#ffffff; text-align:center;border:1px solid #000000; padding:2px; vertical-align:top; padding:3px; }
/* Controls background color, padding, text alignment, border, and font variables of your member cells. No font variables because they are controlled in the primary table class. */
.packsranksinfo strong {font-weight:bold; color:#e32636; font-family: arial, helvetica, sans-serif; font-size:12px; letter-spacing:1px; }
/* Controls the text used for the date in the "Pack News" section. */
.packsranksinfo p { margin:0px; padding:0px; text-indent:20px; }
/* Controls the text indent of the paragraphs in the "Pack News" section. */
.packsranks a:link,.packsranks a:visited {color:#915c83; text-decoration: none;}
.packsranks a:hover,.packsranks a:active{color:#cb2331; text-decoration: none; border-bottom:1px dotted #cb2331;}
/* Controls all links within "packsranks." You don't need to attach a class to every link or anything.
*/</style>
[/html]
ooh, look at the pretty ranks table! coming soon to a testing thread near you: RANK TABLE II: THE CO-RANK TABLE
:O