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

December 2018

S M T W T F S
      1
2345678
9101112131415
16171819202122
23242526272829
3031     

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: Be Silent


image preview | [info]tess050


Information

Hey guys! Been a while since I did a more "classic" Generator layout, huh? I thought this would be the perfect month for that! Since this layout is technically one I've been sitting on (aka I forgot to post it months ago lmfao) I'll be posting a fresh Generator layout today too, so stay tuned for that! 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
ICON1 through ICON3 for your topbar icons
JOURNALTITLE for your topbar title
URL1 through URL3 for your topbar link URLs
LINK1 through LINK3 for your topbar link titles
JOURNALNAME to complete your URL and activate links

Editing Guide

Paste the coding into Notepad or similar and bring up Replace All (usually Ctrl+H) to replace values quickly and easily!

FONTS
Roboto - Page text
Oswald - Header text

IMAGES
http://i.imgur.com/ajJHQuV.png - Page background
http://i.imgur.com/HIDaEqH.png - User & lock icons; page tab icon

COLORS
#f8f8f8 Entry background and page selection text color
#eee Page background
#ddd Entry border and horizontal rule
#aaa Link hover color, headings, code tag, topbar image border, and entry userpic border
#333 Page text
#000 Link color, entry title, date, comment links and borders, and page selection background
0,0,0 Bottom page nav text (semi-transparent rgba value)


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

Mar. 12th, 2018 06:55 pm (UTC)
*__* Love this! Using it asap!
Mar. 12th, 2018 07:24 pm (UTC)
Heee ty ty! ♥
Mar. 12th, 2018 07:42 pm (UTC)
Ohh, this is so lovely & simple/clean! Will definitely steal this sometime for a journal. :>
Mar. 12th, 2018 07:51 pm (UTC)
Heee, ty ty! ♥ I don't make layouts like these enough haha.
Mar. 12th, 2018 09:47 pm (UTC)
oooh this is so simple and nice. i love minimal. i think i'm gonna finally change my cdj's layout to this.
Mar. 12th, 2018 09:49 pm (UTC)
Yassss! I need more minimalist Generator (or Generator-feeling) layouts to balance out all the huge open air shit I tend to do LOL.
Mar. 12th, 2018 10:01 pm (UTC)
I typed a bunch and then switched journals so whoops.

What I said was that I love your layouts, but I'm not motivated enough to change stuff. I have to take a full night to put a layout together (and sometimes I do that before I even do the app for a character haha). But I do love when I come across your layouts for other people's characters, they tweak them so wonderfully. I tried to get Tilt to work and couldn't find an image to put in the middle. How do they do it, HOW

But anyway, I'm using your profile codes a lot, I'm starting to make my Character OOC contact pages pretty <3

Also a game I'm in just changed the game's layout to A Small Affair and I'm so relieved, what they had before was messy as hell.
Mar. 12th, 2018 11:58 pm (UTC)
It's beautiful in its simplicity. :)
Dec. 1st, 2018 03:27 pm (UTC)
this is so pretty!

is there any way to make the backgrounds of the entries slightly opaque?
Dec. 1st, 2018 05:38 pm (UTC)
Thank you! For a transparent background on entries you'll want to switch from a HEX color to RGBA, so replace the highlighted:

.entrybox{visibility:visible;margin-bottom:45px;background:#F8F8F8;padding:45px;position:relative;border:1px solid #ddd;z-index:40;}

With rgba(255,255,255,0.5) for white and rgba(0,0,0,0.5) for black, and adjust 0.5 as needed! 1 is fully opaque and 0 is fully transparent, so 0.5 is right in the middle.