Previous | Next

Layout: Like Diamonds

image preview | [info]tess031


I know, I know—It's not my posting day yet, according to my new schedule! I just couldn't wait to start sharing some new free-use content with you guys, so today we've got a new layout in celebration of all the exciting stuff I've got going on, including the launch of my Patreon!

This starry-eyed Generator layout features some fun geometric shapes, transparent overlaying elements to build up the content, a customized comment/date footer, and a hover-for-navigation function in the unique sidebar. 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:
JOURNALNAME to complete your URL and activate links
YOUR BLURB for your sidebar blurb text
JOURNAL TITLE for your page title
LRGIMG for the first sidebar image
SMLIMG for the second sidebar image
URL1 and LINK ONE for your first free link
URL2 and LINK TWO for your second free link

Editing Guide

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

Lato - Page text
Oswald - Header text

#fff - Entry links, nav link hover, poster name hover
255,255,255 - Backgrounds: nav, nav links, blurb, entry; entry title text, comment border (semi-transparent rgba value)
#E5E6E7 - Comment text hover
#ccc - Blurb text color
#bbb - Page text
#acbdcd - Blockquote border, date, comments, poster name
#697C90 - Link hover, headings, nav links, userpic border, page nav
105,124,144 - Nav hover background, string & dots, comment background (semi-transparent rgba value)
#0E141B - Page background
0,0,0 - Box shadows and text shadows (semi-transparent rgba value)

http://i.imgur.com/GZTrAu4.png - Page background
http://i.imgur.com/jGmN6TW.png - Tinyicons and tab icon

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!


Jun. 28th, 2017 12:54 am (UTC)
Ugh, I loveloveLOVE this one, brb gotta go find a journal to redo so I can use it. ♥
Jun. 28th, 2017 04:16 pm (UTC)
Yassss, ty ty! ♥
Jun. 28th, 2017 01:08 am (UTC)

I LOVE IT. sdlkjflskjdf. Oh my goodness. <33333
Jun. 28th, 2017 04:15 pm (UTC)
AHAHA, YAY! Thank you! ♥
Jun. 28th, 2017 03:56 am (UTC)
Omg why you so perfect at everything???
Jun. 28th, 2017 04:15 pm (UTC)
LOL shhh ♥
Jun. 28th, 2017 04:23 pm (UTC)
I might play around with it some more, but using it for this journal! ♥
Jun. 28th, 2017 04:30 pm (UTC)
Ohhh, that's so pretty; I love it!!
Jun. 28th, 2017 10:08 am (UTC)
Wow this is amazing! I'm going to use it on this journal, as I think the shapes definitely have a Kryptonian feel to them. Thank you!
Jun. 28th, 2017 04:15 pm (UTC)
Ohhh, yeah man! This will be great as a Clark layout, that's awesome!
Jun. 28th, 2017 08:18 pm (UTC)
I'll probably use this for a future mod journal! I was just wondering if it was okay to yank the background image, so that two different layouts would somewhat ~mesh?
Jun. 28th, 2017 08:19 pm (UTC)
Yeah, of course!
Jun. 29th, 2017 07:31 am (UTC)
This is amazing! :) Using at [info]noctivagant.
Jun. 29th, 2017 07:43 am (UTC)
Thank you! ♥ That background replacement looks awesome!
Jul. 1st, 2017 03:39 am (UTC)
I don't know how many times I have declared my undying love to you already but you just keep doing this stuff that makes me all warm and fuzzy. Just switched out the colors and such a bit because it's PERFECTION.
Jul. 1st, 2017 03:40 am (UTC)
Awww, tysm!! ♥ Dude, that looks awesome—I love that background!
Jul. 7th, 2017 07:33 am (UTC)
I didn't even know I wanted a new journal layout until I saw this and yes, I want a new layout. This is gorgeous. thank you!
Jul. 7th, 2017 08:37 am (UTC)
Aw, thank you; I'm glad you like it! <3 It looks sssuper good with the images you have up for Kylo!
Jul. 10th, 2017 01:44 am (UTC)
So very, very pretty. I love this. Everything you do is perfection.
Aug. 8th, 2017 06:07 pm (UTC)
Pshhhh. Thank you so much! <3
Jul. 15th, 2017 03:49 am (UTC)
This is beautiful! I'm about to try to do some edits and use it on a journal this weekend.
Jul. 15th, 2017 03:52 am (UTC)
Aw tysm! ♥ Hit me up when you do, I'd love to see it!
Jul. 15th, 2017 05:18 pm (UTC)
I'm using it with edits over at [info]sarahaubrey
Jul. 17th, 2017 04:13 pm (UTC)
using it on this journal. i'm so in love with it.
Jul. 17th, 2017 06:40 pm (UTC)
Aw, tysm! <333 I'm glad you like it!
Jul. 17th, 2017 10:40 pm (UTC)
but seriously i'm obsessed with it. <3 I used it for this journal, and for a new character (see ~bathearts post above), and now on my new CDJ that i'm trying to piece together over at [info]blythe
Jul. 18th, 2017 09:26 am (UTC)
I am in love with this layout, wow! Might just have to invent a few reasons to use it.
Aug. 2nd, 2017 04:46 pm (UTC)
Heeee ty ty! ♥
Jul. 12th, 2018 10:25 pm (UTC)
Nearly a year later, I finally found a reason to use it! Tweaked a bit and put to use for [info]lordcorvo.
Jul. 12th, 2018 10:29 pm (UTC)
Yooo, that looks SICK I love it!!
Jul. 12th, 2018 10:44 pm (UTC)
Thanks! ♥
Dec. 3rd, 2017 08:11 pm (UTC)
With some color and background edits, using here.
Dec. 19th, 2017 03:15 am (UTC)
Lovelovelove! Used it on this journal

however, quick question. whenever i put the small img in, it doesn't fill out the shape completely. is there any way to fix this? did i accidentally break something?
Dec. 26th, 2017 12:41 am (UTC)
using with minor edits here!
Jan. 29th, 2018 12:11 pm (UTC)
I love this!

However, I seem to be having an issue getting the diamonds and the images inside them to load.
Jan. 29th, 2018 12:17 pm (UTC)
Never mind. I solved the problem.
Feb. 6th, 2018 05:32 am (UTC)
I love this! Is there a way to put line breaks in the blurb though, so it's not just a block of text? when I try the normal <*br> it just eats the html? thank you!
Nov. 5th, 2018 03:49 am (UTC)
This is gorgeous! May I tweak the background and use it here?
Nov. 5th, 2018 09:23 pm (UTC)
Absolutely! ♥