Previous | Next

Layout: In Stitches

image prev | [info]tess028

001: Informative Info
Another 3-column layout! Sorry, sorry, I'm just wicked into these right now. Normal-entry version available below. Like my other column layouts, the flist page on these still functions like a regular journal. The ribbon in the sidebar is pure CSS, so don't worry about image editing! Color replacing will change all colors in this layout. Enjoy! <3
002: The Layout


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:
→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: <img src="YOURIMAGE"> <div class="ribbon"><div class="ribbon-stitches-top"></div><strong class="ribbon-content"><h1>JOURNALTITLE</h1></strong><div class="links"><a href="URL">LINK 1</a> <a href="URL">LINK 2</a> <a href="URL">LINK 3</a></div><div class="ribbon-stitches-bottom"></div></div>
→Person to credit if you have an individually created layout: Layout by Tessisamess
→URL to link the credit to: http://tessisamess.insanejournal.com/

→Custom stylesheet: Input the code above and save
004: CTRL+F This Shit
#713b3f to change ribbon text shadow; sidebar and entry link text shadow.
#777 to change bulk text color.
#9f5258 to change body link color, scrollbar, minor text color, sidebar and entry link border color, sidebar and entry link hover background, ribbon shadow, and ribbon stitches.
#bc6067 to change sidebar image shadow, userpic shadow, entry shadow, and ribbon bottom gradient.
#d26c74 to change scrollbar, sidebar image border, userpic border, entry border, entry subject link, and ribbon top gradient.
#f19aa0 to change link hover color.
#f27b84 to change background color and blockquote border.
#aaa to change entry date color.
#bbb to change all non-ribbon stitches.
#e5e5e5 to change entry bottom gradient.
#fff to change entry top gradient, top nav links, sidebar title and links, entry link color.

QUICKSAND to change the accent font.
HELVETICA,SANS-SERIF to change the bulk font.
http://i.imgur.com/UxSUdMt.png to change/remove stripes from the page background.
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. 24th, 2015 07:31 am (UTC)
Fan. Fucking. Tastic. <3
Apr. 24th, 2015 12:40 pm (UTC)
Awwwyeah. ♥
Apr. 24th, 2015 08:23 am (UTC)
This is REALLY nifty. It looks like a tumblr layout, which is just awesome. Great job!
Apr. 24th, 2015 12:40 pm (UTC)
Hee thank you! ♥
Apr. 24th, 2015 12:31 pm (UTC)
Apr. 24th, 2015 12:40 pm (UTC)
Heee ty ty!
Apr. 24th, 2015 12:38 pm (UTC)
This is so sleek and brilliant. I LOVE THE COLOUR CHOICE OMG
Apr. 24th, 2015 01:29 pm (UTC)
Wow, gorgeous.
Apr. 24th, 2015 04:05 pm (UTC)

Apr. 24th, 2015 04:45 pm (UTC)
This is cute as fuq UNF!!!♥♥
Apr. 24th, 2015 09:12 pm (UTC)
Apr. 24th, 2015 11:35 pm (UTC)
This is gorgeous! I'm using the regular entries version of it on this journal. I did have to shrink the navigation width a little to get rid of the horizontal scrollbars on my laptop, but that was pretty easy to figure out! Thanks for sharing!
Apr. 25th, 2015 03:23 pm (UTC)
I changed the background color, and it looks great. Thank you! <3
Apr. 26th, 2015 07:30 am (UTC)
this is amashing and I love it and you and all is great.

I'm using it right now. I've decided.
Apr. 27th, 2015 04:10 am (UTC)
It's like you knew I was making a new character. Changed the colors and using it here.
Apr. 30th, 2015 04:45 am (UTC)
LOVE ALL YOUR LAYOUTS! This is just amazing! <3
May. 11th, 2015 01:19 am (UTC)
Love!! Changed the colors and used on this journal. Thanks for the amazing layouts!
Jun. 1st, 2015 06:27 am (UTC)
Hey there, I could use some help. :x I'm still working on edits, but I just uploaded my image for the sidebar and it's not a circle and doesn't have the stitching effect around it and I'm not sure why. Do I need to add a style tag to the image code and specify a border-radius?
Jun. 2nd, 2015 05:28 am (UTC)
Recolored a bit and used for this journal! (Along with your dropbox code that I changed into a friend's only thing.) :D
Jul. 30th, 2015 07:11 am (UTC)
Love it! Working on it on this IJ. How do I make the comment notifications visible, though?
Aug. 10th, 2015 05:38 pm (UTC)
I love this layout and it's so easy to customize, particularly for an s2! I do have a question though. I'm using it on this journal with just one column. I've tried tweaking the placement, but is there a way to get the entry boxes and nav bar to float at the middle point instead of being fixed? Everything I've changed makes no difference.
Nov. 2nd, 2015 11:27 pm (UTC)
I recolored and used this gorgeous layout on this journal. One question, because I'm brain-fried today and it's probably right in front of my face and I still can't find it...where should I be looking to fix the top navigation bar? It's probably too wide because on my screen, all that's visible in my mod of this is new, old, and friends. I have to horizontally scroll to get to me (profile). This is like probably the dumbest easiest thing to fix and I'm just drawing a total blank on which piece to edit, help?
Jan. 22nd, 2016 07:15 am (UTC)
Hi there! IDK if it's my laptop but with the three columns it requires scrolling to the side to view all of them. I changed the column-count to 2 but that didn't seem to make a difference? I know I'm missing something obvious to make it 2 cols and not 3 but.... halp?
Aug. 9th, 2017 08:27 am (UTC)
I think I've fallen in love with this layout! I wanted to use more S2 layouts, and this came up... And now here I am slapping it on just about every character who needs a new layout after the Photobucket apocalypse.

My faves are one in shades of brown and the red one with non-white entry backgrounds that took an incredibly long time to make presentable. (I'm a 'fake it til you make it' person when it comes to colour coordination, and hoo boy did I have to do a ton of faking before it turned into making. Probably won't be doing coloured entry backgrounds again.) I also used this layout in combination with the backgrounds and shields from quibblercons' retired Hogwarts layouts to spiff up a few of my Potterverse pups. For example: Slytherin, Gryffindor, Ravenclaw, and Hufflepuff.

Dashed borders have been a guilty design pleasure of mine for a very long time, but they're always horribly campy when thrown in at random. So thank you so much for finding a way to turn them into something beautiful and relevant that I can obsessively customize for many different muses.
Sep. 7th, 2018 05:24 pm (UTC)
It has taken me forever to get around to changing the layout of my personal journals but today I finally managed to begin doing that. And I started with this journal and chose this layout because it's lovely. Everything seemed to be going well until I realized that my sidebar image is blocked by the links ribbon bc I added an additional two rows. Is there something that can be tweaked in the layout code to allow for additional rows?