Previous | Next

Layout: The Silvis


image prev | [info]tess016


001: Informative Info
Here's a quick layout I've been meaning to finish and post that wound up matching my last two codes, so I stuck em in! Features a one blurb sidebar with custom inner coding and room for an icon; enabled modules are: custom text, links list, and tags. We've also got some large headers going on, side positioned footer links, and rounded icons, all wrapped up in a minimalist package. Enjoy! <3
002: The Layout


003: Directions
→Go to Basics, choose S2, fill in your title and subtitle if desired, then save.
→Go to Links List, fill in your links if desired, then save (remember to use the first link title with no URL for your link module title.)
→Go to Look and Feel, choose Complete Style for the layout, then save.
→Go to Custom Options, and choose the following:
→Layout Type: Two column (Sidebar on left)
→Disable customized comment pages for your journal: Yes

→Link text to leave a comment: Comment

→Fill in sticky note and title if desired.

→Body of custom sidebar module:
<center><img src="YOURICON"></center>
<b><a href="http://JOURNALNAME.insanejournal.com/">JOURNAL TITLE</a></b><!---
---><h4>THIS IS A JOURNAL SUBTITLE</h4><div class="my-nav"><hr><!---
---><a href="http://JOURNALNAME.insanejournal.com/">Recent</a><!---
---><a href="http://JOURNALNAME.insanejournal.com/friends">Friends</a><!---
---><a href="http://JOURNALNAME.insanejournal.com/profile">Profile</a><hr></div>
<i>YOUR BLURB</i>

*remember to fill these in or your nav links won't work!

→Person to credit if you have an individually created layout: Layout by Tessisamess
→URL to link the credit to: http://tessisamess.insanejournal.com/

→Sidebar Ordering: Custom text, links, tags, layout credit, (none) OR default is fine if you haven't edited these dropdowns previously

→Custom stylesheet: Input the code above and save!

004: CTRL+F This Shit
#fff to change entry and sidebar content background colors.
#eee to change block link background and page background colors.
#ddd to change hr and sidebar nav hover background color.
#ccc to change block link border colors.
#aaa to change date, sidebar subtitle, and link hover color.
#999 to change page bottom nav and sidebar nav link hover color.
#888 to change entry tag links color.
#555 to change entry header, sidebar, and secondary link colors.
#444 to change link color.
#333 to change page font color.
0, 0, 0 to change the box shadow color.

Playfair Display to change the accent font.
helvetica,arial,sans-serif to change the bulk font.
http://i.imgur.com/BJsatPF.png to change the background pattern.
005: Rules and Shit
→Please put my credit in its designated spot.
→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

Page 1 of 2
<<[1] [2] >>
Jan. 6th, 2016 11:45 pm (UTC)
Jan. 6th, 2016 11:54 pm (UTC)
Jan. 7th, 2016 12:11 am (UTC)
This is so pretty.
Jan. 7th, 2016 01:39 am (UTC)
This is gorgeous! 💖
Jan. 7th, 2016 02:43 am (UTC)
This is BEAUTIFUL. I am definitely going to try it out on some of my journals!
Jan. 7th, 2016 05:03 am (UTC)
This is beautiful! This is perfect for a character I have in mind, haha. Thank you a bunch for making this journal. <3
Jan. 7th, 2016 10:03 am (UTC)
OMFG STOP PUTTING OUT PERFECT THINGS!!!! (jk don't, seriously OMFGASDFKAJSDFAJSDFLAKSDJ) I'm really in love with this one. ♥
Jan. 7th, 2016 04:01 pm (UTC)
This is very lovely. Using it at this journal. 😍
Jan. 7th, 2016 05:05 pm (UTC)
This is amazing! I'm going to have to play with it for one of my too many journals!
Jan. 11th, 2016 04:40 am (UTC)
Okay, this is stunning. I love it but I was just wondering if there was any way to make the sidebar stationary?
Jan. 14th, 2016 11:07 pm (UTC)
I really like this layout, and currently reading the Raven Cycle series. Seems perfectly suited!

Taking and crediting! Also using your biosheet: slides for a profile.
Jan. 16th, 2016 11:49 pm (UTC)
I seriously love this layout. Made edits for aliciabspinnet
Jan. 17th, 2016 07:10 pm (UTC)
I am using this on this journal and I am wondering if there is a way to make it show tag use counts on the tags page. I've been playing with the code, but I can't seem to figure it out!
Jan. 19th, 2016 08:52 pm (UTC)
I love this layout! but I have a couple questions. I'm trying to add the sidebar right but I don't know how to do it. =( How do I get it to show up? Am I doing something wrong or is there something special I need to do?
Jan. 22nd, 2016 05:21 am (UTC)
Yaaaaas. Please take this gift of food in exchange for this lovely layout.

Jan. 23rd, 2016 03:26 am (UTC)
I will be playing with this for hours and days until you come up with another layout I love.



It's the circle of liiiife... and I'm going to show myself out now.
Jan. 23rd, 2016 08:07 am (UTC)
This is gorgeous! Using it on this journal. ♥
Feb. 12th, 2016 04:42 pm (UTC)
I addddoooore this. Buuut one tiny question/request. The list on the right for comment/etc I'd really love to have in floating boxes in one line underneath the entry. I figured out which part needs editing, but I am unsure of the coding for how to have it float beneath. Haaaaaalp?
(Anonymous)
Feb. 22nd, 2016 08:28 pm (UTC)

ummm

I coped the code and put it in your code tester but it doesnt seem to be working...not sure what i did wrong? Plz help
Feb. 24th, 2016 07:45 pm (UTC)
I have a dumb question (okay, 2 dumb questions):

1. Where do I add the title for "Navigation" above the links?

and 2. Is it possible to have 2 boxes for links, rather than just the one?

thank you for your lovely layouts!
Mar. 13th, 2016 06:58 am (UTC)
AAAAAAAAAA SAVING THIS FOR THE FUTURE!
Apr. 15th, 2016 11:22 am (UTC)
I am a big fan of the layout. It will be in use under this journal, which is a writing project. I only hope it turns out as beautifully as this layout!
Dec. 12th, 2016 01:55 pm (UTC)
Hey! We love love love this layout, but we're having a slight issue!

Our table here(thanks again!) seems to have a grey bar on the side as viewed in the layout, and we aren't sure why/how to fix it!

If you could help that would be ♥

Thanks for all you do!
Dec. 25th, 2016 08:47 am (UTC)
Hi Tess! I hope you're having a great Christmas!

I love the layout, but I am running into a slight problem, and TL;DR- I would like to change the fonts to something slightly more ~futuristic, but am clearly failing? I need your 'fonts for Dummies'. :/
Mar. 10th, 2017 09:17 pm (UTC)
I really love this layout and would like to use it with a few small tweaks, but I'm running into a problem. Instead of an icon at the top of the side bar, I'd like a slightly larger gif. When I try to do that instead, the image is shrunk to 100x100 size. Where do I tweak this? >_>
Page 1 of 2
<<[1] [2] >>