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>
YOUR INFO HERE<!---

---><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><!---
---></div></span>


→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.

Comments

Page 1 of 2
<<[1] [2] >>
Sep. 5th, 2015 10:22 pm (UTC)
Oh wow I really like this one!
Sep. 5th, 2015 11:04 pm (UTC)
I love this!
Sep. 5th, 2015 11:13 pm (UTC)
You're just on a ROLL this week!

*offers celebratory fizzy drinks*
Sep. 5th, 2015 11:25 pm (UTC)
This is really nice!
Sep. 6th, 2015 12:27 am (UTC)
This is gorgeous! Definitely bookmarking for later use!
Sep. 6th, 2015 09:19 pm (UTC)
I really love this and might try applying it to this journal...

...and hope I don't mess it up. :D
Sep. 7th, 2015 06:24 am (UTC)
This is amazingly gorgeous. I love it. I'm using it at this journal, and will probably use it on others. Changed the accent color. I'd never used an S2 layout before so it took me a little while to figure out everything (i.e. things like if you don't put a title in over the "blurb" section then it doesn't have the color accented border at the top,) but well worth it. Thank you!!!
Sep. 7th, 2015 05:55 pm (UTC)
Well, I know what I'm doing with all of my journals for the rest of the week.

The hardest part will be deciding between this one or the other one you just posted. I love them both!
Sep. 9th, 2015 12:21 am (UTC)
I can't even with how amazing this is.
Sep. 12th, 2015 01:45 am (UTC)
This layout is amazing. ♥

I have a question, though! On some of my entries, for no apparent rhyme or reason, a scroll bar appears along the side (you can see it on my top entry, if you need a visual). I've tried fiddling with the code, but can't seem to figure out how to disable it. Halp, plz? :)
Sep. 25th, 2015 06:25 am (UTC)
Hi Tess, I might be being dumb but I can't get the tags to appear? I've set them to appear but they aren't? Any ideas? I can see the coding for the tags in the CSS...
Sep. 28th, 2015 03:42 pm (UTC)
I'm having the same problem as the person above! Tags aren't showing up even though they're set to.
Oct. 8th, 2015 01:28 am (UTC)
Thirding the question about the tags! I Love this style, but I require the tags to be visible in the sidebar.
Nov. 10th, 2015 05:45 am (UTC)
http://keifer.insanejournal.com/friends

is there any way to push the icon navigation over on the FP? when it's a regular journal, it's not a big deal, but the longer communities end up covering part of the text of the entry.

also, i keep trying to get it to just use candara as the main font, but it doesn't seem to be cooperating. any help would be great. thanks!
Dec. 10th, 2015 05:44 pm (UTC)
Hi! I just wanted to let you know I love this layout and I'm using it for this journal. Thanks so much!
Dec. 29th, 2015 11:48 pm (UTC)
Is there any way to adjust the width of the sidebar? Thanks for this though!
Dec. 31st, 2015 05:19 am (UTC)
Hiya - I think I've messed something up. I changed the colors and the background, but now on the sidebar part where the picture is, there's an extra gray bit that shouldn't be there, and I can't figure out how to make it go away.
Jan. 1st, 2016 08:47 pm (UTC)
Thank you so much for this layout! It's gorgeous, so I'm using it for this game. I've also got the same question about a way to display the tags on the side. I'd really appreciate it!

Thanks!
Jan. 21st, 2016 04:51 pm (UTC)
I love this - and I totally INTENDED to keep it all modern and change up my normal flowery, vintage-y style.. And then I did this, using it for this CDJ. >>

But I like it! And I love allll your in-entry codes and I just went to town. Muahaha. THANK YOU FOR YOUR EXCELLENCE. YOU ARE EXCELLENT.
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 :(
Aug. 18th, 2016 12:56 pm (UTC)
Not sure if there is a way or not, but can icons/who posted be better displayed on the main page (like they are on the friends page?)
Aug. 22nd, 2016 11:16 pm (UTC)
i'm attempting to use this journal here, but i'm having problems getting the 'blurb' & 'navigate' headers show on the sidebar. any suggestions? it's late and i'm frustrated that i didn't get it fixed before bed. :/ but hoping for some help by morning!
(Anonymous)
Apr. 22nd, 2017 01:27 pm (UTC)
A few people already asked but is there a way to display tags on the sidebar to the left?
Apr. 25th, 2017 12:51 am (UTC)

Newbie

Hi,
I'm new here and am having a hard time personalizing this layout..I really want to change the colors to pink and add an image in the background but am having a hard time and am struggling..can you help me?? thanks..
Jun. 6th, 2017 11:47 pm (UTC)
I love this layout, but I'm having a small issue. My sidebar gif isn't showing up and there's an extra white box in the sidebar as well. ;(
Page 1 of 2
<<[1] [2] >>