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

January 2019

S M T W T F S
  12345
6789101112
13141516171819
20212223242526
2728293031  

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

Contact Me

Hey there!
Welcome! Questions, comments, concerns? You're in the right place, buddy! All comments are screened for privacy, but if you'd rather drop me a line privately, my gmail is always open at tessisabiiitch. Please ask questions about specific codes and layouts on their original entry (if applicable.) Thank you!
xo Tess
Business Hours Hey guys! The times I respond to comments, etc. are: Monday through Friday from 10:00am to 6:00pm CST, excluding most major US holidays. If I haven't replied to your comment in 48 hours and it isn't a weekend/holiday, please feel free to give me a quick shout!
Other help pages Questions: Dreamwidth-Specific Questions: S2 Complete Style Documentation Questions: S1 Generator Documentation Questions: Layout Shop Sanity: Report a Bug Mod Contact: RP Resources

Comments

Apr. 27th, 2017 07:47 pm (UTC)
Hey, I'm sorry for the delay! I'm so behind on everything right now, haha. Okay so! When working with the background, you have a number of positions you can choose from; there are standard positions like bottom left or you can get pixel specific like 10px 20px and it will translate into 10px to the left and 20px from the top. You can shorthand these elements into background rather than declaring background-color, background-image, background-repeat, background-attachment, background-position and so on (super tedious lmao.)

So what you'll want for that is:
background:#123a2f url(IMAGE)bottom right no-repeat fixed;

And then you can change bottom to either top or center if you want it to sit differently.

A quick background example for reference:
background:#123a2f url(IMAGE)bottom right no-repeat fixed;

Is shorthand for the following (order of declarations doesn't usually matter for the background shorthand unless you're declaring specific px positioning):
background-color:#123a2f;
background-image:url(IMAGE);
background-position:bottom right;
background-repeat:no-repeat;
background-attachment:fixed;


The only thing you can't shorthand into it is background-size, which is a great declaration to use for fullsize wallpaper backgrounds to resize fluidly with monitor size. Some examples of this declaration:

background-size:cover; covers the height/width of the screen as best as possible without getting cut off
background-size:100% auto; 100% width and automatic height
background-size:auto 100%; 100% height and automatic width
background-size:50px; great for resizing a repeating pattern that you want smaller without editing the image


I hope that all helps with any background stuff!