Previous | Next

Layout: Revenant


image preview | [info]tess034



Information

Hey, guys! Thanks for participating in my recent promotion; I'm sure there'll be others in the future, so don't worry if you missed it! I have a lot of exciting posts and announcements lined up for next month, so let's wrap up August's free posts with a fun Generator layout! Enjoy! ♥

Layout Coding



Installation Guide

♡ Make sure you have a website in your profile page.
♡ Go to Basics and choose S1 for your style system, then save.
♡ Go to Look and Feel, choose Generator for all page views, then save.
♡ Go to Custom Options and paste the layout code, then save. Make sure you've done a replace all on the following with your information:
PAGETITLE for your journal title
JOURNALNAME to complete your URL and activate links
SIDEIMG for your sidebar image (as long as this image isn't teeny tiny it can be any size; the sidebar will adjust itself and the image to fit)
TITLEHERE for your sidebar title
SUBTITLEHERE for your sidebar subtitle

Editing Guide

Paste the coding into Notepad or similar and bring up Replace All (usually Ctrl+H) to replace values quickly and easily!

FONTS
Open Sans - Page text
Open Sans Condensed - Header text
Kristi - Sidebar subtitle

COLORS
#fff - Sidebar borders, inner sidebar and entry background, nav link background, date color
#e3e4e7 - Page background
#ccc - Blockquote corners, comments top border
#aaa - Link hover color
#555 - Blockquote text
#333 - Page text, username on friends, page footer
#171a23 - Accent color (sidebar background, entry corners, date background, link color, etc.)

IMAGES
http://i.imgur.com/qpCq6B4.png - Tab icon
ICONHERE - User and lock icons

NOTES
You can remove <span id="right"></span> if you find your screen resolution is too small to comfortably fit the right border; or you can change width:70px; inside of #code to make it thinner. (If you choose the latter, remember to change right:60px; inside of #cred to match the same amount you've subtracted from #right)

Terms of Use

♡ Do not remove credit.
♡ Do not redistribute my codes in part or in whole (posting a copy for players to use in your game is fine with a link to original post.)
♡ If you break something during editing, please feel free to drop me a comment and I'll help as best I can!
♡ I love seeing edits! This isn't a rule, but if you have a cool edit of one of my codes I'd love to see it!

Comments

Aug. 25th, 2017 08:49 pm (UTC)
LOVE. Perfect. Of course now I need to go redo about three journals now so also CURSE YOU!!! ♥
Aug. 25th, 2017 09:52 pm (UTC)
LOL FEELING THE SAME WAY RN ABOUT SOME JOURNALS TBH. Thank you!!! ♥
Aug. 25th, 2017 09:48 pm (UTC)
Aug. 25th, 2017 09:52 pm (UTC)
Oh my god lmfao. Thank you, boo! ♥
Aug. 26th, 2017 04:29 am (UTC)
You're welcome! Using it over at [info]emmline with some edits!
Aug. 26th, 2017 04:36 am (UTC)
Giiirl, I love that! The textures are great with this layout setup!
Aug. 26th, 2017 12:09 am (UTC)
I'm just in awe. 😍 Totally using this.
Aug. 26th, 2017 12:49 am (UTC)
Aw, thank you so much!! ♥
Aug. 26th, 2017 04:15 am (UTC)
AWWWWYISS
Aug. 26th, 2017 04:36 am (UTC)
YASSSS
Aug. 29th, 2017 07:30 pm (UTC)
Using this layout for this journal ♥

Question - when I scroll the entries, a white line appears beside the sidebar (see here). It seems to coincide with each entry I have and I can't figure out how to rid myself of it (it only seems to happen on my computer in Firefox and not on my phone in Safari if that means anything). Any ideas? Thanks!!
Aug. 29th, 2017 09:01 pm (UTC)
That looks gorgeous with the bold red, I love it!

I tried it on Firefox and can't get the same issue to occur, so I can't say what's causing it, but my gut says to try adding z-index:200; into the #sidebar specs to see if that fixes the issue.

Let me know if that fixes the issue! If it does I'll toss that into the code in the post too. ♥
Aug. 29th, 2017 09:50 pm (UTC)
Hmm I added that to the end of the sidebar specs and it took away the links/roman numerals. I even tried adding it to the sidebar-inner specs (various ones of them) and it did nothing. I wonder if it's just something on my end and I need to restart Firefox (though I tried a hard refresh and that didn't help either so I don't know). It's no huge thing, just a minor annoyance haha.
Aug. 29th, 2017 10:09 pm (UTC)
Right, lmao. I forgot about those. Well, if it wasn't solving the issue anyway, there's probably no point in adding a z-index to the nav too so you can use it on the sidebar. :\ I'm sorry, I really wish I knew what it was! I haven't seen the issue myself yet, so hopefully it's just a temporary browser glitch.
Aug. 29th, 2017 10:51 pm (UTC)
Well thank you so much for your help anyway! I do appreciate it.
Aug. 30th, 2017 04:53 pm (UTC)
Using this journal here. :D
Sep. 5th, 2017 09:52 pm (UTC)
Aw, I love that sidebar image!!
Sep. 5th, 2017 09:57 pm (UTC)
The lovely person behind that Edward is Mishkali. The gif on my dropbox is the live-action FMA movie Ed n_n
Sep. 1st, 2017 09:55 am (UTC)
love this layout, and edited it for my character-to-be
Sep. 5th, 2017 09:52 pm (UTC)
Oh, that looks great; I love the extra nav links!
Sep. 5th, 2017 10:05 pm (UTC)
totally helped it was a great layout to begin with. thanks, i got into the habit of having game links in a previous game since i usually only ever view threads/posts from my character/s' friends page, so makes for easy navigating :)
Sep. 13th, 2017 10:35 pm (UTC)
Using this journal here for another FMA character 'cause it's perf.
Sep. 20th, 2017 07:34 pm (UTC)
Oooh, hell yes!
Sep. 17th, 2017 07:28 am (UTC)
I love your work! <3 <3 Thank you for sharing with those of us who don't have as great creativity and html knowledge!

I've used this layout for three journals ([info]doe_lily, [info]no_heights, and [info]blonde_black) and this is my fourth! For some reason the sideimg isn't working on this one! What could I be missing?
Sep. 17th, 2017 03:22 pm (UTC)
Booo nevermind! I found the problem >.<

This is what happens when I try and do basic html at a late hour!! I miss the fourth IMGSRC xD
Sep. 20th, 2017 07:33 pm (UTC)
LOL sorry for the delay, but I'm glad you caught it!
Sep. 21st, 2017 05:23 am (UTC)
Thank you! (Same person as the one above, different journal xD)

Thanks for making such beautiful layouts to share as well!! <3
Sep. 20th, 2017 07:37 pm (UTC)
My advice to you is to use the CTRL+F and "Replace All" option on a text/notepad doc when you customize the coding to fit your journal!
Sep. 20th, 2017 07:39 pm (UTC)
I'm just jumping in here to say GURL. That color scheme you used for The Silvis looks RADDDD. I love it!
Sep. 20th, 2017 07:44 pm (UTC)
LOL It looks better over on my CDJ @ [info]sharpest_lives_ which is where I swiped it from because I'm ultra-super lazy but for real I'm freaking addicted to your layouts, girl.

But really, check it out on my CDJ.
Sep. 20th, 2017 07:47 pm (UTC)


That looks sick, I love it!! I'm gonna be in love with that background image all day lmfao, and I always love the like matte "soft black on black" look.
Sep. 20th, 2017 08:00 pm (UTC)
http://i.imgur.com/IuLbuWO.png This is the background image <3
Sep. 20th, 2017 08:07 pm (UTC)
Ughhh, ty ty! ♥ I'm gonna have to use that for one of my girls when I finally redo her journal.
Sep. 20th, 2017 08:09 pm (UTC)
-coughs; [info]sagittariis
Sep. 20th, 2017 08:12 pm (UTC)
I'm physically restraining myself from not posting that gif again hahahahaha.
Sep. 20th, 2017 08:13 pm (UTC)
WHY ARE YOU SO CUTE.
Sep. 20th, 2017 08:19 pm (UTC)
HOW ANNOYING I LOWKEY AM JUST TRANSLATES BETTER ONLINE LMFAO.
Sep. 20th, 2017 08:20 pm (UTC)
GIRL I'M ANNOYING TOO TRUST ME LOL
Sep. 20th, 2017 08:21 pm (UTC)
I've been hyena laughing for like fifteen minutes I just need you to know that.
Sep. 20th, 2017 08:23 pm (UTC)
SAME. Lmfao
Sep. 21st, 2017 05:24 am (UTC)
Thank you! I need to get better at doing a proof before actually submitting it for the journal xD
Sep. 27th, 2017 10:27 pm (UTC)
Help!!! I don't know what I changed to make it not work right but I can't get the border to show up around the side image. Also, my date is sitting on top of the title and I did not touch that code.

Oh and this is the same person that commented last night under [info]donovanjace I figured out how to get the date to work right there, after much trial and error.
Sep. 27th, 2017 11:08 pm (UTC)
Never mind on the date and title thing I just set it so the title is aligned right and it works for me. However, I still cannot figure out where the border around the picture went and how to get it back.

THANK for the amazing layouts. I swear this boy alone has used two different ones as well as other boys of mine.
Sep. 28th, 2017 12:53 am (UTC)
Well never mind needing help. I fussed with it for another two hours and finally got the border to show up but I have no idea what I did.

Once again thank you for the amazing layouts!