Tessisamess

Layouts, Codes, Tutorials, & Resources

Hey there, I'm Tess!

Welcome to my blog; I make lots of different layouts, codes, tutorials, and other resources for Insanejournal and Dreamwidth RPers! There's a lot to choose from and brand new content goes up every week!

Take a look around, and don't hesitate to ask for help if you need it!

Can't get enough resources? Why not subscribe to my Patreon for exclusive monthly content, or support the creation of more content by leaving a tip on Ko-Fi! ♡

Need an invite?

If you're unable to comment on my journal to ask for help now that anon has been turned off due to serious spam issues, don't worry! Just shoot me an email and I'll send you an invite code for Insanejournal. I've got plenty to spare!
×

Please Note:

I do not offer assistance with any sites other than IJ and DW unless it is for general HTML and CSS (ie. custom hosted pages and similar.) I cannot convert a code to a new site's rules because there are a lot of niche RP sites, and I have no way of knowing each one's limitations and caveats. Sorry about that!

Layout By

Powered by InsaneJournal

Hey there, I'm Tess!

Welcome to my blog; I make lots of different layouts, codes, tutorials, and other resources for Insanejournal and Dreamwidth RPers! There's a lot to choose from and brand new content goes up every week!

Take a look around, and don't hesitate to ask for help if you need it!

Can't get enough resources? Why not subscribe to my Patreon for exclusive monthly content, or support the creation of more content by leaving a tip on Ko-Fi! ♡

Need an invite?

If you're unable to comment on my journal to ask for help now that anon has been turned off due to serious spam issues, don't worry! Just shoot me an email and I'll send you an invite code for Insanejournal. I've got plenty to spare!
×

December 2018

S M T W T F S
      1
2345678
9101112131415
16171819202122
23242526272829
3031     

Please Note:

I do not offer assistance with any sites other than IJ and DW unless it is for general HTML and CSS (ie. custom hosted pages and similar.) I cannot convert a code to a new site's rules because there are a lot of niche RP sites, and I have no way of knowing each one's limitations and caveats. Sorry about that!

Layout By

Powered by InsaneJournal
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

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)
GORGEOUS.
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)
THIS IS SO BEAUTIFUL!

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?