Previous | Next

Layout: Through the Roof N Underground


no sidebar image prev | [info]tess021
yes sidebar image prev | [info]tess021a


001: Informative Info
Most minimalist layout I've ever done haha. Fixed nav menu and a fade-in header on pageload. Added a sidebar version for those who like it but also need a sidebar. These two layouts together would be really good together for game use I think, using no-sidebar for the mod journal with a link directory, and the yes-sidebar version for the comms. Enjoy! <3
002: The Layout
NO SIDEBAR


YES SIDEBAR


003: Directions
→Go to Basics, choose S2, fill in your title and subtitle if desired, then save.
→Go to Look and Feel, choose Complete Style for the layout, then save.
→Go to Custom Options, and choose the following:
[NO SIDEBAR]
→Layout Type: One Column
→Disable customized comment pages for your journal: Yes

→Link text to leave a comment: Comment
→Text used to link to the 'Recent Entries' view: Recent
→Text used to link to the 'Archive' view: Archive
→Text used to link to the 'Friends' view: Friends
→Text used to link to the 'User Information' view: Profile

→Change HEADERHERE to your header image. Must be as wide as you can manage and at least 550px high.
→Custom stylesheet: Input the code above and save

→Please remember to credit me on the profile page since there is no credit block.
[YES SIDEBAR]
→Layout Type: Two column (sidebar on left)
→Disable customized comment pages for your journal: Yes

→Link text to leave a comment: Comment
→Text used to link to the 'Recent Entries' view: Recent
→Text used to link to the 'Archive' view: Archive
→Text used to link to the 'Friends' view: Friends
→Text used to link to the 'User Information' view: Profile

→Body of custom sidebar module: Your gif
→Body of second custom sidebar module: Your blurb
→Person to credit if you have an individually created layout: Layout by Tessisamess
→URL to link the credit to: http://tessisamess.insanejournal.com/
→Reorder in the dropdowns as desired (preview is: custom text 1, links, custom text 2, tags, layout credit.)

→Change HEADERHERE to your header image. Must be as wide as you can manage and at least 550px high.
→Custom stylesheet: Input the code above and save

→Fill out your Links List, if desired.
004: CTRL+F This Shit
#FFF to change all backgrounds.
#444 to change bulk text.
#aaa to change link color.
#111 to change entry and module header color.
#eee to change nav menu link backgrounds; blockquote background.
#555 to change nav menu links.
#e5e5e5 to change userpic background.
#999 to change entry tags link color.
#ccc to change entry links border.
#777 to change entry links color.

font-family:Lora,georgia,sans-serif; to change entry and module header font.
font-family:georgia,sans-serif; to change bulk font.
800px to change content width.
http://i.imgur.com/KIWa3PN.png to change nav menu icon. Light version (for darker recolors) is here: http://i.imgur.com/vjhmFsA.png
→Delete .lj-view-recent .inner-entry-userpic{display:none;} from the sidebar version to get userpics on the main page.
→Add .lj-view-recent .inner-entry-userpic{display:none;} to the no sidebar version to remove userpics from the main page.

005: Rules and Shit
→Credit me in your profile if removing it from the layout.
→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.

Comments

Jun. 2nd, 2015 11:34 pm (UTC)

Carlton can't even deal with all the awesome you're posting.

Jun. 2nd, 2015 11:37 pm (UTC)
this is mesmerising....
Jun. 3rd, 2015 01:27 am (UTC)
XD
Jun. 2nd, 2015 11:39 pm (UTC)

Re: Carlton can't even deal with all the awesome you're posting.

AHHHHHH hahahahaha my favorite.
Jun. 3rd, 2015 01:28 am (UTC)

Re: Carlton can't even deal with all the awesome you're posting.

You're the reason I search for animated gifs, man. <3
Jun. 3rd, 2015 02:01 am (UTC)
This is the most beautiful gif I have ever seen.
Jun. 3rd, 2015 07:14 am (UTC)
<3
Jun. 2nd, 2015 11:37 pm (UTC)
Jun. 2nd, 2015 11:39 pm (UTC)
<3
Jun. 3rd, 2015 01:28 am (UTC)
Jun. 3rd, 2015 01:31 am (UTC)
Eeeeeeeee! ♥ GLAD YOU LIKE IT. :D
Jun. 3rd, 2015 02:01 am (UTC)
Jun. 3rd, 2015 06:28 am (UTC)
But not quite as good as that gif, ughhhh. ♥
Jun. 3rd, 2015 03:25 am (UTC)
YOU KEEP MAKING NICE THINGS AND NOW I NEED TO FIND A JOURNAL TO USE THIS LAYOUT ON, JFC
Jun. 3rd, 2015 06:28 am (UTC)
LMAO MY BAD
Jun. 3rd, 2015 07:02 am (UTC)
KEEP MAKING NICE THINGS BECAUSE THERE IS NEVER ENOUGH
Jun. 6th, 2015 02:47 am (UTC)
OMG YES.

Jun. 11th, 2015 11:28 pm (UTC)
:DDD
Jun. 7th, 2015 04:32 pm (UTC)
Using in this journal and [info]knowingjack only modified dark

♡♡♡♡♡♡♡♡♡♡♡
Jun. 11th, 2015 11:28 pm (UTC)
Eeee, yay!
Jun. 11th, 2015 11:19 pm (UTC)
I've broken something! Somehow I managed to get links on my sidebar for biography and whatnot that were just really placeholder links. I was intending to replace them with real links and other things once I got everything all settled, but now, try as I might, I can't figure out how I actually got those links there. I can't find them in the code and I have no idea how to change them now!
Jun. 11th, 2015 11:27 pm (UTC)
LOL, oh no! Just go here for your links. (When you're navigating customization pages, it's linked on Customize Journal - Basics.)
Jun. 11th, 2015 11:31 pm (UTC)
Bless. And now that I've seen the page I remember it and how to get to it and feel idiotic. THANK YOU!
Jun. 11th, 2015 11:34 pm (UTC)
Hee, no problem! Ngl, whenever I go to use custom styles there's this one page that isn't actually linked anywhere I can find it, so if it's not in my autofill on Chrome I just sit here like UHHHHHHHHHHH SHIT. XD
Jun. 11th, 2015 11:35 pm (UTC)
Well, now that I have that settled, let me say this layout is beautiful and I Miiiiight have built a character for no other reason than to use it. I use your layouts for EVERYTHING. Big fan. So Thank you again!
Jun. 11th, 2015 11:37 pm (UTC)
OMG, awww thank you so much!! ♥
Jun. 25th, 2015 01:28 pm (UTC)
i'm so picky about layouts matching my chars personalities, and have been having a horrific time finding something for this girl. this layout is perfection, homg. no lie, made my whole week!!
Jun. 25th, 2015 07:06 pm (UTC)
Aww, yay! :D I'm glad you like it; thank you! ♥
Aug. 13th, 2015 02:47 am (UTC)
I'm not sure how to edit it to use on my journal.
Aug. 13th, 2015 03:10 am (UTC)
Could you be a little more specific? What are you trying to edit?
Aug. 13th, 2015 03:12 am (UTC)
I'm trying to put it on my journal. I'm not too good with html. I'm not sure how to make it link to my journal.
Aug. 13th, 2015 03:15 am (UTC)
Which part of the instructions has you stuck? (Also, are you trying to put in the Sidebar or No Sidebar version?)
Aug. 13th, 2015 03:17 am (UTC)
No side bar. You know the little drop down that links to the friends, recent, etc. How do I get it to go to my journal?
Aug. 13th, 2015 03:28 am (UTC)
That part should be automatic. Have you changed to S2 and to Complete Style?
Aug. 13th, 2015 03:36 am (UTC)
Where do you find the headerhere part? Is it in your layout or the custom page?
Aug. 13th, 2015 03:40 am (UTC)
Oh crap ahahah I left the default image in! Replace http://i.imgur.com/78jnxoR.jpg instead.
Aug. 13th, 2015 03:41 am (UTC)
Thank you so much.
Aug. 13th, 2015 03:42 am (UTC)
No problem!
Aug. 13th, 2015 03:52 am (UTC)
It keeps turning out like this.

http://empathed.insanejournal.com/
Sep. 27th, 2015 11:44 am (UTC)
OH HEY these are gorgeous and you're gorgeous. We're using them for [info]theharbormods, [info]the_lighthouse and [info]the_harbor!
Dec. 18th, 2015 04:08 am (UTC)
Using with some modifications here!
Feb. 19th, 2016 03:53 pm (UTC)
Using this here! Any way to remove the Prevous 1 link or make it white?
Feb. 19th, 2016 09:31 pm (UTC)
Yep! :D Just go to .nav-bottom{text-align:right;} and change it to .nav-bottom{display:none;} and you're good to go!
May. 13th, 2016 06:54 pm (UTC)
Quick question.

Is there a way to make the tags on their own lines instead of just bunched together?
Dec. 27th, 2016 02:13 pm (UTC)
Just the needed thing to dress up my literally brand spanking new still-got-the-new-journal-smell journal. Beautifully done!
May. 30th, 2017 08:36 pm (UTC)
Using this here and LOVING IT. But... I'm gonna be lazy and just ask instead of searching for the answer cause I've got to jet off to class in like two minutes....

Is there a quick and easy way to lock the background (the lower color portion) so it doesn't scroll with the entries? Thanks in advance! You're seriously the best ♥