Layout: Gridlocked

image preview | [info]tess024


Based on the Patreon voting, this might be my last S1 Generator layout for a little bit (or I might just be spreading them out more), so if you're partial to Generator and want them with higher frequency be sure to cast your vote over on Patreon if you're a patron!

This minimalist grid-inspired layout relies of line icons for important links and is extremely easy to re-theme! Just change a few colors and the background image and you'll be all set with a very different looking outcome! You can fit more than one gif in the sidebar if you prefer it, and you can replace the blurb with an image instead (or delete the blurb alltogether) if you don't need it. 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
SIDEBARGIF for your sidebar image
NAMEHERE for your sidebar bold title
SIDEBARBLURB for your sidebar info
LINK1 through LINK4 for your extra link URLs

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
Work Sans - Header text

#f9f9f9 - Page background, entry background, sidebar link hover text color
#ccc - Horizontal rule
#888 - All container and link borders, poster userinfo link
#752d5e - Links, blurb bold, sidebar/comment links hover background, entry subject, icon border
#555 - Headings, blockquote, date
#333 - Page text, page footer

http://i.imgur.com/N70xBjL.png - Page background
http://i.imgur.com/tii0Z3f.png - Tab, user, and lock icon
http://i.imgur.com/QvoqWhi.png - Home icon
http://i.imgur.com/sYvEel5.png - Profile icon
http://i.imgur.com/Vv82jA8.png - Friends icon
http://i.imgur.com/rdoLWZd.png - Credit icon
http://i.imgur.com/NS40vqx.png - Entry link icon
http://i.imgur.com/vFmvYAq.png - Add comment icon
http://i.imgur.com/QhbNoTG.png - Add friend 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!


( )Anonymous- this user has disabled anonymous posting.
( )OpenID
Don't have an account? Create one now.
No HTML allowed in subject
Notice! This user has turned on the option that logs your IP address when posting.