Tessisamess

Layouts, Codes, Tutorials, & Resources

Hey there, I'm Tess!

Welcome to my blog; I make lots of different layouts, codes, tutorials, and other resources for Insanejournal and Dreamwidth RPers! There's a lot to choose from and brand new content goes up every week!

Take a look around, and don't hesitate to ask for help if you need it!

Can't get enough resources? Why not subscribe to my Patreon for exclusive monthly content, or support the creation of more content by leaving a tip on Ko-Fi! ♡

Need an invite?

If you're unable to comment on my journal to ask for help now that anon has been turned off due to serious spam issues, don't worry! Just shoot me an email and I'll send you an invite code for Insanejournal. I've got plenty to spare!
×

Please Note:

I do not offer assistance with any sites other than IJ and DW unless it is for general HTML and CSS (ie. custom hosted pages and similar.) I cannot convert a code to a new site's rules because there are a lot of niche RP sites, and I have no way of knowing each one's limitations and caveats. Sorry about that!

Layout By

Powered by InsaneJournal

Hey there, I'm Tess!

Welcome to my blog; I make lots of different layouts, codes, tutorials, and other resources for Insanejournal and Dreamwidth RPers! There's a lot to choose from and brand new content goes up every week!

Take a look around, and don't hesitate to ask for help if you need it!

Can't get enough resources? Why not subscribe to my Patreon for exclusive monthly content, or support the creation of more content by leaving a tip on Ko-Fi! ♡

Need an invite?

If you're unable to comment on my journal to ask for help now that anon has been turned off due to serious spam issues, don't worry! Just shoot me an email and I'll send you an invite code for Insanejournal. I've got plenty to spare!
×

December 2018

S M T W T F S
      1
2345678
9101112131415
16171819202122
23242526272829
3031     

Please Note:

I do not offer assistance with any sites other than IJ and DW unless it is for general HTML and CSS (ie. custom hosted pages and similar.) I cannot convert a code to a new site's rules because there are a lot of niche RP sites, and I have no way of knowing each one's limitations and caveats. Sorry about that!

Layout By

Powered by InsaneJournal
Previous | Next

Layout: Aerial


image preview | [info]tess056


Information

Hey guys! I got a few requests for a layout that looks like the demo page for my Sticky Navs, so I finally got around to doing that! This layout, of course, can use those nav codes by putting the HTML for your preferred nav into the first custom text! Just follow the sticky nav post info as usual and you're all set, or use this layout without it for a clean, ultra-minimalist journal!

Enjoy! ♥

Layout Coding



Installation Guide

♡ Go to Basics and choose S2 for your style system, then save.
♡ Go to Look and Feel, choose Complete Style, then save.
♡ Go to Custom Options and choose the following options:
Layout Type: Two Column (Sidebar on Left)
Disable customized comment pages for your journal: Yes
Navigation link names: Recent/Archive/Friends/Profile
Fill in sticky note if desired.
Fill in custom sidebar module if desired.
Add a sticky nav in your first custom text if desired.
Person to credit if you have an individually created layout: © !IMPORTANT
URL to link the credit to: http://tessisamess.insanejournal.com/
Custom stylesheet: Input the CSS provided (don't forget your sticky nav's CSS too if you're using one!) and save!

Editing Guide

Your replacement guide is in the layout using :root as a replace all function!

Terms of Use

♡ Do not remove credit.
♡ Do not redistribute my codes in part or in whole (posting a copy for players to use in your game is fine with a link to original post.)
♡ If you break something during editing, please feel free to drop me a comment and I'll help as best I can!
♡ I love seeing edits! This isn't a rule, but if you have a cool edit of one of my codes I'd love to see it!

Comments

Jun. 2nd, 2018 04:31 am (UTC)
Hey! Looks like you'll want to add a z-index to the sticky nav's outer container CSS, so I'd do:

.sticky-nav{position:fixed;left:0;top:0;text-align:center;z-index:200;}

And you should be all set! ♥
Jun. 2nd, 2018 04:33 am (UTC)
DOH. I've been scratching my head for two days putting z-indexes all over the damn place, but NEVER THERE. *facepalm.* Thank you, that did it! <3