Layout: By a Thread


image preview | [info]tess008



Information

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!

FONTS
Open Sans - Page text
Sacramento - Header text

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

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

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.