We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
Skin Matching Signature
Topic Started: Jul 28 2004, 10:59 AM (90 Views)
etb600
Member
[ *  *  * ]
Background Color: dark blue
Border Color: Torqouise
Font Color : This color
Link Color : blue
Hover Color :red
Row 1 and 2 colors :blue and white
Row 3 and 4 Colors : blue and white
Dark Row 1: #999999
Dark Row 2 & 3
Category (.maintitle) Color
Sub Category (.titlemedium) Color: #999999
Post 1 Color: blue
Post 2 Color: white
Additional Details about the skin design: I want it to match my signature in terms of colors


ZinkFX
Offline Profile Quote Post Goto Top
 
AgnosticAngel
Caelestis
[ *  *  *  *  *  *  *  * ]
Skin In Creation

Your skin is currently being worked on. Please do not PM/IM about the status of this work. Your skin will be ready within 48 hours (max).

When it is completed, it will be located in the Completed Forum.

Thanks for choosing the IF Skin Zone!
SZ Skin Team

This is an automated message
Offline Profile Quote Post Goto Top
 
AgnosticAngel
Caelestis
[ *  *  *  *  *  *  *  * ]
You can preview your skin using the CSS Preview Application.

Ok, I made two skins because the first one I made using the colors you requested...Well didn't look too great. So I will post both CSS's and you can choose.

Your actual request:

Quote:
 
html { overflow-x: hidden; overflow-y: auto; }

#ipbwrapper { text-align:left; width:95%; margin-left:auto;margin-right:auto }
#ipbwrapper img { vertical-align:middle; border: 0px }

form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 11px; color: #487BAD; margin: 0px 40px 0px 40px; background-color:#013B73; background-image: url(http://) }
TABLE, TR, TD { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 11px; color: #487BAD; }
a:link, a:visited, a:active { text-decoration: underline; color: #005DB9 }
a:hover { color: #FF0000; text-decoration:underline }

fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }

img.attach { border:2px outset #EEF2F7;padding:2px }

.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: #3A4F6C; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#00D; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#434951 }

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:#555 }
.caldate { text-align:right;font-weight:bold;font-size:11px;color:#487BAD;background-color:#999999; background-image: url(http://);padding:4px;margin:0px }

.warngood { color:green }
.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%; border:1px solid #005666;background-color: #ffffff; background-image: url(http://) }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #ffffff; background-image: url(http://); border:1px solid #005666;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #005666;background-color: #999999;background-image:url(http://);padding:0px;margin:0px; }
/* Skin Created using the AIO CSS Generator at http://ifskinzone.net/main.php */
#submenu { border:1px solid #005666;background-color: #999999; background-image: url(http://); font-size:10px;margin:3px 0px 3px 0px;color:#487BAD;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: underline; color: #005DB9; }
#userlinks { border:1px solid #005666; background-color: #999999; background-image: url(http://) }

#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }

.activeuserstrip { background-color:#999999; background-image: url(http://); padding:6px }

.pformstrip { background-color: #005666; background-image: url(http://); color:#ffffff;font-weight:bold;padding:7px;margin-top:1px }
.pformleft { background-color: #ffffff; background-image: url(http://); padding:6px; margin-top:1px;width:25%; border-top:1px solid #005666; border-right:1px solid #005666; }
.pformleftw { background-color: #ffffff; background-image: url(http://); padding:6px; margin-top:1px;width:40%; border-top:1px solid #005666; border-right:1px solid #005666; }
.pformright { background-color: #ffffff; background-image: url(http://); padding:6px; margin-top:1px;border-top:1px solid #005666; }

.post1 { background-color: #ffffff; background-image: url(http://) }
.post2 { background-color: #ffffff; background-image: url(http://) }
.postlinksbar { background-color:#999999;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://) }

.row1 { background-color: #245789; background-image: url(http://) }
.row2 { background-color: #ffffff; background-image: url(http://) }
.row3 { background-color: #245789; background-image: url(http://) }
.row4 { background-color: #ffffff; background-image: url(http://) }

.darkrow1 { background-color: #999999; background-image: url(http://); color:#487BAD; }
.darkrow2 { background-color: #005666; background-image: url(http://); color:#487BAD; }
.darkrow3 { background-color: #005666; background-image: url(http://); color:#487BAD; }

.hlight { background-color: #ffffff; background-image: url(http://) }
.dlight { background-color: #ffffff; background-image: url(http://) }

.titlemedium { font-weight:bold; color:#000000; padding:7px; margin:0px; background-color: #999999; background-image: url(http://) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #000000 }

.maintitle { vertical-align:middle;font-weight:bold; color:#ffffff; letter-spacing:1px; padding:8px 0px 8px 5px; background-color: #005666; background-image: url(http://) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #ffffff }
.maintitle a:hover { text-decoration: underline }

.plainborder { border:1px solid transparent;background-color:transparent }
.tableborder { border:1px solid #005666;background-color:#005666; padding:0px; margin:0px; width:100% }
.tablefill { border:1px solid #005666;background-color:#ffffff; background-image: url(http://);padding:6px; }
.tablepad { background-color:#ffffff; background-image: url(http://);padding:6px }
.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:#487BAD }
.edit { font-size: 9px }

.signature { font-size: 10px; color: #339 }
.postdetails { font-size: 10px }
.postcolor { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #003 }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #900 }

.searchlite { font-weight:bold; color:#F00; background-color:#FF0 }

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #487BAD; background-color: #ffffff; background-image: url(http://); border: 1px solid #005666; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #487BAD; background-color: #ffffff; background-image: url(http://); border: 1px solid #005666; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }

.codebuttons { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
.forminput, .textinput, .radiobutton, .checkbox { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }

.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #005666;border-bottom:1px solid #005666 }

.purple { color:purple;font-weight:bold }
.red { color:red;font-weight:bold }
.green { color:green;font-weight:bold }
.blue { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }


My improvised version:

Quote:
 
html { overflow-x: hidden; overflow-y: auto; }

#ipbwrapper { text-align:left; width:95%; margin-left:auto;margin-right:auto }
#ipbwrapper img { vertical-align:middle; border: 0px }

form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 11px; color: #000000; margin: 0px 40px 0px 40px; background-color:#EAF2F4; background-image: url(http://) }
TABLE, TR, TD { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 11px; color: #000000; }
a:link, a:visited, a:active { text-decoration: underline; color: #555555 }
a:hover { color: #000000; text-decoration:underline }

fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }

img.attach { border:2px outset #EEF2F7;padding:2px }

.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: #3A4F6C; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#00D; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#434951 }

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:#555 }
.caldate { text-align:right;font-weight:bold;font-size:11px;color:#000000;background-color:#2188AB; background-image: url(http://);padding:4px;margin:0px }

.warngood { color:green }
.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%; border:1px solid #03475E;background-color: #EAF2F4; background-image: url(http://) }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #EAF2F4; background-image: url(http://); border:1px solid #03475E;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #03475E;background-color: #2188AB;background-image:url(http://);padding:0px;margin:0px; }
/* Skin Created using the AIO CSS Generator at http://ifskinzone.net/main.php */
#submenu { border:1px solid #03475E;background-color: #4FA6C3; background-image: url(http://); font-size:10px;margin:3px 0px 3px 0px;color:#000000;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: underline; color: #555555; }
#userlinks { border:1px solid #03475E; background-color: #4FA6C3; background-image: url(http://) }

#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }

.activeuserstrip { background-color:#4FA6C3; background-image: url(http://); padding:6px }

.pformstrip { background-color: #4FA6C3; background-image: url(http://); color:#EAF2F4;font-weight:bold;padding:7px;margin-top:1px }
.pformleft { background-color: #EAF2F4; background-image: url(http://); padding:6px; margin-top:1px;width:25%; border-top:1px solid #03475E; border-right:1px solid #03475E; }
.pformleftw { background-color: #EAF2F4; background-image: url(http://); padding:6px; margin-top:1px;width:40%; border-top:1px solid #03475E; border-right:1px solid #03475E; }
.pformright { background-color: #EAF2F4; background-image: url(http://); padding:6px; margin-top:1px;border-top:1px solid #03475E; }

.post1 { background-color: #EAF2F4; background-image: url(http://) }
.post2 { background-color: #EAF2F4; background-image: url(http://) }
.postlinksbar { background-color:#4FA6C3;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://) }

.row1 { background-color: #2188AB; background-image: url(http://) }
.row2 { background-color: #EAF2F4; background-image: url(http://) }
.row3 { background-color: #2188AB; background-image: url(http://) }
.row4 { background-color: #EAF2F4; background-image: url(http://) }

.darkrow1 { background-color: #EAF2F4; background-image: url(http://); color:#000000; }
.darkrow2 { background-color: #2188AB; background-image: url(http://); color:#000000; }
.darkrow3 { background-color: #2188AB; background-image: url(http://); color:#000000; }

.hlight { background-color: #EAF2F4; background-image: url(http://) }
.dlight { background-color: #EAF2F4; background-image: url(http://) }

.titlemedium { font-weight:bold; color:#ffffff; padding:7px; margin:0px; background-color: #4FA6C3; background-image: url(http://) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #ffffff }

.maintitle { vertical-align:middle;font-weight:bold; color:#EAF2F4; letter-spacing:1px; padding:8px 0px 8px 5px; background-color: #2188AB; background-image: url(http://) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #EAF2F4 }
.maintitle a:hover { text-decoration: underline }

.plainborder { border:1px solid transparent;background-color:transparent }
.tableborder { border:1px solid #03475E;background-color:#03475E; padding:0px; margin:0px; width:100% }
.tablefill { border:1px solid #03475E;background-color:#EAF2F4; background-image: url(http://);padding:6px; }
.tablepad { background-color:#EAF2F4; background-image: url(http://);padding:6px }
.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:#000000 }
.edit { font-size: 9px }

.signature { font-size: 10px; color: #339 }
.postdetails { font-size: 10px }
.postcolor { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #003 }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #900 }

.searchlite { font-weight:bold; color:#F00; background-color:#FF0 }

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #000000; background-color: #EAF2F4; background-image: url(http://); border: 1px solid #03475E; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #000000; background-color: #EAF2F4; background-image: url(http://); border: 1px solid #03475E; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }

.codebuttons { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
.forminput, .textinput, .radiobutton, .checkbox { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }

.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #03475E;border-bottom:1px solid #03475E }

.purple { color:purple;font-weight:bold }
.red { color:red;font-weight:bold }
.green { color:green;font-weight:bold }
.blue { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }
Offline Profile Quote Post Goto Top
 
AgnosticAngel
Caelestis
[ *  *  *  *  *  *  *  * ]
Skinned & Ready To Roll

Your skin has been completed to your specifications.
Unfortunately we cannot provide you with demo boards for requested skins but we strongly recommend you test out your new CSS using our skin preview application located here.

We hope you enjoy your new skin. If you have any problems with your skin please go to the Skinning Support Board and open a new topic.

Thanks for choosing the IF Skin Zone!
SZ Skin Team

This is an automated message
Offline Profile Quote Post Goto Top
 
etb600
Member
[ *  *  * ]
thanx its great
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Closed Requests · Next Topic »
Add Reply