yay my first entry! >.<These are some codes for current profiles and i will add some others later smile
BACKROUNDS
Quote: html, body { 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; }
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);}
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; }
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; }
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;}
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; }
Changes margins and the width of each column.
BORDER
Quote: .panel { 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;
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;}
Changes the color of the link.
I hope these codes will help you in customizing your profile! and please comment smile
 eelectricheart · Tue Dec 04, 2007 @ 11:57pm · 2 Comments |
