Previous | Next

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!


Aug. 8th, 2017 05:28 pm (UTC)
Please don't stop making Generator layouts! I can't become a patron right now. No money but I love your generator layouts!
Aug. 8th, 2017 05:46 pm (UTC)
OH, no no no don't worry! I won't be discontinuing Generator layouts, just focusing on Complete Style for the next month or so depending on popular opinion! But next month I'm at my second goal, which means I can make and release at least three layouts (maybe four, probably four lbr), so I'll probably throw a Generator into the mix.
Aug. 8th, 2017 05:41 pm (UTC)
I am sadly broke as well, but I do truly love your layouts.
Aug. 8th, 2017 05:46 pm (UTC)
Thank you so much! ♥ Don't worry, I'm not discontinuing anything, just focusing on S2 layouts for the next few weeks.
Aug. 8th, 2017 05:47 pm (UTC)
Aug. 8th, 2017 06:08 pm (UTC)
OH this is so cute!
Aug. 8th, 2017 06:11 pm (UTC)
Aug. 8th, 2017 07:25 pm (UTC)
Amxgmdgkxkgx. I LOVE this.
Aug. 8th, 2017 07:44 pm (UTC)
Ahhhh, thank you!! ♥
Aug. 8th, 2017 07:42 pm (UTC)
I love the 'add friend' button!!! I might have to steal that for the layouts I'm making >> IF THATS OK
Aug. 8th, 2017 07:44 pm (UTC)
Yeah go for it!! I always mean to add that function into more layouts and I forget to lmao. I'D LOVE MORE LAYOUTS TO HAVE THAT LINK TBH.
Aug. 26th, 2017 05:03 am (UTC)
I love this!!

Question though: Is there a way that we can see the number of comments on an entry when we look at our friends page?
Aug. 29th, 2017 09:09 pm (UTC)
Thank you so much! Sorry for the delay; there is, yes!

There are a few small adjustments to make, but they're quick and painless!

1. Go to the third set of comments under "comments" (this is right under FRIEND_TALK_LINKS) and change:
  • <img src="http://i.imgur.com/NS40vqx.png"> to %%messagecount%%

    2. Then, in the CSS, go to .comments and add:
  • color:#000; to .comments a
  • color:#fff; to .comments a:hover

    And you're all set!
  • Aug. 29th, 2017 11:56 pm (UTC)
    Sweet! Thank you so much that worked wonders!!
    Aug. 30th, 2017 12:01 am (UTC)
    No problem! ♥ In retrospect I probably should've done that by default but... uh... YA LIVE YA LEARN HAHA.
    Oct. 23rd, 2017 04:34 pm (UTC)
    I just adore all of your work. I'm working with this layout on this journal. I might do some more editing, but this is what I have so far!


    Also, this has been a really great layout to learn from. Thank you for all your time and effort!
    Oct. 23rd, 2017 10:17 pm (UTC)
    Aw, thank you so much; that means a lot to hear! ♥ That looks so awesome, I'm glad you're having fun learning how to edit and that my setups are making it easier to learn!
    Jan. 17th, 2018 07:29 am (UTC)
    Whelp. I really love this layout, and I've worked with yours before and not had major issues. But I broke it on this journal. Badly. Would you mind taking a look and seeing what I did?

    Also, I am coming back to RP and pledged to your Patreon <3 I'm excited!
    Jan. 17th, 2018 07:39 am (UTC)
    Aw, thank you so much! ♥

    Looks like you just need a website in your profile on my end!
    Jan. 17th, 2018 07:44 am (UTC)
    The sidebar gif isn't showing up for me, like it does in your example? Or is it a mouseover type?
    Jan. 17th, 2018 07:56 am (UTC)
    Also, thank you for responding + and so fast <3