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

UPDATE This layout has been edited to repair a minor glitch! If you are using this layout from before Nov 15, 2017 please go into your layout and remove fixed from your #sidebar background image positioning to fix the glitch that appears on some monitor resolutions.

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
Nov. 15th, 2017 10:43 pm (UTC)
This layout has been updated! Please check the top info in the layout post for more information on fixing the minor glitch in Hello, Gorgeous! ♥
Sep. 12th, 2017 01:46 am (UTC)
Ooooh! I like this!
Sep. 20th, 2017 07:32 pm (UTC)
:DDD Ty boo!!
Nov. 15th, 2017 10:43 pm (UTC)
This layout has been updated! Please check the top info in the layout post for more information on fixing the minor glitch in Hello, Gorgeous! ♥
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
Nov. 15th, 2017 10:43 pm (UTC)
This layout has been updated! Please check the top info in the layout post for more information on fixing the minor glitch in Hello, Gorgeous! ♥
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.
Nov. 15th, 2017 10:43 pm (UTC)
This layout has been updated! Please check the top info in the layout post for more information on fixing the minor glitch in Hello, Gorgeous! ♥
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. 29th, 2017 10:58 pm (UTC)
i'm having this issue as well on mine using chrome. it still seems to be an issue even with that fix.
Oct. 30th, 2017 08:09 pm (UTC)
I was finally able to experience this glitch for myself (it was so strange, it doesn't happen on my main monitor but when I moved the tab over to my other monitor it glitched for me) so I'm gonna try and debug this next month and put the fix in the base layout, and I'll update you guys when I do that.

It's so weird lmao.
Oct. 30th, 2017 08:12 pm (UTC)
Thank you! It is so weird. I love the layout though. At first I thought I broke it with changes but then saw someone else had the issue too. That made me feel a little better about things. I've had that where I change a code and it all goes to crap. Ha.
Oct. 30th, 2017 08:20 pm (UTC)
LOL, nope definitely not just you! I wish I'd seen the bug occur while I was making it so I could have headed it off at the pass, but it just did not do that on my main monitor that I use to work on code, which is still so freakin weird to me LOL.

Fixing the bug is a high priority though, I love this layout and I don't need it breaking on people haha, so I should have a fix in the next ten days! ♥
Nov. 15th, 2017 10:42 pm (UTC)
This layout has been fixed! Please check the top info in the layout post for information! ♥
Nov. 15th, 2017 10:42 pm (UTC)
This layout has been fixed! Please check the top info in the layout post for information! ♥
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. ♥
Nov. 15th, 2017 10:43 pm (UTC)
This layout has been updated! Please check the top info in the layout post for more information on fixing the minor glitch in Hello, Gorgeous! ♥