|
Navation
|
|
Topic Started: Sep 23 2008, 06:22 PM (675 Views)
|
|
Deleted User
|
Sep 23 2008, 06:22 PM
Post #1
|
|
Deleted User
|
First off I would like to say I think its my best yet
Skin Name: Navation DateCreated: Today Clicky Created by: Me
Skin Number:5
Board Wrapper
- Code:
-
<% BOARD HEADER %> <% NAVIGATION %> <% BOARD %> <center><div id="copyright"><i>Navation</i> was designed by <B>Goldenrole</B> Find more skins at<a href="http://s2.zetaboards.com/ifskinzone">ZBTZ</a> </center></div></div></span>
CSS
- Code:
-
html { overflow-x: hidden; overflow-y: auto; }
form { display:inline; } img { vertical-align:middle; border:0px }
BODY {Verdana; font-size: 11px; color: #000; margin:0px 10px 0px 10px;background-image: url(http://img90.imageshack.us/img90/8240/alnilamcamouflage2jx9.png) } TABLE, TR, TD { font-family: Verdana; font-size: 11px; color:#009966; } a:link, a:visited, a:active { text-decoration: underline; color:#FFFFFF } a:hover { color:#FFFFFF; text-decoration:underline }
fieldset.search { padding:6px; line-height:150% } label { cursor:pointer; }
img.attach { border:2px outset 4444;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:#003333; } .googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#003333; } .googlepagelinks { font-size:1.1em; letter-spacing:1px } .googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#003333 }
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:#003333;padding:4px;margin:0px }
.warngood { color:#009966 } .warnbad { color:#43325 }
#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 #345487;background-color:3333} #ucpmenu p { padding:2px 5px 6px 9px;margin:0px; } #ucpcontent { background-color: 3333; border:1px solid 4444;line-height:150%; width:auto } #ucpcontent p { padding:10px;margin:0px; }
#ipsbanner { position:absolute;top:1px;right:5%; }
border-left: 1px solid #color; border-top: 1px solid #color#555; border-bottom: 1px solid #color; border-right: 1px solid #color#555 ;
#logostrip { border:1px solid #003300;background- color:#003300;background-image:url(http://i1.ifrm.com/style_images/1/tile_back.gif);padding:0px;margin:0px; }
#submenu img { display: none; }
.boardtable { background-color: #006633;border:1px solid #006633; }
#submenu { border:1px solid #003300;background-color: #003300;font-size:10px;margin:3px 0px 3px 0px;color:#006633;font-weight:bold;} #submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: 5555; }
#userlinks { border:1px solid #003300; background-color: #003300 }
#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }
.activeuserstrip { background-color:#003333; padding:6px }
.pformstrip { background-color: #003300; color:0000;font-weight:bold;padding:7px;margin-top:1px } .pformleft { background-color: #003300; padding:6px; margin-top:1px;width:25%; border-top:1px solid ; border-right:1px solid #006633; } .pformleftw { background-color:#003300; padding:6px; margin-top:1px;width:40%; border-top:1px solid #003300; border-right:1px solid #003300; } .pformright { background-color:#003300; padding:6px; margin-top:1px;border-top:1px solid #003300; }
.post1 { background-color: #003300 } .post2 { background-color:#003300 } .postlinksbar { background-color:#003300;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://i1.ifrm.com/style_images/1/tile_sub.gif) }
.row1 { background-color:#003300 } .row2 { background-color:#003300 } .row3 { background-color:#003300 } .row4 { background-color:#003300 }
.darkrow1 { background-color:#003300; color:#003333; } .darkrow2 { background-color:#003300; color:#003333; } .darkrow3 { background-color:#003300; color:#003333; }
.hlight { background-color: #003300 } .dlight { background-color:#003300 }
.titlemedium { font-weight:bold; color:#006633; padding:7px; margin:0px; background-color: #003300 } .titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #3A4F6C }
.maintitle { vertical-align:middle;font-weight:bold; color:#006633; letter-spacing:1px; padding:8px 0px 8px 5px; background-image: url(http://img186.imageshack.us/img186/3928/p54145fi4.gif)} .maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #FFF } .maintitle a:hover { text-decoration: underline }
.plainborder { border:1px solid 3337;background-color:2222 } .tableborder { border:1px solid 2222;background-color:2222; padding:0px; margin:0px; width:100% } .tablefill { border:1px solid #222;background-color:#2234;padding:6px; } .tablepad { background-color:0000;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:#32131 } .edit { font-size: 9px }
.signature { font-size: 10px; color: #2344 } .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: #465584; background-color: #FAFCFE; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px } #CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000; 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 #FFF;border-bottom:1px solid #FFF }
.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 }
|
|
|
| |
|
Jenny
|
Sep 23 2008, 06:41 PM
Post #2
|
- Posts:
- 5,779
- Group:
- Members
- Member
- #307,791
- Joined:
- November 4, 2007
|
You might want to add a preview.
|
|
|
| |
|
monday100
|
Sep 23 2008, 07:41 PM
Post #3
|
- Posts:
- 226
- Group:
- Members
- Member
- #307,568
- Joined:
- November 3, 2007
|
Yeah, lol.
|
|
|
| |
|
Deleted User
|
Sep 23 2008, 08:22 PM
Post #4
|
|
Deleted User
|
Its there now
|
|
|
| |
|
Psychosocial
|
Sep 23 2008, 08:29 PM
Post #5
|
- Posts:
- 2,430
- Group:
- Members
- Member
- #288,992
- Joined:
- July 25, 2007
|
Use gradients. They're your best friend.
|
|
|
| |
|
Nivexonix
|
Sep 24 2008, 05:39 PM
Post #6
|
- Posts:
- 7,634
- Group:
- Members
- Member
- #143,495
- Joined:
- January 31, 2006
- I'm Browsing With
- Chrome
|
Work a little bit more on text contrast. It's good that you've used various image, and I can imagine you are still practicing, but some small things can make a big difference. Since you've chosen a dark color, having a light color (I think you used pure white for the maintitle) would look good for all the text. It would make it easy to read, which is ultimately what you want to happen. I would try not to use Times New Roman in your skins because it's a less common font for many forums and thus it isn't as appealing unless the style of the skin is based around that style. Go with a simple font set throughout the entire skin and it'll make it a bit more clear. Very nice job on the skin, for your fifth, and I hope you keep practicing. 
EDIT: Typo
|
|
|
| |
|
MisaTange
|
Sep 24 2008, 08:12 PM
Post #7
|
- Posts:
- 514
- Group:
- Members
- Member
- #297,548
- Joined:
- September 5, 2007
- I'm Browsing With
- Chrome
|
Some of the text are barely visible. Use gradients.
|
|
|
| |
| 1 user reading this topic (1 Guest and 0 Anonymous)
|