CSS to customize the header (header):
- Code:
-
.headerbar {
background-color: transparent;
background-image: url('LINK IMAGINE');
height: 170px;
background-position: top;
background-repeat: no-repeat;
}
Information:
- Spoiler:
background-color = background color of the header
background-image = background image header
height = height header
background-position = position background
background-repeat = repeat background header (reapet for repeat and no-repeat so as not to repeat)
Customizing background Forum:
- Code:
-
body {
background-color: #FFFFFF;
background-Image: url('LINK IMAGINE');
background-repeat: no-repeat;
background-attachment: fixed;
background-position:center;
}
Information:
- Spoiler:
background-color = background color
background-image = background image
background-repeat = repeat background (reapet for repeat and no-repeat so as not to repeat)
background-attachment = attachment background (fixed to lock and scroll to the background image to scroll along with the rest of the page)
background-position = position backgro
und
Background image from within the forum:
- Code:
-
#wrap {
background-attachment: fixed;
background-image: url('URL IMAGE');
background-repeat: repeat;
background-position: top center;
}
Information:
- Spoiler:
background-attachment = attachment background (fixed to lock and scroll to the background image to scroll along with the rest of the page)
background-repeat = repeat background (reapet for repeat and no-repeat so as not to repeat)
background-position = position background
Background image to menu (only the menu!):
- Code:
-
div#page-header div.navbar {
background-image: url('URL IMAGE' );}
Transform menu in a dynamic menu (works only if you have pictures in the menu):
- Code:
-
ul.linklist li a img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 0.5;}
ul.linklist li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 0.85;
opacity: 1.0;
position: relative;
top: -2px;}
Information:
- Spoiler:
ul.linklist Li img = images before making contact with mouse
ul.linklist Li img: hover = images having contact with mouse
opacity = opacity
ul.linklist Li img: hover => top = the displacement of images in contact with mouse
This code does not work in Internet Explorer!
Customizing the search box:
- Code:
-
#search-box #keywords {
width: 95px;
background-color: #ffffff;
}
input.search {
background-image: url('http://2img.net/i/fa/prosilver/icon_textbox_search.gif');
background-repeat: no-repeat;
background-position: left 1px;
padding-left: 17px;
}
Information:
- Spoiler:
# search-box # keywords:
width = width keyword box
background-color = background image of the keyword box
input.search:
background-image = image which is magnifying the keyword box
padding-left = space that is magnifying the keyword box
Hide the search box:
- Code:
-
#search{
display:none;
}
CSS to customize the message on the homepage:
- Code:
-
.introduction {
background-image: url('URL IMAGE);
background-repeat: repeat;
background-position: top center;
background-color: #ffffff;
color: #000000;}
.introduction .h3 {
background-image: url("URL IMAGE");
background-repeat: repeat;
background-position: top center;
background-color: #ffffff;
color: #000000;
padding: 5px;
border-bottom: 0px solid #000000;
}
Information:
- Spoiler:
Introduction (message structure)
background-image = image fundal.Daca do so that does not happen again and keep the background position, you can put wallpaper in title (including covering over message)
background-repeat = repeat background (reapet for repeat and no-repeat so as not to repeat)
background-position = position background
background-color = background color of the message on the home page
color = color of the text of the message from the home page
. introduction. h3 (message title)
background-image = Background image (it does not reach over the message)
background-repeat = repeat background (reapet for repeat and no-repeat so as not to repeat)
background-position = position background
background-color = background color Title
color = color of title
padding = height space for title
border-bottom = line that separates from the rest of the message (I selected 0px, so not to appear). You can change the color of them all here.
Read More.. 8)
Indeks 
