Tessisamess

Layouts, Codes, Tutorials, & Resources

Hey there, I'm Tess!

Welcome to my blog; I make lots of different layouts, codes, tutorials, and other resources for Insanejournal and Dreamwidth RPers! There's a lot to choose from and brand new content goes up every week!

Take a look around, and don't hesitate to ask for help if you need it!

Can't get enough resources? Why not subscribe to my Patreon for exclusive monthly content, or support the creation of more content by leaving a tip on Ko-Fi! ♡

Need an invite?

If you're unable to comment on my journal to ask for help now that anon has been turned off due to serious spam issues, don't worry! Just shoot me an email and I'll send you an invite code for Insanejournal. I've got plenty to spare!
×

Please Note:

I do not offer assistance with any sites other than IJ and DW unless it is for general HTML and CSS (ie. custom hosted pages and similar.) I cannot convert a code to a new site's rules because there are a lot of niche RP sites, and I have no way of knowing each one's limitations and caveats. Sorry about that!

Layout By

Powered by InsaneJournal

Hey there, I'm Tess!

Welcome to my blog; I make lots of different layouts, codes, tutorials, and other resources for Insanejournal and Dreamwidth RPers! There's a lot to choose from and brand new content goes up every week!

Take a look around, and don't hesitate to ask for help if you need it!

Can't get enough resources? Why not subscribe to my Patreon for exclusive monthly content, or support the creation of more content by leaving a tip on Ko-Fi! ♡

Need an invite?

If you're unable to comment on my journal to ask for help now that anon has been turned off due to serious spam issues, don't worry! Just shoot me an email and I'll send you an invite code for Insanejournal. I've got plenty to spare!
×

May 2019

S M T W T F S
   1234
567891011
12131415161718
19202122232425
262728293031 

Please Note:

I do not offer assistance with any sites other than IJ and DW unless it is for general HTML and CSS (ie. custom hosted pages and similar.) I cannot convert a code to a new site's rules because there are a lot of niche RP sites, and I have no way of knowing each one's limitations and caveats. Sorry about that!

Layout By

Powered by InsaneJournal
Previous | Next

Layout: Pastel Creep


image prev | [info]tess022


information
Welcome to another layout from Tessisamess!
Well, HEY THERE. Been a while, huh? Sorry for the long absence! I had some health stuff and had to take some time on the bench, but I'm back now! So let's get started on posting some shit I made ages ago, shall we? I'll try to get through old comments on past entries soon, and hopefully I'll have a [insert glitter text here] layout sale up soon!

This Generator layout is for all you simplicity-based Generator lovers out there! It's another that I did to show you guys just how easy it is to use the new base style now with the Ultimate Generator Tutorial. This layout itself is not a base, but use it however you like as long as you follow the rules at the bottom of this entry. Want to make your own Generator layouts to post and share? Check that tutorial out and see just how much of the Generator mess I've managed to clear up! And don't forget to show off your creations over at ~s1generator!

Enjoy! ♥
the layout
Oh, yeah. These are the goods!
installation guide
Everything you need to know about editing this layout!
INSTALLATION
♥ 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:
BLURBHERE for your sidebar blurb; you can pretty much stick in as much as you want.
JOURNALNAME with your journal name to activate nav links.
JOURNAL TITLE to change the page/journal title.

APPEARANCE REPLACEMENTS
Go ahead and stick the coding into Notepad or similar and bring up Replace All (usually Ctrl+H) to replace values quickly and easily!
COLORS
#000 to change sidebar font, block link hover font, userpic font.
#333 to change page font.
#555 to change blockquote font.
#AAF9FD to change bottom of page gradient, entry title and heading shadow.
#C8BFE7 to change link hover, block link background hover, userpic border.
#EBB2EF to change top of page gradient, comment link background.
#FF9DEB to change links, entry titles and headings, date.
#FFF to change dropdown backgrounds, entry background, comment link font.
IMAGES
http://i.imgur.com/MbLtbqm.gif to replace the sidebar gif; I recommend transparent gifs or adding some styling into #sidebar img for standard gifs.
http://i.imgur.com/nbuVQcd.png to replace the dropdown menu arrow.
http://i.imgur.com/CxmpLPo.gif to replace the bow (or delete all of .bow:before to disable it entirely.)
http://i.imgur.com/tpM7ivY.png to replace the tab and user icon.
http://i.imgur.com/FzjSlae.png to replace the comm icon.
http://i.imgur.com/F0p9y08.png to replace the friends-locked and group-locked icon.
http://i.imgur.com/1FWJvbn.png to replace the private icon.
FONTS
CREEPSTER,GEORGIA,SERIF to change the accent font.
SHARE TECH MONO,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!

Comments

Sep. 16th, 2016 05:26 pm (UTC)
Sep. 16th, 2016 05:26 pm (UTC)
Everything you do is perfect.
Sep. 16th, 2016 05:27 pm (UTC)
And I hope you're feeling better! (sorry for the spam)
Sep. 16th, 2016 05:32 pm (UTC)
LOL it's okay! IT'S REASSURING AFTER BEIN' GONE SO LONG LOL. And thank you! I am, mostly. Had to have surgery (a first for me) so that was kind of a trip, but I seem to be bouncing back pretty alright!
Sep. 17th, 2016 12:04 am (UTC)
omg this is so good, tysm! also, is there a site where we could find little images like the bow?
Sep. 17th, 2016 12:14 am (UTC)
Aw, thank you, and you're welcome! ♥

There are a lot of icon-related sites, like iconarchive, where you can search by term and sort by size/color/etc. and find images with transparent backgrounds, or you can google image search the type of image you want (ex. "lipstick" or "kiss mark" etc.) and then click Search Tools > Color > Transparent to get an image that won't have a white background, as seen here:

Sep. 17th, 2016 11:15 am (UTC)
The cute is too much!! Lovely work as usual.
Sep. 17th, 2016 04:54 pm (UTC)
AHHH ikr? Hahahaha. Thank you!! ♥
Sep. 20th, 2016 11:56 pm (UTC)
The ombre on this might be one of my favorite effects ever right now. *___* Ahhh! AMAZING.
Sep. 21st, 2016 01:59 am (UTC)
SAME. I love those two colors in ombres so much, ugh. Those and pink/purple ombres (that's what I do to my hair hahaha.)
Mar. 15th, 2017 03:05 pm (UTC)
so adorable... now if only i could figure out how to change the font. ha.
Jul. 11th, 2017 11:41 pm (UTC)
Love this - thank you!
Jul. 11th, 2017 11:54 pm (UTC)
You're welcome; I'm glad you like it! <3 (I love your dropbox gif lmao.)
Aug. 2nd, 2017 05:21 pm (UTC)
I fiddled with this not a lot a lot, but a little over here. Don't judge me. ❤
Aug. 2nd, 2017 06:42 pm (UTC)
Ohhhh dude that is so pretty. Guhhhh my aesthetic haha. (Just so you know, on larger screens your sidebar disappears behind the entries; I can check and see what went wrong if you like!)
Aug. 2nd, 2017 06:44 pm (UTC)
CRUD. Yeah, I just wanted the entries moved over a smidge, so I kinda whatever'ed it, but if you wanna take a look at it, I'm on AIM right now and I can give you a browse.
Nov. 24th, 2017 12:14 am (UTC)
Oh I figured out the icon thing. It has to be a gif. I'm an idiot.
May. 7th, 2019 07:35 pm (UTC)
Played around with it here! Gonna replace the subject font at some point once I figure that out.
May. 7th, 2019 08:15 pm (UTC)
LOL THAT'S REALLY CUTE! For a new font what you'll want to do is go to Google Fonts and find the font you want. Then you add it to your chosen fonts by clicking the plus sign and go to the popup that appears and copy the URL of the font, like so.

Next, paste that URL into your searchbar and copy the Latin import CSS from that page (example) and paste that into the fonts area of your layout's CSS and replace all the fonts you want replaced! In this case, it would be Creepster--or Georgia, where your temporary change is.

Alternatively, here is how to use custom fonts that aren't on Google in your layouts!