Tessisamess

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
COLUMNS


NO COLUMNS


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.

Comments

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.
Aug. 9th, 2017 03:01 pm (UTC)
Ohhhhhhhhh...

OHHHHH...

Dude, these are all so sick, I love them! The mashups with the Quibblercons HP layouts are amazing! And the character info card code on Troy's!!!! You really nailed his inset pressed text too, guh.

I JUST REALLY LOVE ALL OF WHAT YOU'VE DONE HERE. Thank you so much for showing me; I'm glad you like it and had so much fun editing it! ♥ (Feel free to show me anything else you've edited, I'm thirsty hahaha.)
Aug. 9th, 2017 08:54 pm (UTC)
Oh, wow! You picked the parts I struggled with and spent the most time on, so I feel so win right now. Clearly, the effort was worth it! ♥ Thanks! I'm glad you like what I've done! (Ngl, I was a little nervous to share, at first. I'm always like this probably only looks good to me, I should hide it. Pft.)

So far the only other variants I've got are purples and blue-greys (which looks completely different on each of my devices, but I couldn't bring myself to try blindly editing colours when it all looks right on my laptop). The rest are wearing mild variations of the same few right now (mainly the HP ones), but I'm still going through and customizing more so I'll share more if/when I get some that are worth sharing. :)

Seriously, though, I'm kind of internally keyspamming because you liked what I did!