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!
×

June 2019

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

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: Gridding


image preview | [info]tess038

THIS LAYOUT HAS SIX DIFFERENT SIDEBAR OPTIONS—YES REALLY!



Information

Hey guys! It's time for a layout I'm EXTREMELY EXCITED ABOUT!!! CAN YOU TELL?! So why am I so excited? Well! I know I haven't done a column/grid layout in ages, and that's because before they just weren't very practical for smaller screens. I am VERY HAPPY to release my best grid layout to date, Gridding! This S2 layout is fully responsive and will fit any screen size while breaking itself down accordingly instead of squishing columns together to force it to fit. (I may very well go back and adjust all of my old grid layouts, haha!)

What's even better about this sleek, minimalist layout? The inline sidebar has six different sidebars to choose from. No kidding! Just grab the one you want and post it in your sticky note (or even code your own!) and you're all set—so this is almost like six layouts in one; COOL, RIGHT! And, of course, the friends page is single column for ease of scrolling new posts coherently. Enjoy! ♥

Layout Coding



Installation Guide

♡ Go to Basics and choose S2 for your style system, fill in your title and subtitle, then save.
♡ Go to Look and Feel, choose Complete Style, then save.
♡ Go to Custom Options and choose the following options:
Layout Type: One Column
Disable customized comment pages for your journal: Yes
Navlink titles: Recent, Archive, Friends, Profile
Link text to leave a comment: Comment
Text to track new comments on an entry: Track
Text to stop tracking new comments on an entry: Stop Tracking
Sticky Note: Your sidebar coding of choice!
Custom stylesheet: Input the CSS provided and save!

Editing Guide

Paste the coding into Notepad or similar and bring up Replace All (usually Ctrl+H) to replace values quickly and easily!

PLACEHOLDER VALUES
STICKY3BG, STICKY4BG, STICKY6GIF - Replacements for sidebars that require background images (#3, #4, and #6)
https://i.imgur.com/sgdzUIG.png - Locked
https://i.imgur.com/kcvhEBk.png - Private
https://i.imgur.com/HtCCn8L.png - Groups

FONTS
Raleway - Page text
Pathway Gothic One - Header text

REMOVE HOVER LINKBAR FUNCTION
Delete:
.lj-view-recent .entry:hover .entry-linkbar, .lj-view-day .entry:hover .entry-linkbar{max-height:100px;}
.lj-view-recent .entry-linkbar, .lj-view-day .entry-linkbar{max-height:0;overflow:hidden;-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;}


COLORS
#fff - Various sticky sidebar elements, entry background, user link on friends,
#fbfbfb - Page background
#ddd - Sticky #1 text and links
#bbb - Sticky #4 text, Sticky #6 text
#999 - Entry date and tags
#888 - Sticky #5 header text shadow
#333 - Page text color
#101010 - Sticky #1 background, Sticky #2 image border, userpic background,
#000 - Headings, links, Sticky #5 color & heading background
0,0,0 - Tons if different shadows, borders, and overlays (semi-transparent rgba value)

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

Feb. 2nd, 2018 09:24 pm (UTC)
You are a genius!! I'm not good at this stuff but I was able to figure it out because the instructions are so good!