Changing Pictures of Background
- Thanks to this site, where I take the original picture (1024 x 768 pixels)
- We use a picture as background for the body part of the page:
/* defining the picture used for background */
body
{
background-image:
url('http://YOURSITE/YOURPIC.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
}
body
{
background-image:
url('http://YOURSITE/YOURPIC.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
}
Changing width of container
- We define a width of 500 pixel, to adapt the content
- We erase the background of html part (outer part of the page)
#main-content
{
background-color: transparent;
}
#container
{
width: 500px;
border: 0 none;
background-color: transparent;
margin-left: 10px;
}
html
{
background-color: transparent;
}
More Informations
- A fixed menu with ScrollTop
- Scroll text and pictures within a fixed div block
- Dynamic content with iframe
- Playing with iframe
- Create Dynamic Content with a List of Blogs
- Changing opacity and transparency
- Changing Background
Find a Wine with Google CSE
