Previous | Next

Layout: A Real Cute Angle

image prev | [info]tess015

Welcome to another layout from Tessisamess!
Long time no Generator layout, huh guys?! With the launch of my Ultimate Generator Tutorial I thought I'd do a couple of 'classic' Generator layouts to post over at ~s1generator to show you guys the possibilities with this new base code! I'm happy to say that making a Generator layout has never been less of a pain in the ass.

Everything edits the way you want it to without a fight, userpics are finally easy to style pretty much any way you like, and all those fuckin' brackets are a thing of the past! Is everyone else as stoked as I am? Anyway! I'll have one or two more of these Generator layouts to stick up before I move on back to Complete Style. I hope you guys have fun making and editing Generator layouts with the new base code! ♥
the layout
Oh, yeah. These are the goods!
installation guide
Everything you need to know about editing this layout!
♥ 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:
USERPICHERE for your topbar icon; must be at least 100x100.
TITLEHERE for your topbar title.
BLURBHERE for your topbar blurb. There's plenty of space for up to about six lines of text.
JOURNALNAME with your journal name to activate nav links.
JOURNAL TITLE to change the page/journal title.

Go ahead and stick the coding into Notepad or similar and bring up Replace All (usually Ctrl+H) to replace values quickly and easily!
#000 to change link hover and topbar blurb text.
0,0,0 to change text shadow and box shadow color. this is an RGBA color and not a #HEX color, to allow for opacity)
#222 to change userpic link and footer navigation.
#555 to change page font.
#997E8F to change links, topbar title, and entry subject.
#C2E5DE to change topbar link background, date, and comment links hover.
#DACDD7 to change topbar image background, topbar link hover background, comment links, and userpic background.
#FFF to change topbar link text, entry background, and comment links text.
http://i.imgur.com/bZvr91J.jpg to replace the page background.
http://i.imgur.com/Yu7pXYM.png to replace the tab, user, and comm icon.
http://i.imgur.com/xjM9svP.png to replace the friends-locked icon.
http://i.imgur.com/2pkEPVT.png to replace the group-locked icon.
http://i.imgur.com/J4sg3C3.png to replace the private icon.
http://i.imgur.com/YwfSuJ4.png to replace the <hr> background.
MEGRIM,GEORGIA,SERIF to change the accent font.
COURIER NEW,MONOSPACE to change the page font.
terms of use
Please respect my usage agreement; thank you!
♥ Keep credit backlink in place.
♥ Do not redistribute my codes in part or in whole.
♥ 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!


Page 1 of 2
<<[1] [2] >>
May. 6th, 2016 07:07 am (UTC)
Using it here. I changed the background image and will probably tweak some colors/the font. Thank you!!
May. 6th, 2016 11:15 am (UTC)
This is beautiful! I have a character for this layout in particular and definitely going to use it soon because aaaaah your CSS coding is amazing. You're, just, the best alright?
May. 6th, 2016 01:23 pm (UTC)
Was looking for a new standard layout for my kids! This is absolutely perfect! <3 <3
May. 6th, 2016 02:03 pm (UTC)
May. 6th, 2016 02:20 pm (UTC)
SO CUTE. also, melanieee
May. 6th, 2016 04:19 pm (UTC)
This is so adorable. Thank you for sharing! <333
May. 6th, 2016 04:52 pm (UTC)
holy shit this is stunning!!
May. 7th, 2016 08:09 pm (UTC)
So much pretty! I love it. I know I'll use it in the future! Perfection as usual ;)
May. 8th, 2016 11:11 am (UTC)
Beautiful! I took it for this journal. Tweaked the background image and the colours a bit. I can't stop staring at it! So pretty!

Thanks for all you do!
May. 9th, 2016 05:23 pm (UTC)
This is so pretty. I'll definitely be using it a lot. 😍
May. 14th, 2016 12:16 pm (UTC)
So Springy! I lurves it.
May. 25th, 2016 04:43 am (UTC)

forgot how to html. sorry.

YOU. I will forever tweak this and now I want to redo all my characters and I have an intense hatelove for you. So yeah. Using on this one and probably soon on others once I recovered from doing this on my phone.
May. 27th, 2016 06:17 am (UTC)
Love this, and still very much in the process of editing this. I doubt I will ever be finished. So much wonderfulness!
May. 28th, 2016 08:28 pm (UTC)
I used the layout here, I hope you like it. Thank you so much for the coding. :D
May. 30th, 2016 05:29 am (UTC)
I LOVE this layout! I used it here and at [info]ellaparker without editing anything but the links, blurb, etc, because it was perfect for this character, but I feel like I will be using this one a lot with some tweaks. THANK YOU for your beautiful work!
May. 30th, 2016 08:08 pm (UTC)
I couldn't resist using this layout here. Color, tab icon, and background tweaks but it's pretty much exactly what I was looking for.
Jun. 15th, 2016 08:33 pm (UTC)
i'll be using it here w/ some tweaks. as always - BEAUTIFUL
Jun. 18th, 2016 09:50 pm (UTC)
I love this layout and it's easy to work with. I didn't do anything fancy with it but this is what I came up with. Now I just need to get brave and work on changing fonts etc because I usually break code just be looking at it..lol.
Jun. 24th, 2016 03:48 am (UTC)
Love this! Just changed a little bit for this journal. Thank you!
Jun. 26th, 2016 12:34 am (UTC)
using! love love love
Jun. 30th, 2016 09:55 pm (UTC)
perfection! using it here! thank you!
Jul. 7th, 2016 09:17 am (UTC)
Nothing fancy, at all, but using it for this journal. LOVE that header font!!! <3
Jul. 7th, 2016 04:05 pm (UTC)
I love this! I have a question though, my top bar/menu/gif wasn't showing, when I finally caught a glimpse of it, it was hidden behind the entry boxes and I ended up setting the topbar to top:-130px is that normal? Otherwise I couldn't for the life of me fix it. Also when you're looking at my layout (this is on livejournal) and you have the Navigation Strip activated, it shows up between the topbar and the entries.
Jul. 29th, 2016 10:50 am (UTC)
I freaking love this. This is my favorite layout you've made so far. <3
Aug. 4th, 2016 12:59 pm (UTC)
I merged this layout with your other coding here into sort of a profile code!! It's posted on dreamwidth if you were curious of the final product. c: Thank you for always making such lovely coding. ♥
Page 1 of 2
<<[1] [2] >>