Layout: Like Diamonds


image preview | [info]tess031



Information

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!

FONTS
Lato - Page text
Oswald - Header text

COLORS
#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)

IMAGES
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!

Comments

From:
(will be screened)
(will be screened)
Identity URL: 
Username:
Password:
Don't have an account? Create one now.
Subject:
No HTML allowed in subject
  
Message:
 
Notice! This user has turned on the option that logs your IP address when posting.