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
Revos 1st Skin
Topic Started: Sep 5 2005, 04:50 AM (184 Views)
Revo88
Unregistered

Name:Revos 1st Skin
Author:Revo
Skin Number:1
Date Created:5.9.05
Side Notes:none


Preview of the skin


CSS of skin:
Quote:
 

html { overflow-x: hidden; overflow-y: auto; }
form { display:inline; }
img { vertical-align:middle; border:0px }
#ipbwrapper { text-align:left; width:95%; margin-left:auto;margin-right:auto }
#ipbwrapper img { vertical-align:middle; border: 0px }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #40e0d0; margin:0px 30px 0px 30px;background-color:#000000; }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #f5deb3; }
a:link, a:visited, a:active { text-decoration: underline; color: #f5deb3; }
a:hover { color: #40e0d0; 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:#40e0d0;background-color:#008080;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 #008080;background-color: #40e0d0 }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #40e0d0; border:1px solid #008080;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }
#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip {border:1px solid #008080;background-color:#000000;padding:0px;margin:0px;}
/* Skin Created using the Simple CSS Generator at http://ifskinzone.net/main.php */
#submenu { border:1px solid #008080;background-color: #000000;font-size:10px;margin:3px 0px 3px 0px;color:#40e0d0;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #f5deb3 }
#userlinks { border:1px solid #008080; background-color: #000000 }
#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }
.activeuserstrip { background-color:#008080; padding:6px }
.pformstrip { background-color: #008080; color:#40e0d0;font-weight:bold;padding:7px;margin-top:1px }
.pformleft { background-color: #40e0d0; padding:6px; margin-top:1px;width:25%;border-top:1px solid #008080; border-right:1px solid #008080; }
.pformleftw { background-color: #40e0d0; padding:6px; margin-top:1px;width:40%;border-top:1px solid #008080; border-right:1px solid #008080; }
.pformright { background-color: #40e0d0; padding:6px; margin-top:1px;border-top:1px solid #008080; }
.post1 { background-color: #40e0d0 }
.post2 { background-color: #40e0d0 }
.postlinksbar { background-color:#008080;padding:7px;margin-top:1px;font-size:10px; }
.row1 { background-color: #40e0d0 }
.row2 { background-color: #40e0d0 }
.row3 { background-color: #40e0d0 }
.row4 { background-color: #40e0d0 }
.darkrow1 { background-color: #40e0d0; color:#40e0d0; }
.darkrow2 { background-color: #40e0d0; color:#40e0d0; }
.darkrow3 { background-color: #40e0d0; color:#40e0d0; }
.hlight { background-color: #40e0d0 }
.dlight { background-color: #40e0d0 }
.titlemedium { font-weight:bold; color:#40e0d0; padding:7px; margin:0px; background-color: #008080 }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #f5deb3 }
.maintitle { vertical-align:middle;font-weight:bold; color:#40e0d0; letter-spacing:1px; padding:8px 0px 8px 5px; background-color: #008080 }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #f5deb3 }
.maintitle a:hover { color: #40e0d0; text-decoration: underline }
.plainborder { border:1px solid transparent;background-color:transparent }
.tableborder { border:1px solid #008080;background-color:#008080; padding:0px; margin:0px;width:100% }
.tablefill { border:1px solid #008080;background-color:#40e0d0;padding:6px;  }
.tablepad { background-color:#000000;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:#40e0d0 }
.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:#40e0d0;background-color: #40e0d0; border: 1px solid #008080; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Courier, Courier New, Verdana, Arial, font-size: 11px; color: #40e0d0; background-color: #40e0d0; border: 1px solid #008080; 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 #008080;border-bottom:1px solid #008080 }
.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 }
</STYLE><CENTER>Skin created by <B>Revo88</B>. Find more great skins at the <B><A HREF="http://forums.ifskinzone.net/index.php?act=idx" TARGET="_BLANK">IF Skin Zone</A></B>.</CENTER><STYLE TYPE="text/css">
Quote Post Goto Top
 
PWND!
What once was.
[ *  *  *  *  *  * ]
Well, the black and turquoise don't really go together that well, but you're adding in some variations of color, which is good. The next thing I suggest doing is adding some gradients in, which are just images created to fit your skin, they make a skin look much better. Also, the whit text you've used in some areas is pretty hard to read, you should change it too black or a dark turquoise.

Also, an easy way to mkae your board look better would be to add some 'Board Wrappers' to it, so it doesn't stretch across the screen. Just put this code in the 'Header / Body' part of your 'Board Wrappers' (in the Admin CP):
Quote:
 
<body bgcolor="#FFFFFF" style="margin: 0px;">

<table width="805" align="center"><tr><td>

<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
Offline Profile Quote Post Goto Top
 
Revo88
Unregistered

its my 1st lol ill learn :yes:
Quote Post Goto Top
 
aeryn
Member
[ *  * ]
Well...it's nice for a first skin but you should really use some gradients, it looks better.
Offline Profile Quote Post Goto Top
 
KingsIndian
Yay, it's my 3rd mini avatar!
[ *  *  *  *  * ]
It's pretty good for your first skin - I like the black and turquoise (although the light turquoise is too bright, and it makes the white text hard to read - use a darker shade to solve this). Of course, any skin can be improved with gradients, and the copyright border is still default (although obviously it's less noticeable on this skin than on, say an orange one).

6/10
Offline Profile Quote Post Goto Top
 
Ichi
Member Avatar
Member
[ *  * ]
Good choice of set colors:

1. SET: Blue & White
2. SET: Red & White
3. SET: Green, Blue & White
4. SET: Dark Gray & Light Gray
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Mixed · Next Topic »
Add Reply