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

Layout Add-on: Sticky Navs



LIVE PREVIEW

Information

Hey guys! Today's layout is actually a layout add-on. What?! I know! These four sticky navigations will fit into ANY layout you're using (both Generator and Complete Style) without editing needed! (There may be certain exceptions where the layout conflicts, but they'll only need minor edits if that's the case.)

These will most likely work on DW too with the same concept as the Complete Style instructions, but I have not tested them out, so if you use them on DW and experience issues just let me know and I'll add DW notes to this post!

The instructions for each of these are on the demo page, so the only editing info on this page will be the colors and a couple of small notes. Enjoy, and let me know if you would like to see more plug & play addons like these! ♥

Editing Guide

NAV #1 COLORS
#fff - Menu title and link color
255,255,255 - Link border (semi-tranparent rgba value)
#444 - Hidden menu background
#222 - Nav background

NAV #2 COLORS
#fff - Popup menu background
#eee - Link background
#ddd - Link hover background
#aaa - Menu title
#333 - Text/link color
0,0,0 - Popup overlay background (semi-tranparent rgba value)

*Change left:0;top:0; in #sticky-nav to reposition the menu icon for Nav #2.

NAV #3 COLORS
#fff - Dropdown background
#ddd - Borders and link hover background
#222 - Link color

*Change top:25px;right:25px; in #sticky-nav to reposition the dropdown for Nav #3.

NAV #4 COLORS
#fff - Link and dropdown text color
#bbb - Text color
0,0,0 - Menu and dropdown background (semi-tranparent rgba value)

*The font used in all the demos is Oswald. If you want to use this for your sticky nav, just declare the font in #sticky-nav with font-family:Oswald; and make sure you embed the font in your CSS from Google Fonts.

Terms of Use

♡ Do not remove credit.
♡ You may add this to your layouts with the intent to redistribute them as long as you leave my credit header in the CSS.
♡ 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

From:
( )Anonymous- this user has disabled anonymous posting.
( )OpenID
Username:
Password:
Don't have an account? Create one now.
Subject:
No HTML allowed in subject
  
Message:
 
Notice! This user has turned on the option that logs your IP address when posting.