Previous | Next

Layout: Hello, Gorgeous!


image preview | [info]tess013



Information

Hey, guys! Since I surpassed my second goal on Patreon last month, we're in for some fun changes, as you may have already noticed! This month, we'll have MORE free content, including codes, layouts, tutorials, and an HTML page code! There is also going to be an awesome addition to my Patreon later in the month. Check out my Patreon if you'd like to see what my next goal has to offer!

For our first free layout this month we've got a minimalist S1 Generator layout with a ton of editing potential! Rotated dates and a custom font not available on Google make for a fun and unique touch that make this simplistic but editorial layout stand out. 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
GIFURL 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

Editing Guide

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

FONTS
Raleway - Page text
Vincentia - Header text

COLORS
#fff - Page backgrounds (multiple instances)
#ddd - Entry border
#ccc - Link hover color
#666 - User link color
#555 - Blockquote text and bottom navigation
#333 - Page text
#000 - Links, date, headings, right border, comment border, nav background, userpic border

IMAGES
http://i.imgur.com/j7IhBX0.jpg - Sidebar border image
http://i.imgur.com/zqauEY8.png - Tab, user, and lock 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

Sep. 12th, 2017 01:45 am (UTC)
This layout is fabulous! Just what I need for a character! :)
Sep. 20th, 2017 07:32 pm (UTC)
Heee, tysm! <3
Sep. 12th, 2017 01:46 am (UTC)
Ooooh! I like this!
Sep. 20th, 2017 07:32 pm (UTC)
:DDD Ty boo!!
Sep. 12th, 2017 03:16 am (UTC)
This is incredible! 😍 I'm definitely using it.
Sep. 20th, 2017 07:32 pm (UTC)
Thank you! <3
Sep. 12th, 2017 12:39 pm (UTC)
This just feels so COOL and sleek. Love it.
Sep. 20th, 2017 07:32 pm (UTC)
Hee, thank you! It's one of my favorites for the past few weeks for sure.
Sep. 23rd, 2017 05:36 am (UTC)
Beautiful layout as always! I'm still tweaking things, but http://eichenwalde.insanejournal.com/ is what I have so far!

Also, I'm not sure if it's just my crazy Chrome or not, but in the original layout? The bottom of the side menu disappears and reappears every so often like it too has a hover effect. When it disappears, it's just a blank area. When it appears, it's black as if the image is cut off.

http://i67.tinypic.com/2nk847t.jpg I hope this helps explain it better!

Thank you for all of your continued hard work and efforts! <3
Sep. 23rd, 2017 05:45 am (UTC)
Oh, that looks so cute!!

That's so strange, I'm on Chrome too and I haven't had that issue. HUH, LOL. If you notice it on yours I'd say try adding z-index:100; to #sidebar
Oct. 15th, 2017 12:44 am (UTC)
hints on changing the sidebar border image? i just want a touch of color and i keep breaking things <3
Oct. 19th, 2017 03:30 am (UTC)
You'll just wanna replace http://i.imgur.com/j7IhBX0.jpg inside of #sidebar and you should be good! Let me know if that's not working and I'll see if I can find a bug. ♥