Soup up your profile page w/ CSS
You can view my profile
here . You can make yours look exactly like mine if you go into your user cp >> edit options >> then scroll to the bottom of the page and cut and paste this code:
Code:
Body{background-attachment:
fixed; background-position: top center; background-image: url(http://img380.imageshack.us/img380/989/backgroundcz1.jpg);}
.page {background:transparent;color: #000000;}
.tcat {background:transparent;color: #000000;}
.thead {background:transparent; color: #000000;}
.tborder {background:transparent;}
.tfoot {background:transparent;}
.alt2, .alt2Active {background:transparent;color: #000000;}
.alt1, .alt1Active {background:transparent;color: #000000;}
.panelsurround {background:transparent;}
.panel {background:transparent;}
into the big text area called CSS.
You could always make yours look just like mine, but you might have more fun looking for background images
here and then use
this to host the image (remember to check the resize box to a 17-19 inch monitor and check 'remove size/resolution bar from thumbnail?' box so you don't end up w/ that on your background). Cut and paste the 'Direct link to image' at the bottom of the next page (after you click 'host it!') and then put it where it says here:
Body{background-attachment:
fixed; background-position: top center; background-image: url(
here );}
Have fun with it! You can change 'top center' to 'bottom right' or whatever.
Here's some possible background images and the code you would use to make it your background:
Spoiler :
Code:
body{margin: -70px 20px 10px 20px; background: #ffffff url(http://img155.imageshack.us/img155/1293/blackandwhitestripesfc7.jpg);}
.page {background:transparent; color: #ffffff;}
.tcat {background-color:transparent; background-image:url(http://img155.imageshack.us/img155/7539/scratchyyyyhb1.gif); color: #ffffff;}
.thead {background-color:transparent; background-image:url(http://img155.imageshack.us/img155/7539/scratchyyyyhb1.gif); color: #ffffff;}
.tborder {background:#ff0000; border: 6px solid #ff0000;}
a:link, body_alink
{
color: #ffffff;
}
a:visited, body_avisited
{
color: #ffffff;
}
a:hover, a:active, body_ahover
{
color: #ffffff;
}
.tfoot a:link, .tfoot_alink
{
color: #ffffff;
}
.tfoot a:visited, .tfoot_avisited
{
color: #ffffff;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
color: #ffffff;
}
.tfoot {background-color:transparent; background-image:url(http://img155.imageshack.us/img155/7539/scratchyyyyhb1.gif); color:#ffffff;}
.alt2, .alt2Active {background-color:transparent; background-image:url(http://img155.imageshack.us/img155/7539/scratchyyyyhb1.gif); color: #ffffff;}
.alt1, .alt1Active {background-color:transparent; background-image:url(http://img155.imageshack.us/img155/7539/scratchyyyyhb1.gif); color: #ffffff;}
.panelsurround {background:transparent; background-image:url(http://img155.imageshack.us/img155/7539/scratchyyyyhb1.gif); color: #ffffff;}
.panel {background:transparent; color: #ffffff;}
.vbmenu_control
{
background: #ff0000;
color: #000000;
font: bold 13px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 1px 3px 1px 3px;
white-space: nowrap;
}
Spoiler :
Code:
body{margin: -70px 90px 10px 90px; background: #ffffff url(http://img228.imageshack.us/img228/4443/9454crr2.jpg);}
.page {background:transparent; color: #ffffff;}
.tcat {background:1d1d1d; color: #ffffff;}
.thead {background:1d1d1d; color: #ffffff;}
.tborder {background:#000000; border: 1px solid #000000;}
a:link, body_alink
{
color: #ffffff;
}
a:visited, body_avisited
{
color: #ffffff;
}
a:hover, a:active, body_ahover
{
color: #ffffff;
}
.tfoot a:link, .tfoot_alink
{
color: #ffffff;
}
.tfoot a:visited, .tfoot_avisited
{
color: #ffffff;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
color: #ffffff;
}
.tfoot {background: #1d1d1d; color:#000000; border: 1px solid #000000;}
.alt2, .alt2Active {background: #1d1d1d; color: #ffffff;}
.alt1, .alt1Active {background: #1d1d1d; color: #ffffff;}
.panelsurround {background: #1d1d1d; color: #ffffff;}
.panel {background:transparent; color: #ffffff;}
.vbmenu_control
{
color: #ffffff;
font: bold 13px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 1px 3px 1px 3px;
white-space: nowrap;
}
Just a pink girly theme
Spoiler :
Code:
Body{margin: -70px 20px 10px 20px;background:#ffccff;}
.page {background:transparent; color: #003333;}
.tcat {background:transparent; color: #003333;}
.thead {background:transparent; color: #003333;}
.tborder {background:transparent; #003333; border: 1px solid #003333;}
.tfoot {background:transparent;}
.alt2, .alt2Active {background:transparent;color: #003333;}
.alt1, .alt1Active {background:transparent;color: #003333;}
.panelsurround {background:transparent;}
.panel {background:transparent;}
.vbmenu_control
{
background:transparent;
color: #003333;
font: bold 13px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 1px 3px 1px 3px;
white-space: nowrap;
}
a:link, body_alink
{
color: #003333;
}
a:visited, body_avisited
{
color: #003333;
}
a:hover, a:active, body_ahover
{
color: #003333;
}
.tfoot a:link, .tfoot_alink
{
color: #003333;
}
.tfoot a:visited, .tfoot_avisited
{
color: #003333;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
color: #003333;
}
.tcat a:link, .tcat_alink
{
color: #003333;
text-decoration: none;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
color: #003333;
text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
color: #003333;
text-decoration: none;
}
added 11/28/06
Spoiler :
Code:
body{margin: -62px 40px 0px 40px;
background-position:center;;
background: #ffffff url(http://img.photobucket.com/albums/v221/ashbernie311/welife/superretro.gif) fixed;}
.page {background:transparent; color: #ff9000;}
.tcat {background:transparent; color: #ff9000;}
.thead {background:transparent; color: #ff9000;}
.tborder {border:5px solid;;
border-color: 000000;;
background-color:#5e4833;}
a:link, body_alink
{
color: #ff9000;
}
a:visited, body_avisited
{
color: #ff9000;
}
a:hover, a:active, body_ahover
{
text-decoration: underline overline; color:..ff9000; FONT-FAMILY: arial; font-weight:bold; background: ..ff9000; color: ..ff9000;
}
.tfoot a:link, .tfoot_alink
{
color: #ff9000;
}
.tfoot a:visited, .tfoot_avisited
{
color: #ff9000;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
text-decoration: underline overline; color:#ff9000; FONT-FAMILY: arial; font-weight:bold; background: #ff9000; color: #ff9000;
}
.tfoot {background:transparent;background-color:#5e4833; color:#ff9000; border:5px solid;;
border-color: #000000;;
padding:5px 5px 5px 5px;}
.alt2, .alt2Active {background:transparent; color: #ff9000;}
.alt1, .alt1Active {background:transparent; color: #ff9000;}
.panelsurround {background:transparent; color: #ff90000;}
.panel {background:transparent; color: #ff9000;}
.vbmenu_control
{
background: #ff9000;
color: #ff9000;
font: bold 13px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 1px 3px 1px 3px;
white-space: nowrap;
}
New theme for
s like me! Added 11/29/06
I'll add more as I come up with them to this post. . . . . so, stay tuned!
The 'color: #000000;' is for the color of the text. You can also change the background color or any of these elements by adding 'background: #FFF000;' which would make the element yellow. If you don't know what you're doing and have absolutely no idea what to do, then just hold back, and eventually I plan on adding a simple point and click thing so you can just say "make this yellow and make this opacity 80% and use this as my background image." Till then, learn CSS.
11-17-2006, 12:45 PM
Soup up your profile page w/ CSS
s like me! Added 11/29/06
__
The significance is that some killjoy complained to the mods, and they dumped it here so the respectable people wouldn't have to deal with seeing its blight in the land of milk and honey known as Surveys.
Threaded Mode