Jan. 24th, 2012
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. My Discord is not open for questions/help; sorry! Please ask questions about specific codes and layouts on their original entry (if applicable.) Thank you!xo Tess
Comments
bottom left
or you can get pixel specific like10px 20px
and it will translate into 10px to the left and 20px from the top. You can shorthand these elements intobackground
rather than declaringbackground-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 eithertop
orcenter
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!