Previous | Next

Layout: Pointedly

image prev | [info]tess012

001: Informative Info
Aaaaaaand a layout to match my last two codes! Features a two-blurb sidebar with links list and custom navigation, color pops, and lots of icons! See matching cast/other list code here and info page code here. 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: <div class="arrow"></div><!---

---><span><b>Character Name</b>

---><div class="nav"><!---
---><a href="/"><img src="http://i.imgur.com/9SIFfsP.png"></a><!---
---><a href="/profile"><img src="http://i.imgur.com/vqDD093.png"></a><!---
---><a href="/friends"><img src="http://i.imgur.com/pnECWf2.png"></a><!---
---><a href="/calendar"><img src="http://i.imgur.com/cSlo09c.png"></a><!---
---><a href="/tag"><img src="http://i.imgur.com/4vwEmNm.png"></a><!---

→Body of second custom sidebar module: Your secondary blurb

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

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

→Custom stylesheet: Input the code above and save; make sure to replace GIFURL in the CSS with your gif

004: CTRL+F This Shit
#fff to change entry and sidebar block background.
#eee to change page and entry link backgrounds.
#ddd to change the entry footer background color.
#bbb to change the borders, link hover color.
#008B8B to change the teal accent font.
#888 to change credit and tags link color.
#555 to change page font color.
0, 0, 0 to change the box shadow color.

http://i.imgur.com/OWbNint.png to change sticky note icon.
http://i.imgur.com/0yNdXJ8.png to change blurb icon.
http://i.imgur.com/ETBWscD.png to change navigation icon.
You can find the full icon set used here.

Cabin,helvetica,arial,sans-serif to change font family. (This is the only font on the page. To change just the headers, change the duplicate font I've placed in h1, h2, h3, h4 for you. This will change the entry and sidebar headers.)
http://i.imgur.com/bQSo31w.jpg 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.


Apr. 27th, 2016 04:19 am (UTC)
Using it here! If I could figure out where to change the sidebar picture, I am clearly blind, then life would be even better for me :(