|
WA{Vice}
|
|
Topic Started: Mar 28 2008, 02:13 PM (594 Views)
|
|
.tony
|
Mar 28 2008, 02:13 PM
Post #1
|
- Posts:
- 209
- Group:
- Members
- Member
- #332,543
- Joined:
- March 16, 2008
|
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"> </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 }
|
|
|
| |
|
NWW
|
Mar 28 2008, 02:21 PM
Post #2
|
- Posts:
- 44
- Group:
- Members
- Member
- #325,644
- Joined:
- February 9, 2008
|
WOW much?
|
|
|
| |
|
.tony
|
Mar 28 2008, 02:41 PM
Post #3
|
- Posts:
- 209
- Group:
- Members
- Member
- #332,543
- Joined:
- March 16, 2008
|
- NWW
- Mar 28 2008, 06:21 PM
WOW much?
Heh..thanks a lot
|
|
|
| |
|
.Spades
|
Mar 28 2008, 02:51 PM
Post #4
|
- Posts:
- 672
- Group:
- Members
- Member
- #288,978
- Joined:
- July 25, 2007
|
Try glossing the gradient ... and the 3-part doesn't look good at all...
|
|
|
| |
|
Ender.
|
Mar 28 2008, 03:07 PM
Post #5
|
- Posts:
- 1,557
- Group:
- Members
- Member
- #273,283
- Joined:
- May 20, 2007
|
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.
|
|
|
| |
|
.tony
|
Mar 28 2008, 03:12 PM
Post #6
|
- Posts:
- 209
- Group:
- Members
- Member
- #332,543
- Joined:
- March 16, 2008
|
- 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.
Thanks a lot for the feedback. I'll make sure to improve those things on my next skin.
|
|
|
| |
| 1 user reading this topic (1 Guest and 0 Anonymous)
|