Previous | Next

Layout: For Simplicity's Sake


image prev | [info]tess018


001: Informative Info
Another freebie while I get through my sale layouts! Gotta crank out them 'for fun' codes while I work or I get burnt out, haha. Check out that super badass dropdown menu, guys! I wouldn't have been able to do it without the lovely ~wastintime. Enjoy! <3

Update 5.24.15: Fixed a minor glitch where the dropdown links are active/clickable even when they are not displayed.
002: The Layout


003: Directions
→Make sure you have a website in your profile page.
→Go to Basics and choose S1, then save.
→Go to Look and Feel, choose Generator for all views, then save.
→Go to Custom Options and paste the layout code, then save. Make sure you've done a replace all on the following:
journalname
THIS IS YOUR TITLE
YOURICON
sideimage
URL1 through URL4 and LINK TITLE 1 through LINK TITLE 4
JOURNAL TITLE
→All done! :D
004: CTRL+F This Shit
#f5f5f5 url(http://i.imgur.com/6L4FoIO.png)top left fixed to change page background.
border:1px solid #ccc to change content borders.
background:#fff to change content backgrounds.
color:#efefef;text-shadow:1px 1px 0 #a9a9a9; to change title and entry title colors.
font-family:Ubuntu Mono,monospace; to change topbar/dropdown/entrylink font.
font-family:helvetica,arial,sans-serif; to change page font.
font-family:Dancing Script; to change title and entry title font.
#222; to change page font color.
#bbb; to entry link color.
#aaa; to change top/nav link text color and blockquote text color.
005: Rules and Shit
→Credit me either in your link list or your profile.
→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

May. 31st, 2014 01:30 am (UTC)
love the layout! i'm using it for this journal but i cannot figure out how to get my journal title text to be as small and cute as how you've made it, what can i do?
May. 31st, 2014 05:54 am (UTC)
Oh! I used this. :D (Make sure to type in all lowercase so that it gives you the right symbols.)
Jun. 1st, 2014 08:50 pm (UTC)
i must be doing something wrong or it could be that i am on my tablet, i'm away from home atm, but nothing is working. am i doing something wrong?
Jun. 1st, 2014 09:21 pm (UTC)
Does this help?
Jun. 2nd, 2014 12:39 am (UTC)
I figured it had something to do with my tablet lol. Apparently when I typed things in it only shows certain letters so I guess I will have to wait til I get home. Thank you so much for the help!
Jun. 2nd, 2014 12:41 am (UTC)
Np! Here, I'll get it for you and see if it works for you.

ᴀɴᴅ ɪ ᴄᴀɴɴᴏᴛ ɢᴜᴇss ᴡʜᴀᴛ ᴡᴇ'ʟʟ ᴅɪsᴄᴏᴠᴇʀ...
Jun. 2nd, 2014 03:12 am (UTC)
Yeah it's definitely my tablet because even when you copy paste it lol it's still missing letters for me so all I see right now is n I nn g as h 'll is r... lol. Thank you for helping!
Jun. 2nd, 2014 03:18 am (UTC)
LOL, yeah that's not right at all. Welp, I tried! At least you know it's just your tablet, though!
Jun. 3rd, 2014 01:25 am (UTC)
now that i am finally home it works! thank you so so much <3!
Jun. 3rd, 2014 01:26 am (UTC)
:D No problem!