{CS}to Romano about the skin - WebmasterForums.NET

md49vd · 08-31-2005, 11:50 PM

http://evolutiond.com/forums/index.php?sho...t=0&#entry18352

thats the link

basically its to change the pic of the american football to a soccer ball

also if possible change the background colour to a nice blue/black/white combo?

cheers mate

Romanos · 09-01-2005, 12:14 AM

Skin Name: Green Football
Skin Author: Romanos

Board Wrappers
Admin CP -> Skinning & Styles -> Board Wrappers -> Header & Body

Code:

<body text="#f3f8f4" link="#f3f8f4" vlink="#f3f8f4" alink="#f3f8f4" leftmargin="3" topmargin="3" marginwidth="3" marginheight="0">
<table width="760" border="1" align="center" cellpadding="6" cellspacing="0" bgcolor="#e8f1e9" height="377" bordercolor="#f3f8f4" bordercolordark="#f3f8f4" bordercolorlight="#f3f8f4">
<tr>
<td width="100%" height="100%" bgcolor="#e8f1e9" bordercolor="#f3f8f4" bordercolorlight="#f3f8f4" bordercolordark="#f3f8f4">

Skin CSS
Admin CP -> Skinning & Styles -> Manage Style Sheets

Code:

html { overflow-x: hidden;overflow-y: auto; }
form { display: inline; }
img { vertical-align: middle;border: 0px; }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif;font-size: 11px;margin: 0px 10px 0px 10px;color: #5b9561;background-color: #e8f1e9; }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif;font-size: 11px;color: #5b9561; }
a:link, a:visited, a:active { text-decoration: none;color: #5b9561; }
a:hover { text-decoration: underline;color: #5b9561; }
fieldset.search { padding: 6px;line-height: 150%; }
label { cursor: pointer; }
img.attach { padding: 2px;border: 2px outset #5b9561; }
.googleroot { padding: 6px;line-height: 130%; }
.googlechild { padding: 6px;margin-left: 30px;line-height: 130%; }
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size: 11px;color: #5b9561; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size: 14px;font-weight: bold;color: #5b9561; }
.googlepagelinks { font-size: 1.1em;letter-spacing: 1px; }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size: 10px;color: #5b9561; }
li.helprow { padding: 0px;margin: 0px 0px 10px 0px; }
ul#help { padding: 0px 0px 0px 15px; }
option.cat { font-weight: bold; }
option.sub { font-weight: bold;color: #5b9561; }
.caldate { text-align: right;font-weight: bold;font-size: 11px;padding: 4px;margin: 0px;color: #5b9561
;background-color: #f3f8f4; }
.warngood { color: #5b9561; }
.warnbad { color: red; }
#padandcenter { margin-left: auto;margin-right: auto;text-align: center;padding: 14px 0px 14px 0px; }
#profilename { font-size: 28px;font-weight: bold; }
#calendarname { font-size: 22px;font-weight: bold; }
#photowrap { padding: 6px; }
#phototitle { font-size: 24px;border-bottom: 1px solid black; }
#photoimg { text-align: center;margin-top: 15px; }
#ucpmenu { line-height: 150%;width: 22%;background-color: #f3f8f4;border: 1px solid #5b9561; }
#ucpmenu p { padding: 2px 5px 6px 9px;margin: 0px; }
#ucpcontent { line-height: 150%;width: auto;color: #5b9561;background-color: #f3f8f4;border: 1px solid #5b9561; }
#ucpcontent p { padding: 10px;margin: 0px; }
#ipsbanner { position: absolute;top: 1px;right: 5%; }
#logostrip { padding: 0px;margin: 0px;color: #5b9561;background-color: #f3f8f4;border: 1px solid #5b9561;background-image: url(http://); }
#submenu { font-size: 10px;margin: 3px 0px 3px 0px;font-weight: bold;color: #5b9561;border: 1px solid #5b9561;background-image: url(http://i6.photobucket.com/albums/y224/romanos2005/skin/menu.png); }
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight: bold;font-size: 10px;text-decoration: none;color: #5b9561; }
#userlinks { color: #5b9561;border: 1px solid #5b9561;background-image: url(http://i6.photobucket.com/albums/y224/romanos2005/skin/menu.png); }
#navstrip { font-weight: bold;padding: 6px 0px 6px 0px; }
.activeuserstrip { padding: 1px;background-color: #f3f8f4; }
.pformstrip { font-weight: bold;padding: 4px;margin-top: 1px;color: #5b9561;background-image: url(http://i6.photobucket.com/albums/y224/romanos2005/skin/mid.png); }
.pformleft { padding: 6px;margin-top: 1px;width: 25%;border-top: 1px solid #BEC8D6;border-right: 1px solid #BEC8D6;background-color: #f3f8f4; }
.pformleftw { padding: 6px;margin-top: 1px;width: 40%;border-top: 1px solid #BEC8D6;border-right: 1px solid #BEC8D6;background-color: #f3f8f4; }
.pformright { padding: 6px;margin-top: 1px;border-top: 1px solid #BEC8D6;background-color: #f3f8f4; }
.post1 { background-color: #f3f8f4; }
.post2 { background-color: #f3f8f4; }
.postlinksbar { padding: 4px;margin-top: 1px;font-size: 10px;background-image: url(http://i6.photobucket.com/albums/y224/romanos2005/skin/mid.png); }
.row1 { background-color: #f3f8f4; }
.row2 { background-color: #f3f8f4; }
.row3 { background-color: #f3f8f4; }
.row4 { background-color: #f3f8f4; }
.darkrow1 { color: #5b9561;background-color: #f3f8f4; }
.darkrow2 { padding: 3px;color: #5b9561;background-image: url(http://i6.photobucket.com/albums/y224/romanos2005/skin/bot.png); }
.darkrow3 { padding: 2px;color: #5b9561;background-image: url(http://img.photobucket.com/albums/v428/romanos2004/as_menu.png); }
.hlight { background-color: #f3f8f4; }
.dlight { background-color: #f3f8f4; }
.titlemedium { font-weight: bold;padding: 4px;margin: 0px;color: #5b9561;background-image: url(http://i6.photobucket.com/albums/y224/romanos2005/skin/mid.png); }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline;color: #5b9561; }
.maintitle { text-align: center;vertical-align: middle;font-weight: bold;letter-spacing: 1px;padding: 7px 0px 7px 0px;color: #5b9561;border: #f7f3f7;background-image: url(http://img314.imageshack.us/img314/2196/image49cd.png); }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none;color: #5b9561; }
.maintitle a:hover { text-decoration: underline; }
.plainborder { background-color: #5b9561;border: 1px solid #e8f1e9; }
.tableborder { padding: 0px;margin: 0px;width: 100%;background-color: #e8f1e9;border: 1px solid #e8f1e9; }
.tablefill { padding: 6px;background-color: #f3f8f4;border: 1px solid #e8f1e9; }
.tablepad { padding: 6px;background-color: #f3f8f4; }
.tablebasic { width: 100%;padding: 0px 0px 0px 0px;margin: 0px;border: 0px; }
.wrapmini { float: left;line-height: 1.5em;width: 25%; }
.pagelinks { float: left;line-height: 1.2em;width: 35%; }
.desc { font-size: 10px;color: #5b9561; }
.edit { font-size: 9px; }
.signature { font-size: 10px;color: #5b9561; }
.postdetails { font-size: 10px; }
.postcolor { font-size: 12px;line-height: 160%; }
.normalname { font-size: 12px;font-weight: bold;color: #5b9561; }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px; }
.unreg { font-size: 11px;font-weight: bold;color: #5b9561; }
.searchlite { font-weight: bold;color: #5b9561;background-color: #f3f8f4; }
#QUOTE { font-family: Verdana, Arial;font-size: 11px;padding-top: 2px;padding-right: 2px;padding-bottom: 2px;padding-left: 2px;color: #5b9561;background-color: #f3f8f4;border: 1px solid #5b9561; }
#CODE { font-family: Courier, Courier New, Verdana, Arial;font-size: 11px;padding-top: 2px;padding-right: 2px;padding-bottom: 2px;padding-left: 2px;color: #5b9561;background-color: #f3f8f4;border: 1px solid #5b9561; }
.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif;font-size: 9px;line-height: 12px; }
.codebuttons { font-size: 10px;padding: 0px;font-family: verdana, helvetica, sans-serif;vertical-align: middle;font-weight: bold;color: #5b9561;background-color: #f3f8f4;border: 1px solid #5b9561; }
.forminput, .textinput, .radiobutton, .checkbox { font-size: 11px;font-family: verdana, helvetica, sans-serif;vertical-align: middle;font-weight: bold;color: #5b9561;background-color: #f3f8f4;border: 1px solid #5b9561; }
.thin { padding: 6px 0px 6px 0px;line-height: 140%;margin: 2px 0px 2px 0px;border-top: 1px solid #BEC8D6;border-bottom: 1px solid #BEC8D6; }
.purple { font-weight: bold;color: purple; }
.red { font-weight: bold;color: red; }
.green { font-weight: bold;color: green; }
.blue { font-weight: bold;color: blue; }
.orange { font-weight: bold;color: #F90; }
div.row4 { border-color: #79899F!important;background-color: #f3f8f4; }</STYLE><CENTER>Skin created by <B>Romanos</B>. Find more great skins at <B><A HREF="http://evolutiond.com" TARGET="_BLANK">Evolution Skins</A></B>.</CENTER><STYLE TYPE="text/css">
html { overflow-x: hidden;overflow-y: auto; }
form { display: inline; }
img { vertical-align: middle;border: 0px; }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif;font-size: 11px;margin: 0px 10px 0px 10px;color: #5b9561;background-color: #e8f1e9; }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif;font-size: 11px;color: #5b9561; }
a:link, a:visited, a:active { text-decoration: none;color: #5b9561; }
a:hover { text-decoration: underline;color: #5b9561; }
fieldset.search { padding: 6px;line-height: 150%; }
label { cursor: pointer; }
img.attach { padding: 2px;border: 2px outset #5b9561; }
.googleroot { padding: 6px;line-height: 130%; }
.googlechild { padding: 6px;margin-left: 30px;line-height: 130%; }
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size: 11px;color: #5b9561; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size: 14px;font-weight: bold;color: #5b9561; }
.googlepagelinks { font-size: 1.1em;letter-spacing: 1px; }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size: 10px;color: #5b9561; }
li.helprow { padding: 0px;margin: 0px 0px 10px 0px; }
ul#help { padding: 0px 0px 0px 15px; }
option.cat { font-weight: bold; }
option.sub { font-weight: bold;color: #5b9561; }
.caldate { text-align: right;font-weight: bold;font-size: 11px;padding: 4px;margin: 0px;color: #5b9561;background-color: #f3f8f4; }
.warngood { color: #5b9561; }
.warnbad { color: red; }
#padandcenter { margin-left: auto;margin-right: auto;text-align: center;padding: 14px 0px 14px 0px; }
#profilename { font-size: 28px;font-weight: bold; }
#calendarname { font-size: 22px;font-weight: bold; }
#photowrap { padding: 6px; }
#phototitle { font-size: 24px;border-bottom: 1px solid black; }
#photoimg { text-align: center;margin-top: 15px; }
#ucpmenu { line-height: 150%;width: 22%;background-color: #f3f8f4;border: 1px solid #5b9561; }
#ucpmenu p { padding: 2px 5px 6px 9px;margin: 0px; }
#ucpcontent { line-height: 150%;width: auto;color: #5b9561;background-color: #f3f8f4;border: 1px solid #5b9561; }
#ucpcontent p { padding: 10px;margin: 0px; }
#ipsbanner { position: absolute;top: 1px;right: 5%; }
#logostrip { padding: 0px;margin: 0px;color: #5b9561;background-color: #f3f8f4;border: 1px solid #5b9561;background-image: url(http://); }
#submenu { font-size: 10px;margin: 3px 0px 3px 0px;font-weight: bold;color: #5b9561;border: 1px solid #5b9561;background-image: url(http://i6.photobucket.com/albums/y224/romanos2005/skin/menu.png); }
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight: bold;font-size: 10px;text-decoration: none;color: #5b9561; }
#userlinks { color: #5b9561;border: 1px solid #5b9561;background-image: url(http://i6.photobucket.com/albums/y224/romanos2005/skin/menu.png); }
#navstrip { font-weight: bold;padding: 6px 0px 6px 0px; }
.activeuserstrip { padding: 1px;background-color: #f3f8f4; }
.pformstrip { font-weight: bold;padding: 4px;margin-top: 1px;color: #5b9561;background-image: url(http://i6.photobucket.com/albums/y224/romanos2005/skin/mid.png); }
.pformleft { padding: 6px;margin-top: 1px;width: 25%;border-top: 1px solid #BEC8D6;border-right: 1px solid #BEC8D6;background-color: #f3f8f4; }
.pformleftw { padding: 6px;margin-top: 1px;width: 40%;border-top: 1px solid #BEC8D6;border-right: 1px solid #BEC8D6;background-color: #f3f8f4; }
.pformright { padding: 6px;margin-top: 1px;border-top: 1px solid #BEC8D6;background-color: #f3f8f4; }
.post1 { background-color: #f3f8f4; }
.post2 { background-color: #f3f8f4; }
.postlinksbar { padding: 4px;margin-top: 1px;font-size: 10px;background-image: url(http://i6.photobucket.com/albums/y224/romanos2005/skin/mid.png); }
.row1 { background-color: #f3f8f4; }
.row2 { background-color: #f3f8f4; }
.row3 { background-color: #f3f8f4; }
.row4 { background-color: #f3f8f4; }
.darkrow1 { color: #5b9561;background-color: #f3f8f4; }
.darkrow2 { padding: 3px;color: #5b9561;background-image: url(http://i6.photobucket.com/albums/y224/romanos2005/skin/bot.png); }
.darkrow3 { padding: 2px;color: #5b9561;background-image: url(http://img.photobucket.com/albums/v428/romanos2004/as_menu.png); }
.hlight { background-color: #f3f8f4; }
.dlight { background-color: #f3f8f4; }
.titlemedium { font-weight: bold;padding: 4px;margin: 0px;color: #5b9561;background-image: url(http://i6.photobucket.com/albums/y224/romanos2005/skin/mid.png); }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline;color: #5b9561; }
.maintitle { text-align: center;vertical-align: middle;font-weight: bold;letter-spacing: 1px;padding: 7px 0px 7px 0px;color: #5b9561;border: #f7f3f7;background-image: url(http://img314.imageshack.us/img314/2196/image49cd.png); }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none;color: #5b9561; }
.maintitle a:hover { text-decoration: underline; }
.plainborder { background-color: #5b9561;border: 1px solid #e8f1e9; }
.tableborder { padding: 0px;margin: 0px;width: 100%;background-color: #e8f1e9;border: 1px solid #e8f1e9; }
.tablefill { padding: 6px;background-color: #f3f8f4;border: 1px solid #e8f1e9; }
.tablepad { padding: 6px;background-color: #f3f8f4; }
.tablebasic { width: 100%;padding: 0px 0px 0px 0px;margin: 0px;border: 0px; }
.wrapmini { float: left;line-height: 1.5em;width: 25%; }
.pagelinks { float: left;line-height: 1.2em;width: 35%; }
.desc { font-size: 10px;color: #5b9561; }
.edit { font-size: 9px; }
.signature { font-size: 10px;color: #5b9561; }
.postdetails { font-size: 10px; }
.postcolor { font-size: 12px;line-height: 160%; }
.normalname { font-size: 12px;font-weight: bold;color: #5b9561; }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px; }
.unreg { font-size: 11px;font-weight: bold;color: #5b9561; }
.searchlite { font-weight: bold;color: #5b9561;background-color: #f3f8f4; }
#QUOTE { font-family: Verdana, Arial;font-size: 11px;padding-top: 2px;padding-right: 2px;padding-bottom: 2px;padding-left: 2px;color: #5b9561;background-color: #f3f8f4;border: 1px solid #5b9561; }
#CODE { font-family: Courier, Courier New, Verdana, Arial;font-size: 11px;padding-top: 2px;padding-right: 2px;padding-bottom: 2px;padding-left: 2px;color: #5b9561;background-color: #f3f8f4;border: 1px solid #5b9561; }
.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif;font-size: 9px;line-height: 12px; }
.codebuttons { font-size: 10px;padding: 0px;font-family: verdana, helvetica, sans-serif;vertical-align: middle;font-weight: bold;color: #5b9561;background-color: #f3f8f4;border: 1px solid #5b9561; }
.forminput, .textinput, .radiobutton, .checkbox { font-size: 11px;font-family: verdana, helvetica, sans-serif;vertical-align: middle;font-weight: bold;color: #5b9561;background-color: #f3f8f4;border: 1px solid #5b9561; }
.thin { padding: 6px 0px 6px 0px;line-height: 140%;margin: 2px 0px 2px 0px;border-top: 1px solid #BEC8D6;border-bottom: 1px solid #BEC8D6; }
.purple { font-weight: bold;color: purple; }
.red { font-weight: bold;color: red; }
.green { font-weight: bold;color: green; }
.blue { font-weight: bold;color: blue; }
.orange { font-weight: bold;color: #F90; }
div.row4 { border-color: #79899F!important;background-color: #f3f8f4; }

Romanos · 09-01-2005, 12:14 AM

Your request request has been completed, thank you for choosing Evolution Designs. If you have any further questions please start a new thread.

Thank You, Evolution Designs Team

md49vd · 09-01-2005, 12:19 AM

can i preview it?

md49vd · 09-01-2005, 12:38 AM

no worries i put it on

its ok except the forum headers get in the way of the soccer ball how can i move the forum headers into the spacing between the two soccerballs??

Romanos · 09-01-2005, 01:55 AM

What do you mean? Can you please take a screenshot?

md49vd · 09-01-2005, 12:11 PM

as u can see the soccerballs get in the way of the text, and the text isnt in between the two soccerballs.

Romanos · 09-01-2005, 07:45 PM

That's because you didn't add the Board Wrappers.

md49vd · 09-01-2005, 07:51 PM

i did add the board wrapper in this section:

Header & Body:
Contains the board.
Can not be left blank

Romanos · 09-01-2005, 09:44 PM

Can you please post whole Header and Body code?

Si I'll see what you did wrong.