Tessisamess

Skipping 005 for the moment because the guide's gonna take forever to write; sorry! BUT HERE, TAKE THIS FOR NOW. Make sure to hover the navlinks for fun stuff. Enjoy! <3

SIDENOTE: I am taking commissions, woo!
OTHER SIDENOTE: ~rpresources is now open for business to take over for RP_Tutorials!

FRIENDS_OPT_ITEMS=>15 FRIENDS_WEBSITE<= <div id="header"> <span id="header-left"></span> <span id="header-inner"> <span id="title">title here</span> <span id="subtitle">subtitle line goes over here</span> <span id="linkbar"> <span class="link">RECENT</span> <span class="link">PROFILE</span> <span class="link">FRIENDS</span> <span class="link">ARCHIVE</span> <span class="link">LAYOUT</span><br> <span class="abar"> <span class="a"><a href="http://journalname.insanejournal.com/"><img src="USERPIC1"></a></span> <span class="a"><a href="http://journalname.insanejournal.com/profile"><img src="USERPIC2"></a></span> <span class="a"><a href="http://journalname.insanejournal.com/friends"><img src="USERPIC3"></a></span> <span class="a"><a href="http://journalname.insanejournal.com/calendar"><img src="USERPIC4"></a></span> <span class="a"><a href="http://tessisamess.insanejournal.com/"><img src="http://www.insanejournal.com/userpic/22859426/830692"></a></span> </span> </span> </span> </div> <span id="backing"></span> <!--This fixes a bug in Internet Explorer--> <div> </div> <=FRIENDS_WEBSITE DAY_TALK_LINKS<= <table> <tr><td class="comments" colspan="2"><div id="footer"> <a href="%%urlread%%#comments">%%messagecount%%</a> <a href="%%urlpost%%">+</a> </div> </td></tr> <=DAY_TALK_LINKS DAY_WEBSITE<= <div id="header"> <span id="header-left"></span> <span id="header-inner"> <span id="title">title here</span> <span id="subtitle">subtitle line goes over here</span> <span id="linkbar"> <span class="link">RECENT</span> <span class="link">PROFILE</span> <span class="link">FRIENDS</span> <span class="link">ARCHIVE</span> <span class="link">LAYOUT</span><br> <span class="abar"> <span class="a"><a href="http://journalname.insanejournal.com/"><img src="USERPIC1"></a></span> <span class="a"><a href="http://journalname.insanejournal.com/profile"><img src="USERPIC2"></a></span> <span class="a"><a href="http://journalname.insanejournal.com/friends"><img src="USERPIC3"></a></span> <span class="a"><a href="http://journalname.insanejournal.com/calendar"><img src="USERPIC4"></a></span> <span class="a"><a href="http://tessisamess.insanejournal.com/"><img src="http://www.insanejournal.com/userpic/22859426/830692"></a></span> </span> </span> </span> </div> <span id="backing"></span> <!--This fixes a bug in Internet Explorer--> <div> </div> <=DAY_WEBSITE LASTN_TALK_LINKS<= <table> <tr><td class="comments" colspan="2"><div id="footer"> <a href="%%urlread%%#comments">%%messagecount%%</a> <a href="%%urlpost%%">+</a> </div> </td></tr> <=LASTN_TALK_LINKS GLOBAL_HEAD<= <title>JOURNAL TITLE</title> <style> <!-- /*-- CERCHIO - TESSISAMESS - 2013 --*/ /*-- Credit me in profile if removing my credit link from main block --*/ /*-- Find more fun stuff at: tessisamess.insanejournal.com --*/ /*GENERAL*/ @font-face { font-family: 'Meddon'; font-style: normal; font-weight: 400; src: local('Meddon'), url(http://themes.googleusercontent.com/static/fonts/meddon/v4/dunLpE034rp-ugV97zpysQ.woff) format('woff'); } ::-webkit-scrollbar{width:8px;height:8px;} ::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{height:0;width:4px;display:block;background:transparent;} ::-webkit-scrollbar-track-piece{background:#ddd;} ::-webkit-scrollbar-thumb:vertical{height:0;background:#999;} ::-webkit-scrollbar-thumb:horizontal{width:0;background:#999;} body{margin:-20px 0 0 0;padding:0;background:url(http://i.imgur.com/KaDUAYs.png)top left repeat fixed;font-family:helvetica,arial,sans-serif;font-size:10px;color:#000;} body,table,tr,td{text-align:justify;} a{color:#F9DD47;text-decoration:none;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;} a:hover{color:#999;text-decoration:none;} blockquote{padding-left:5px;border-left:3px solid #F9DD47;font-style:italic;} /*THE GOODS*/ #header{visibility:visible;height:300px;margin:-150px 0 0 0;top:50%;left:0;right:0;z-index:50;background:url(http://i.imgur.com/AEhgpqb.png)top left repeat fixed;padding:0 30px;color:#eee;position:fixed;font-family:helvetica,arial,sans-serif;text-transform:uppercase;font-size:9px;} #header-inner{display:block;width:400px;margin-top:130px;position:relative;z-index:150;} #header img{display:inline;} #title{display:block;border-bottom:2px solid #eee;font-family:Meddon;text-transform:lowercase;font-size:35px;line-height:23px;color:#F9DD47;} #subtitle{text-align:right;color:#aaa;letter-spacing:2px;font-size:11px;display:block;} #linkbar{text-align:center;width:400px;letter-spacing:1px;font-size:9px;} .link{display:inline-block;text-align:center;width:75px;} #abar{height:86px;text-align:center;width:400px;position:fixed;z-index:100;} .a a{display:inline-block;text-align:center;height:75px;padding-top:11px;margin-top:-11px;opacity:0;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;} .a a:hover{opacity:1;} #linkbar a img{width:60px;height:60px;padding:2px;background:#fff;border:5px outset #F9DD47;border-radius:40px;} /*ENTRIES*/ #backing{width:505px;margin:0;left:465px;top:0;bottom:0;position:fixed;z-index:99;background:#fff;-webkit-box-shadow:0 0 3px 2px #888;box-shadow:0 0 3px 2px #888;} table, tr, td, .shadowed{background:transparent;font-size:11px;} .content{} table{width:495px;margin-left:470px;margin-right:100%;position:relative;z-index:100;} table td{border:0px transparent;} table table{background:transparent;width:100%;margin:0;} table, table table td{background:transparent;border:none;padding:0;} .shadowed img{color:#E3DECB;border:none;} td.caption, .subject{text-align:center;font-size:26px;font-family:Meddon,georgia,serif;color:#F9DD47;text-transform:lowercase;text-shadow: 1px 0 1px #A5922F;} p table table td.caption, .head{line-height:25px;} #footer{text-align:right;margin:0;padding:10px 0 0 0;} #footer a{display:inline-block;width:20px;height:20px;line-height:20px;background:#222;margin:0 1px;padding:0;color:#fff;text-align:center;font-family:Meddon,georgia,serif;text-transform:lowercase;} #footer a:hover{background:#F9DD47;color:#000;} .entrybox .index{color:#F6BF96;} .entrybox{visibility:visible;background:#fff;padding:5px;border-bottom:1px solid #ddd;} .entrybox, .entrybox table{background:#fff;color:#222;} .entrybox table{line-height:150%;} .entrybox td.index2{text-align:center;} .entrybox img{max-width:480px;} .entrybox a{color:#A5922F;} .entrybox a:hover{color:#eee;} table table table{background:transparent;width:auto;float:right;} .meta{font-size:5pt;text-transform:uppercase;} table table table td.meta{padding:1px;line-height:4pt;font-size:5pt;} .index2{font-style:normal;text-align:center;} table table .index img{width:60px;height:60px;padding:2px;background:#fff;border:5px outset #F9DD47;border-radius:40px;} table table .index{padding:0;background:transparent;text-transform:uppercase;color:#444;line-height:8px;font-size:8px;text-align:right;} .ljuser img[src*="img/userinfo.gif"],.ljuser img[src*="img/community.gif"]{width:0!important;height:0!important;display:none!important;} img[src*="img/icon_protected.gif"]{width:0!important;height:0!important;background:transparent url(http://i.imgur.com/s0UE76O.png)no-repeat!important;padding:16px 0 0 16px!important;} img[src*="img/icon_private.gif"]{width:0!important;height:0!important;background:transparent url(http://i.imgur.com/s0UE76O.png)no-repeat!important;padding:16px 0 0 16px!important;} img[src*="img/icon_groups.gif"]{width:0!important;height:0!important;background:transparent url(http://i.imgur.com/s0UE76O.png)no-repeat!important;padding:16px 0 0 16px!important;} /*HIDING SHIT*/ .shadowed img, tr.caption, .entrybox td.index, .index3{display:none;} table table table table .meta {visibility:hidden;position:absolute;top:-20px;} .shadowed td div{visibility:hidden;position:absolute;top:1px;} --> </style> <=GLOBAL_HEAD FRIENDS_TALK_LINKS<= <table> <tr><td class="comments" colspan="2"><div id="footer"> <a href="%%urlread%%#comments">%%messagecount%%</a> <a href="%%urlpost%%">+</a> </div> </td></tr> <=FRIENDS_TALK_LINKS LASTN_OPT_ITEMS=>15 CALENDAR_WEBSITE<= <div id="header"> <span id="header-left"></span> <span id="header-inner"> <span id="title">title here</span> <span id="subtitle">subtitle line goes over here</span> <span id="linkbar"> <span class="link">RECENT</span> <span class="link">PROFILE</span> <span class="link">FRIENDS</span> <span class="link">ARCHIVE</span> <span class="link">LAYOUT</span><br> <span class="abar"> <span class="a"><a href="http://journalname.insanejournal.com/"><img src="USERPIC1"></a></span> <span class="a"><a href="http://journalname.insanejournal.com/profile"><img src="USERPIC2"></a></span> <span class="a"><a href="http://journalname.insanejournal.com/friends"><img src="USERPIC3"></a></span> <span class="a"><a href="http://journalname.insanejournal.com/calendar"><img src="USERPIC4"></a></span> <span class="a"><a href="http://tessisamess.insanejournal.com/"><img src="http://www.insanejournal.com/userpic/22859426/830692"></a></span> </span> </span> </span> </div> <span id="backing"></span> <!--This fixes a bug in Internet Explorer--> <div> </div> <=CALENDAR_WEBSITE LASTN_WEBSITE<= <div id="header"> <span id="header-left"></span> <span id="header-inner"> <span id="title">title here</span> <span id="subtitle">subtitle line goes over here</span> <span id="linkbar"> <span class="link">RECENT</span> <span class="link">PROFILE</span> <span class="link">FRIENDS</span> <span class="link">ARCHIVE</span> <span class="link">LAYOUT</span><br> <span class="abar"> <span class="a"><a href="http://journalname.insanejournal.com/"><img src="USERPIC1"></a></span> <span class="a"><a href="http://journalname.insanejournal.com/profile"><img src="USERPIC2"></a></span> <span class="a"><a href="http://journalname.insanejournal.com/friends"><img src="USERPIC3"></a></span> <span class="a"><a href="http://journalname.insanejournal.com/calendar"><img src="USERPIC4"></a></span> <span class="a"><a href="http://tessisamess.insanejournal.com/"><img src="http://www.insanejournal.com/userpic/22859426/830692"></a></span> </span> </span> </span> </div> <span id="backing"></span> <!--This fixes a bug in Internet Explorer--> <div> </div> <=LASTN_WEBSITE

→Make sure you have a website in your profile page.
→Go to Basics and choose S1, then save.
→Go to Look and Feel, choose Generator for all views, then save.
→Go to Custom Options and paste the layout code, then save. Make sure you've done a replace all on the following:

→journalname
→title here
→subtitle line goes over here
→USERPIC1 through USERPIC4
→JOURNAL TITLE

→All done! :D

→#F9DD47 to change the accent color.
→#A5922F to change link color and accent color's shadow color.
→#999 to change link hover color and dark scrollbar color.
→#DDD to change light scrollbar color and line color between entries.
→#FFF to change entry background color, title border color, and sidebar links color.
→#000 to change comment link background and bulk font color.
→#AAA to change subtitle color.
→Meddon to change accent font.
→helvetica to change bulk font.
→http://i.imgur.com/KaDUAYs.png to change background image.

→Credit me either in your link list or your profile.
→Do not remove my credit from the CSS.
→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.