Previous | Next

Layout: You've Got Red On You


image prev | [info]tess009
This layout comes with a matching profile code.
Be sure to check the test journal's profile to get it!



001: Informative Info
There is a disproportionate amount of horror games versus horror layouts, so I thought I'd make one. There's also a matching profile code in ~tess009's profile, with a textarea version right underneath it to use. 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
→Text to edit an entry: Edit
→Text to edit tags for an entry: Edit Tags
→Use Body of second custom sidebar module for your IMAGE and Body of custom sidebar module for your WRITTEN BLURB.
→Display of tags in sidebar: List
→Show tag count in hierarchical list? Yes
→Make sure your sidebar setup is something like this. This shows the layout using all enabled sidebar features that this layout allows, in the order you see them on the preview. You don't have to use all of them and they do not need to be ordered the same way if you don't want them to be, but these are the only sidebar blocks that haven't been hidden in the coding.
→Custom stylesheet: Input the code above and save
→Go to Basics > your link list to add any links you may have. If you want a title other than LINKS use the first link space for your desired title and leave the URL field of it blank. If you want to break links into different sections add a title with no link under your links for your next link section, then go on adding links as usual. This will create two different link blocks in your sidebar.

*This layout DOES allow the sticky note to be used.
**Subject lines need to be used or icons will get warped. This does not apply to comms or f-lists, since No Subject will be inserted for you.
004: CTRL+F This Shit
Jolly Lodger to change the accent font.
#111 url(http://i.imgur.com/XYR0If8.png) to change blockquote background.
#630B0A to change accent color.
#000 url(http://i.imgur.com/1kKAG7o.png) to change asphalt background.
transparent url(http://i.imgur.com/1ja3dOw.png) to change blood spatter background.
http://i.imgur.com/ORHa098.png to change username blood spatter.
http://i.imgur.com/4AYyvnX.png to change communityname and entry tags bloodspatter.
→To remove blood from icons:
background:url(http://i.imgur.com/C9j9tAR.png)top center no-repeat;padding:5px 5px 35px 5px;
to
background:#090909;border:1px solid #000;padding:4px;margin-bottom:3px;
→And now you have a dark Complete Style layout that isn't horror themed! I may make a light version later.
005: Rules and Shit
→Credit me either in your link list or your profile.
→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. 23rd, 2014 12:12 am (UTC)
YAY IT'S DONE I'M SO EXCITED!!!

Using this RIGHT THE FUCK NOW.
Apr. 23rd, 2014 12:17 am (UTC)
:DDDD
Apr. 23rd, 2014 12:31 am (UTC)
lmao
Apr. 23rd, 2014 12:50 am (UTC)
I LOVE EVERYTHING ABOUT THIS especially the title YESSSS
Apr. 23rd, 2014 12:55 am (UTC)
Heeeee, tysm! ♥
Apr. 23rd, 2014 01:48 am (UTC)
God it's like you knew we needed this...

I don't know whether to just enjoy the hell out of this or be creeped out that it just happened to pop up.
Apr. 23rd, 2014 01:51 am (UTC)
LMAO you're the second person to tell me that! WE JUST NEED MORE HORROR LAYOUTS LBR. So I'll prob make a couple more sometime in the future, ngl.
Apr. 23rd, 2014 02:27 am (UTC)
If you're talking about Squid then our wants/needs are the same, if not then, yes you're just going to have to face the fact that clearly your ears were burning.

WE NEED MORE HORROR EVERYTHING. Hells yeah, can't wait!!

Apr. 23rd, 2014 02:47 am (UTC)
LOL, yeah ofc it was Squid. ALL SQUID ALL THE TIME.

AND YES, YES WE DO.
Apr. 23rd, 2014 11:58 am (UTC)
I know not of what you speak.

*innocent whistle*
Apr. 23rd, 2014 01:03 pm (UTC)
haven't used this (yet) but I know I will eventually. your layouts are gorgeous.
Apr. 23rd, 2014 10:01 pm (UTC)
Hee, thank you so much! :D
Apr. 25th, 2014 07:48 am (UTC)
Oh my gosh.
Apr. 27th, 2014 01:57 am (UTC)
:D
May. 14th, 2014 02:20 am (UTC)
This is going to sound silly but if I wanted to modify this for a regular journal, could I just take the side bar stuff out of the code? This is probably a simple question but I'm not confident in my editing abilities.
May. 14th, 2014 02:23 am (UTC)
I'm not sure what you mean, I'm sorry! All of the game-specific links and text are put in as you go and are not the default when you install this layout, though, so if that's what you mean then you actually wouldn't need to change anything! :)
May. 14th, 2014 02:24 am (UTC)
Yes that's what I meant! Thank you so much :)
May. 14th, 2014 02:26 am (UTC)
Oh, awesome! :D Yep, no need to change anything, haha.
May. 17th, 2014 04:09 pm (UTC)
If I wanted to make this light (white text on black backgrounds hurt my eyes), is that an easy fix?
May. 17th, 2014 09:07 pm (UTC)
It should be! To change backgrounds find all instances of background:#090909; and border:1px solid #000;. To change font color find all instances of color:#999; and color:#777;! I think that should be it. :)
May. 17th, 2014 09:24 pm (UTC)
Great, thanks!
May. 20th, 2014 08:35 pm (UTC)
Hey Tess!

We've been using one of your layouts on our mod journal over at the game I code for. Recently I decided I really wanted to mess with the tag hierarchy thingie you showed me (for our OOC and reference pages, which are a mess tags wise), and I only just discovered the sticky note feature today. OMG. It's like I've been living under a rock this whole time.

ANYWAY

I grabbed this code and mashed that layout and this layout together and got this.

Just wanted to let you know, I snagged the profile thingie too and will be doing a similar mashing - then I'll make sure credit for the community codes is included in your profile credit code area!
Jun. 11th, 2014 08:32 pm (UTC)
Okay, a couple things:

#1, I can't seem to find where to change the color of the comment/link/edit/edit tag backgrounds and font color...it's probably really obvious but I'm having a brain fart

#2, I'd like to change the Jolly Rodger font, but I put in a Google Font style and link and it didn't work. If you could point me in the direction of a tutorial that would be awesome
Jun. 11th, 2014 08:33 pm (UTC)
it would help if i pointed you to where i was using this; [info]dofp_gpsl
Jan. 5th, 2015 05:26 am (UTC)
To change the entry links edit:
.entry-linkbar li a{background:#000;text-align:center;padding:4px;display:inline-block;width:17%;}

For changing webfonts, check out this thread!

Sorry this took so long!
Oct. 22nd, 2014 03:56 am (UTC)
I love this. Thank you. Though, I appear to have broken the blood spatter :(
Jan. 5th, 2015 05:27 am (UTC)
That's actually a layout issue, sadly. It does that if your content doesn't hit the bottom of the page. :(
Feb. 12th, 2015 07:57 am (UTC)
I love this layout, but I think I broke something in editing. Any help?
Feb. 12th, 2015 08:08 am (UTC)
Looks like you deleted #container{background:transparent url(http://i.imgur.com/1ja3dOw.png)bottom left no-repeat fixed;height:100%;} instead of just the background URL. Stick #container{background:transparent;} in and it should be fine!
Feb. 12th, 2015 08:13 am (UTC)
Okay, I did that. However, the green is still there, in the tags box. I'm so sorry for bugging you.
Feb. 12th, 2015 08:16 am (UTC)
It's no problem! Looks like you have a few instances of ##f1f1f1, so just take out that extra # and it should be fixed!
Feb. 12th, 2015 08:17 am (UTC)
Sweet! Thank you so much for all your help!
Feb. 12th, 2015 08:18 am (UTC)
No problem! <3
Mar. 18th, 2015 01:30 am (UTC)
Hi there!

Oddly enough I didn't do anything but one second the blood spatter was there and another second after changing some of my own text around it was gone.

http://destinybeckons.insanejournal.com/

any ideas?

Thanks!!
May. 16th, 2015 08:27 pm (UTC)
I want to use this layout at [info]winterskiesref but I want to change the custom links to be uppercase and in the font "Georgia". Can you help me with that? Because I can't figure out this coding very well. Thank you. <3
Sep. 23rd, 2015 12:50 am (UTC)
Using on this journal with some color tweaking and I am playing with the sidebar width a little, but I can't figure out how to make the entries wider (aka widen the whole container), so if you can help me out there, that would be appreciated! <3

Gorgeous layout!
Feb. 11th, 2016 03:10 am (UTC)
Hello!

I am attempting to implement this layout on the journal that I'm commenting here with. I noticed that when checking the click through ability of the standard "recent", "friends", "archive", "profile" bits at the top, that the word "recent" isn't seeming to hyperlink correctly. Any thoughts on why this may be?
Feb. 11th, 2016 03:30 am (UTC)
Huh! I see what you're talking about. Since this is an older one and I don't remember how I coded it, I couldn't tell you why that's happening without reading through the CSS more, but I do have a fix for you haha.

Go to #banner-header and add width:200px; into that section, and you should be all set.
Feb. 11th, 2016 03:32 am (UTC)
The solution worked perfectly, thank you very much for your time and response!
Oct. 1st, 2017 03:30 pm (UTC)
This is really cool! But I've still got blood spatter by the tags on my friends page after going through and removing all the blood spatter URLs listed above. Any tips?

Thanks!