BACKROUNDS
Quote:
html, body
{
background: url(-IMG URL-) repeat top left;
}
{
background: url(-IMG URL-) repeat top left;
}
This changes the image and position of the entire backround.
Quote:
} .panel
{
background: url(-image url-);
[color: #000000;
}
{
background: url(-image url-);
[color: #000000;
}
Changes the backround for each panel.
Quote:
.panel {opacity: 0.90; -moz-opacity: 0.90; filter:alpha(opacity=90);}
.panel:hover {opacity: 1.00; -moz-opacity: 1.00; filter:alpha(opacity=100);}
.panel:hover {opacity: 1.00; -moz-opacity: 1.00; filter:alpha(opacity=100);}
Makes the panels transparent.
Quote:
#columns {background: url(-image url-)
Changes the backround of the columns.
HEADERS
Quote:
#gaia_header #header_right a, #gaia_header #header_left a{color: #000000 !important;}
#gaia_header #header_right a:hover, #gaia_header #header_left a:hover {color: #FFFFFF !important;}
#gaia_header{background: url(-ing url-); width: 750px; height: 347px; margin-top: 0px; border: 2px solid #000000; border-top: 0px; border-bottom: 0px;}
#gaia_header #header_left {position: absolute; background: none; margin-top: 321px; margin-left: -13px; margin-right: 10px; color: #000000; width: 380px; }
#gaia_header #header_right {position: absolute; background: none; margin-top: 321px; margin-left: 365px; color: #000000; width: 380px; }
#gaia_header #header_right a:hover, #gaia_header #header_left a:hover {color: #FFFFFF !important;}
#gaia_header{background: url(-ing url-); width: 750px; height: 347px; margin-top: 0px; border: 2px solid #000000; border-top: 0px; border-bottom: 0px;}
#gaia_header #header_left {position: absolute; background: none; margin-top: 321px; margin-left: -13px; margin-right: 10px; color: #000000; width: 380px; }
#gaia_header #header_right {position: absolute; background: none; margin-top: 321px; margin-left: 365px; color: #000000; width: 380px; }
Changes the main header. Specifically the picture, border, height, width, margins, font size and link of header.
Quote:
h2 {
background-color: #000000 !important;
color: #FFFFFF !important;
}
a {
color: #000000;
}
background-color: #000000 !important;
color: #FFFFFF !important;
}
a {
color: #000000;
}
Changes the header colour for all sections.
Quote:
#column_1 .panel h2{padding: 5px; background: url(-img url-) repeat; height: 10px; text-align: center;}
#column_2 .panel h2{padding: 5px; background: url(-img url-) no-repeat; height: 10px; text-align: center;}
#column_3 .panel h2 {color: #c50000; background: transparent url(-img url-) center top repeat; height: 10px;}
#column_2 .panel h2{padding: 5px; background: url(-img url-) no-repeat; height: 10px; text-align: center;}
#column_3 .panel h2 {color: #c50000; background: transparent url(-img url-) center top repeat; height: 10px;}
Changes the padding height and picture of each heading.
Quote:
.panel h2{background: url() no-repeat; height: 5px; color: orange; font-family: fat; text-transform: uppercase; font-weight: normal; font-size: 12pt;}
Changes the size and style of headers.
COLUMNS
Quote:
#column_1 {
margin-top: 56px;
margin-left: 6px;
width: 232px;
}
#column_2 {
margin-top: 803px;
margin-left: 7px;
width: 502px;
margin-right: 0px;
}
#column_3 {
margin-top: 56px;
margin-left: 9px;
width: 232px;
}
margin-top: 56px;
margin-left: 6px;
width: 232px;
}
#column_2 {
margin-top: 803px;
margin-left: 7px;
width: 502px;
margin-right: 0px;
}
#column_3 {
margin-top: 56px;
margin-left: 9px;
width: 232px;
}
Changes margins and the width of each column.
BORDER
Quote:
.panel
{ border: 5px solid #000000; }
{ border: 5px solid #000000; }
Changes the border around all panels. You can change solid to dotted, dashed, double, grooved, ridged etc. and 5px is the thickness.
OTHER CODES
Quote:
html {
scrollbar-base-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-face-color: black;
scrollbar-highlight-color: white;
scrollbar-shadow-color: #FFFFFF;
scrollbar-track-color: #000000;
scrollbar-base-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-face-color: black;
scrollbar-highlight-color: white;
scrollbar-shadow-color: #FFFFFF;
scrollbar-track-color: #000000;
Changes the scrollbar.
Quote:
.media_panel embed {width: 328px; height: 264px;}
Enlarges media.
Quote:
#gaia_header a:link, a:link, #gaia_header a:visited, a:visited{color: #000000;}
#gaia_header a:hover, a:hover{color: #ffffff;}
#gaia_header a:hover, a:hover{color: #ffffff;}
Changes the color of the link.
I hope these codes will help you in customizing your profile! and please comment smile
