Previous | Next

Layout: By a Thread

image preview | [info]tess008


I meant to post this yesterday and time got away from me, haha! Some good news: I'll be posting an EXTRA layout this month (S2 Complete) thanks to a lovely Patreon patron who has donated their slot for a custom made layout to you guys! I'm super stoked to be able to do this for you, so be sure to thank her when the post goes up!

This vintage femme Generator layout features static hanging icon-based navigation, a thin topbar ribbon for a journal title (which can easily have extra links added into it), and should be very easy to recolor to fit a less feminine theme! 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
TITLEHERE for your topbar title; you can add standard link tags here for extra links!
FIRSTICON, SECONDICON, and THIRDICON for your hanging icons

Editing Guide

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

Open Sans - Page text
Sacramento - Header text

#fff - Topbar text, topbar links, entry background
255,255,255 - Extra topbar links border (semi-transparent rgba value)
#f6eae7 - Blockquote background
#eddfd9 - Page background, link hover color, hr background, comment hover background
#f1bcb9 - Links, headings, topbar background, icon background, subjects, comments background
241,188,185 - Icon hover background (semi-transparent rgba value)
#c0a894 - String color, date, comments text hover color,
#222 - Icon username and footer text color
#000 - Page text color
0,0,0 - All shadows (semi-transparent rgba value)

http://i.imgur.com/GFh2G4d.png - Page background
http://i.imgur.com/d2Eu4di.png - Tab and comm icon
http://i.imgur.com/LmhCCHB.png - User icon
http://i.imgur.com/ePQQLxz.png - Locked icons

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!


Jul. 18th, 2017 10:03 pm (UTC)
HEARTEYES OMG! sigh. here i go trying to find a journal to use this one on.
Jul. 18th, 2017 10:04 pm (UTC)
LOL AW TY! I was just thinking you'd probably like this one since you liked Like Diamonds so much—I'm glad I was right! ♥
Jul. 18th, 2017 10:07 pm (UTC)
oh you were. haha. i'm getting a whole bunch of compliments on the edits i made on Like Diamonds over at [info]blythe and I feel all honored considering that I had an amazing base layout and all i did was change some colors and images.
Jul. 18th, 2017 10:13 pm (UTC)
Oh yeah, I love that one! And the images you use for it are sssuper gorgeous, ugh.
Jul. 18th, 2017 10:05 pm (UTC)
This is awesome.
Jul. 18th, 2017 10:13 pm (UTC)
Thank you!
Jul. 18th, 2017 10:18 pm (UTC)
Omg this is so unbelievably gorgeous!! I was just thinking about looking for a new layout for a character journal!
Jul. 18th, 2017 10:19 pm (UTC)
Aw thank you so much!! ♥ Let me know how it turns out if you use this one, I'd love to see it!
Jul. 19th, 2017 12:46 am (UTC)
On this journal! I had an idea, so I kinda of just went with it and I combined elements of this layout and another one of yours. Not that I didn't love the way you did this!! It was more just curiosity to see how it'd turn out.
Jul. 19th, 2017 12:48 am (UTC)
Oh my god, that's so cute!!
Jul. 19th, 2017 12:51 am (UTC)
The two tables aren't quite the same in looks and there's a bit of a gap between the first entry and the top of the page, but I don't know enough about editing to mess with all that. Lol! Other than that, I'm actually pretty pleased that my random idea worked out this well!
Jul. 18th, 2017 10:24 pm (UTC)
This is absolutely adorable!
Jul. 18th, 2017 10:24 pm (UTC)
Aw, thank you! ♥
Jul. 18th, 2017 11:09 pm (UTC)
This is SO CUTE, and it looks like it'll be super easy to change the colors/customize. I may have to play with this >_>
Jul. 18th, 2017 11:11 pm (UTC)
Eee, thank you! ♥ Yeah, I think it should be pretty straightforward for re-theming; I'm stoked to see the different ways people make it look for their characters!
Jul. 19th, 2017 01:31 am (UTC)
I should probably feel bad about unleashing this monstrosity on the world. But I don't.

Do you have any advice on where to get tiny icons? >_>
Aug. 2nd, 2017 04:48 pm (UTC)
OHHHHHHHH SHUT UP IT'S SO PRETTY!!!! (I saw it before you changed it and dreamed that I commented you back lmfao.) THIS ONE IS GREAT TOO THO AHAHA.

Most of the time I get mine from Icon Archive!
Jul. 19th, 2017 01:04 am (UTC)
What a gorgeous layout!
Aug. 2nd, 2017 04:47 pm (UTC)
Thank you! <3
Jul. 19th, 2017 05:19 am (UTC)
I'm fine, I said. I have the perfect layout for this journal, I said. AND THEN YOU HAD TO COME AND DESTROY EVERYTHING WITH THIS GORGEOUS CREATION YOU MONSTER.

jk, ilu. seriously.
Aug. 2nd, 2017 04:49 pm (UTC)
Jul. 19th, 2017 05:31 am (UTC)
OMG, I know exactly where I'm going to use this as soon as my computer's actually organised again (CMOS battery died and corrupted Windows somehow that even confounds my tech guy, had to do a reinstall so I mean, I can get online but my life feels like a MESS right now as I try to remember what I actually need to function. Not that you needed to know that...). I've actually been trying to come up with a layout for this character since March and nothing felt like it fit. Then I saw this and it was like a light bulb turned on. And again, I say this as someone who doesn't like pink all that much, but it just seems perfect for my character. You've made a string of bad days a little brighter, so thank you. <3
Aug. 8th, 2017 06:03 pm (UTC)
Awww, I'm glad I could help! ♥ I hope your layout came out the way you wanted it to if you've done it already!
Aug. 18th, 2017 05:10 am (UTC)
I am, too! It did, not that I tweaked it much. Just the icons for now. I might play around with it more later. For the moment I'm just super excited to have a layout that feels like it fits the character. Thank you again <3
Jul. 19th, 2017 03:17 pm (UTC)
Oh. My. GOD. I love you.
Aug. 8th, 2017 06:03 pm (UTC)
Jul. 19th, 2017 07:33 pm (UTC)
Love it! Used it for this guy, without having a game to put him in. Thank you so much!
Aug. 8th, 2017 06:03 pm (UTC)
Tysm! ♥
Jul. 20th, 2017 02:18 am (UTC)
This is beautiful!!!!
Aug. 8th, 2017 06:04 pm (UTC)
Heeee, ty ty!
Jul. 20th, 2017 04:30 am (UTC)
Yeah, so... you've kept me hopping changing layouts this month. =D THIS is beautiful, and I even gave up my S2 to move Poe over to it, and I'm basically in love with it.

Quickie question. So I wanted links, and I added them in the title where they sit and look really nice. BUT that seems to have scooted it over so that I have to scroll sideways to see the dates & friend icon pics. I'm guessing there's a padding or width thing going on, but I'm not really sure where to look so I figured I'd ask if you have any idea if there's a simple thing I could change so that it wouldn't scoot them off the edge. And if not - no worries at all. It's not that big of a deal.
Jul. 20th, 2017 06:24 am (UTC)
Yeah so... sometimes you're really together, and sometimes you're really not, and apparently I somehow had managed to make the font on my browser larger WITHOUT noticing that. And there is no problem, and I'm just in desperate need of coffee or sleep or maybe both. So, no question. Everything's great, situation normal. *facepalm*
Aug. 8th, 2017 06:04 pm (UTC)
LOL no worries, I do things like that constantly lmfao.

Those edits look AWESOME by the way! <333
Aug. 11th, 2017 01:57 pm (UTC)
Thanks! I love looking at them!
Jul. 20th, 2017 03:03 pm (UTC)
This is so cool. I played around with it a little, possible the first time I've felt up to doing that, and changed a couple things.

Very cool! Loving all the new stuff!
Aug. 8th, 2017 06:05 pm (UTC)
Aw, thank you so much. ♥ Those edits are great! I'm glad you like it!
Jul. 20th, 2017 05:35 pm (UTC)
This is so pretty! Using it here. :)
Aug. 8th, 2017 06:06 pm (UTC)
Thank you! That looks awesome, I'm glad you like it! ♥

(Girl that icon yes.)
Sep. 6th, 2017 03:12 am (UTC)
Thank you so much for this code! I did a sort of sparkly moon-and-stars edit with it that I've been messing around with for way too long tonight, and I'm so psyched with how it turned out!
Sep. 6th, 2017 03:29 am (UTC)
Oh, that looks gorgeous; I love it! The blue you chose is really nice, I'm glad you had fun with it!
Sep. 10th, 2017 04:23 am (UTC)
This is amazingly gorgeous! I'll be using it in this journal with minor edits, but first.....

My friend is in love with it but also with the diamond shaped pics in Like Diamonds, so I offered to try to tinker with this layout to make the icons diamonds instead of circles... which I have managed to successfully do!!! Super excited about that, as what I know about code is from trial and lots and lots of error! However, the icons seem to have shifted ~10px to the left of the "cords" hanging down to them, and I can't seem to figure out how to align them properly again.

Any help would be amazing! ♥
Sep. 27th, 2017 01:51 am (UTC)
Now all my boys want new layouts, but I am starting with this one. However, I can't seem the get the background I added to the date to fill the entire background on the friends' page. As you can see I did some editing.
Nov. 24th, 2017 10:12 am (UTC)
I am so in love with this layout. Thank you for it =)