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
WA{Vice}
Topic Started: Mar 28 2008, 02:13 PM (594 Views)
.tony
Member Avatar
Member
[ *  *  * ]
Name: WA{Vice}
Author: tony
Skin Number: 7 or 8.
Date Created: Couple weeks or days ago??
Side Notes:

Preview of the Skin


Header & Body:

Quote:
 

<center><body bgcolor="#EBEBEB" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000">

<table cellpadding="9"
cellspacing="0"
bgcolor="#CECFCF"
valign="top"
height="100%"
width="742">


<!--Border Left-->

<tr>
<td valign="top"
height="100%"
halign="right"
width="2"
background="http://i208.photobucket.com/albums/bb76/tton92/00002.png" 
style="padding: 12px;
border: 0px;">
</td>
<td height="100%" valign="top">

<center>
<img src="BANNER LINK HERE
">

<div class="submenu">
<a href="FORUM LINK HERE">Index</a>
<a href="HELP LINK HERE">Help</a>
<a href="SEARCH LINK HERE" >Search</a> 
<a href="MEMBERS LINK HERE">Members</a> 
<a href="CALENDER LINK HERE">Calender</a> 
</div>
</center>

<% BOARD HEADER %>
<b><center><a href="http://www.freewebs.com/tgawards/">Web Awards Website.</a></center></b>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>
Skin made by <b>tony</b> of the <a href="http://forums.ifskinzone.net/index.php?">IFSZ</a>.


Footer:

Quote:
 
<!--Border Right-->
</td>
<td valign="top"
height="100%"
halign="left"
width="2"
background="http://i208.photobucket.com/albums/bb76/tton92/000021.png" style="padding: 12px"
border: 0px;
background-position: left">
<script language="javascript" type="text/javascript">
<!--
// 5-part maintitle
// Find more great skinners' scripts at http://aasforums.com

d = document.getElementsByTagName("DIV")
for (n = 1; n<d.length; n++) {
if (d[n].className == "maintitle") {
mtcontent = d[n].innerHTML
d[n].innerHTML = '<div class="mtrepeat"><div class="mtleft"><div class="mtright"><span class="mttext">' + mtcontent + '</span><span class="mtjoin">&nbsp;</span></div></div></div>'
d[n].style.textAlign = "left"
} }
//-->
</script>


CSS:

Quote:
 
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; color: #000; margin:0px 10px 0px 10px;background-color:#B1B4B3 }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #A9571C; }
a:link, a:visited, a:active { text-decoration: none; color: #A9571C }
a:hover { color: #D89A61; text-decoration: none }

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:#777;background-color:#B1B4B3;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 #878787;background-color: #DCDCDE }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #DCDCDE; border:1px solid #878787;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { display:none; }
#logostrip { display:none; }
#submenu  { display:none;}
#userlinks { border:1px solid #B7B7B7; background-color: # F0F5FA;background-image: url(http://i184.photobucket.com/albums/x312/ttmac92/tit2.png);}


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

.activeuserstrip { background-color:#EBEBEB; padding:6px }

.pformstrip { background-color: #EBEBEB; background-image: url(http://i184.photobucket.com/albums/x312/ttmac92/tit2.png); color:#A9571C;font-weight:bold;padding:7px;margin-top:1px }
.pformleft  { background-color: #EBEBEB; padding:6px; margin-top:1px;width:25%; border-top:1px solid #C0C0C0; border-right:1px solid #C0C0C0; }
.pformleftw { background-color: #EBEBEB; padding:6px; margin-top:1px;width:40%; border-top:1px solid #C2CFDF; border-right:1px solid #C0C0C0; }
.pformright { background-color: #EBEBEB; padding:6px; margin-top:1px;border-top:1px solid #C0C0C0; }

.post1 { background-color: #EBEBEB }
.post2 { background-color: #EBEBEB }
.postlinksbar { background-color:#EBEBEB;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://i184.photobucket.com/albums/x312/ttmac92/tit2.png) }

.row1 { background-color: #DCDCDE }
.row2 { background-color: #DCDCDE }
.row3 { background-color: #DCDCDE }
.row4 { background-color: #DCDCDE }

.darkrow1 { background-color: #EBEBEB; color:#EBEBEB; }
.darkrow2 { display:none; }
.darkrow3 { background-color: #EBEBEB; color:#EBEBEB; }
td.darkrow3 div.darkrow3 { padding: 2px 0px; }
div.darkrow3 a { padding: 1px 4px 1px 4px;margin-right:-1px;border: 1px solid #878787;background: #250f0f url(http://i208.photobucket.com/albums/bb76/tton92/darkrow3.png) repeat-x; }
div.darkrow3 a:hover { text-decoration:none;background: #6d3600 url(http://i208.photobucket.com/albums/bb76/tton92/dro3.png) repeat-x;color:#110707; }


.hlight { background-color: #EBEBEB }
.dlight { background-color: #EBEBEB }

.titlemedium { font-weight:bold; color:#A9571C; padding:7px; margin:0px; background-image: url(http://i184.photobucket.com/albums/x312/ttmac92/tit2.png) }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #971300 }

div.maintitle b { font-weight:normal;font-size:12px; }
div.maintitle div { text-align:left; }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #a25406;margin-left: -4px; }
.maintitle a:hover { color: #a25406; text-decoration: none; }
.maintitle img { display:none; }
.maintitle { font-weight:normal;color:#a25406;text-align:left;font-size:12px;padding: 0px; margin: 0px!important;  }
.mtleft { background: no-repeat top left url(http://i208.photobucket.com/albums/bb76/tton92/lereal.png); }
.mttext { background: repeat-x top url(http://i208.photobucket.com/albums/bb76/tton92/tare.png); margin-left: 36px; }
.mtjoin { background: no-repeat top left url(http://i208.photobucket.com/albums/bb76/tton92/dd1.png); padding-right: 86px!important; }
.mtrepeat { background: repeat-x top url(http://i208.photobucket.com/albums/bb76/tton92/peeet.png); }
.mtright { background: no-repeat top right url(http://i208.photobucket.com/albums/bb76/tton92/peeet.png); height: 25px; }
.mttext, .mtjoin { padding: 7px 9px 6px 10px; position: relative; top: 7px; }
html>body #ucpmenu .mttext, html>body #ucpmenu .mtjoin, html>body #ucpcontent .mttext, html>body #ucpcontent .mtjoin { top: 6px; }
#ucpmenu .mttext, #ucpmenu .mtjoin, #ucpcontent .mttext, #ucpcontent .mtjoin { top: 5px; }
.maintitle .mttext div { display: inline; }

.plainborder { border:1px solid #C0C0C0;background-color:#CECFCF }
.tableborder { border:1px solid #878787;background-color:#CECFCF; padding:0px; margin:0px; width:100% }
.tablefill  { border:1px solid #DCDCDE;background-color:#CECFCF;padding:6px;  }
.tablepad    { background-color:#DCDCDE;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:#434951 }
.edit { font-size: 9px }

.signature  { font-size: 10px; color: #EBEBEB }
.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:#EBEBEB }

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #B7B7B7; background-color: #EBEBEB; border: 1px solid #a25406; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE  { font-family: Courier, Courier New, Verdana, Arial;  font-size: 11px; color: #B7B7B7; background-color: #EBEBEB; border: 1px solid #a25406; 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 #B7B7B7;border-bottom:1px solid #B7B7B7;border-left:1px solid #B7B7B7;border-right:1px solid #B7B7B7;background-color:#CECFCF }

li.helprow { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #B7B7B7;border-bottom:1px solid #B7B7B7;border-left:1px solid #B7B7B7;border-right:1px solid #B7B7B7;background-color:#CECFCF }

.signature { font-weight:bold; color:#000; padding:7px; margin:0px; padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #B7B7B7;border-bottom:1px solid #B7B7B7;border-left:1px solid #B7B7B7;border-right:1px solid #B7B7B7;background-color:#DDDDDD }

.normalname { padding:1px 0px 4px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #B7B7B7;border-bottom:1px solid #B7B7B7;border-left:1px solid #B7B7B7;border-right:1px solid #B7B7B7;background:url(http://i208.photobucket.com/albums/bb76/tton92/darkrow3.png) }

.plainborder .maintitle {vertical-align:middle;font-weight:bold; color:#CECFCF; letter-spacing:0px; padding:6px 0px 6px 0px; background-image: url(http://i208.photobucket.com/albums/bb76/tton92/leftmain.png); text-align: center }

.forminput { border-top:1px solid #B7B7B7;border-bottom:1px solid #B7B7B7;border-left:1px solid #B7B7B7;border-right:1px solid #B7B7B7;background-color:#CECFCF }

.textinput { font-weight:bold; color:#000; padding:7px; margin:0px; padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #B7B7B7;border-bottom:1px solid #B7B7B7;border-left:1px solid #B7B7B7;border-right:1px solid #B7B7B7;background-color:#CECFCF }

.submenu { background-color: #CECFCF center no-repeat;padding:5px;}
.submenu a { margin: 0px 5px 0px 5px; }
td.submenu div.submenu { padding: 2px 0px; }
div.submenu a { padding: 1px 4px 1px 4px;margin-right:-1px;border: 1px solid #878787;background: #250f0f url(http://i208.photobucket.com/albums/bb76/tton92/darkrow3.png) repeat-x; }
div.submenu a:hover { text-decoration:none;background: #6d3600 url(http://i208.photobucket.com/albums/bb76/tton92/dro3.png) repeat-x;color:#110707; }

.wrapmini { border-top:1px solid #B7B7B7;border-bottom:1px solid #B7B7B7;border-left:1px solid #B7B7B7;border-right:1px solid #B7B7B7;background-color:#CECFCF }

.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
 
NWW
Member
[ * ]
WOW much?
Offline Profile Quote Post Goto Top
 
.tony
Member Avatar
Member
[ *  *  * ]
NWW
Mar 28 2008, 06:21 PM
WOW much?

Heh..thanks a lot :D
Offline Profile Quote Post Goto Top
 
.Spades
Member Avatar
Getting Better
[ *  *  *  * ]
Try glossing the gradient ... and the 3-part doesn't look good at all...
Offline Profile Quote Post Goto Top
 
Ender.
Member Avatar
Member
[ *  *  *  *  * ]
You might want to change the submenu links to the link of your board.

Also, I don't expect you to change it now, but I think the maintitle would look better if you used a gray gradient in the text area and made the text color a dark gray. Right now the text area doesn't really "go" with he rest of the skin. As the shades of red are too many and aren't anywhere else in the skin.

And on the .thin area (where it shows the active users) I would change the padding some. The padding code is probably formatted something like this right? "padding: 4px 0px 4px 0px;" Well I'm not sure if you know, but I'm pretty sure the first one is top, second is left, third is bottom, and last is right. That being said, I'd put less on top and bottom padding and/or put something more than 0 on left and right. For example, maybe just put 2px on all of them.

Oh and my last suggestion is that you change the link hover color to something darker than the normal link color, rather than lighter.

Despite all that though, the skin is still good. Keep trying and don't be afraid to try "different" stuff. :yes:
Offline Profile Quote Post Goto Top
 
.tony
Member Avatar
Member
[ *  *  * ]
Ender.
Mar 28 2008, 07:07 PM
You might want to change the submenu links to the link of your board.

Also, I don't expect you to change it now, but I think the maintitle would look better if you used a gray gradient in the text area and made the text color a dark gray. Right now the text area doesn't really "go" with he rest of the skin. As the shades of red are too many and aren't anywhere else in the skin.

And on the .thin area (where it shows the active users) I would change the padding some. The padding code is probably formatted something like this right? "padding: 4px 0px 4px 0px;" Well I'm not sure if you know, but I'm pretty sure the first one is top, second is left, third is bottom, and last is right. That being said, I'd put less on top and bottom padding and/or put something more than 0 on left and right. For example, maybe just put 2px on all of them.

Oh and my last suggestion is that you change the link hover color to something darker than the normal link color, rather than lighter.

Despite all that though, the skin is still good. Keep trying and don't be afraid to try "different" stuff. :yes:

Thanks a lot for the feedback. I'll make sure to improve those things on my next skin. :lol:
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Light · Next Topic »
Add Reply