Really good for beginners or people who just want a basic background and no fuss. You can change it out quite easily with the simple instructions in the code. The fonts are easy to change as well. The list itself also has a translucent background, to make it very easy to still read your list and see most backgrounds.
[size=0]Click the QuickLink to get the CSS code for the layout! Use the spoiler button below it if the link doesn't work! Make sure you copy the entire code from the first /* to the last } at the end. And when you're ready to do more customization, use this topic.
/*
BACKGROUND IMAGE
This is the main background image for the whole page.
Change the image link to the background you want!
If you're not seeing a background, make sure you are copied the
entire CSS code or added any new background image codes correctly.
Also your image link may be broken, try uploading a new background then!
*/
/*
REPOSITION MAIN BACKGROUND
Change the position your background starts on your screen from with the two properties after "background-position"
below.
You replace 'center' and '43%' with two other properties, they can be any of the following: left, top, bottom,
right, or center.
So if you want your background to start from the center of the screen, use "center center" after background-
position in the code below, replacing "center 43%".
If you want it to start from the top and left, use "top left"
If you want it to start from the top and center, use "top center".
If you want it to start from the right and top, use "right top"
If you want it to start from the right and bottom, use "right bottom"
and so forth...
Additionally, you can change "left" to a % to determine how far left or right the background starts from. For
example "30% top" will start the background from the top but 30% of the pic's width from the left of the layout.
You can also change top to a % to change the amount you want to start it from the top or bottom.
*/
body{
background-position: center 43%;}
/*OTHER CODES
Important codes for the layout's setup. Don't mess with these unless you know exactly what you're doing. If you
want to customize more on the page, use the link at the top of this CSS, or ask in my club!
*/
I looked at your past tutorial. So far I like what I have done, however is there anyway to change the color behind the list? the transparent one that frames your text/table. The color doesn't match with my picture or the text I have selected.
I've replaced the background link with an Imgur one so it should never be deleted hopefully.. plus changing the background color of the list itself is now an easy to change option in the notes for the code! Its under LIST COLOR. I've also added a row hover fade transition and the color of the row hover can be changed under ROW HOVER COLOR. These changes will also be added to the other Beginner's layouts over time.
