|
Chocolate Chip (My First Skin); black/grey/brown
|
|
Topic Started: Sep 16 2007, 12:15 PM (843 Views)
|
|
zeldafreak008
|
Sep 16 2007, 12:15 PM
Post #1
|
- Posts:
- 82
- Group:
- Members
- Member
- #286,849
- Joined:
- July 16, 2007
|
Name: Chocolate Chip
Author: zeldafreak008
Skin Number: 1
Date Created: 9/16/07
Side Notes: My first skin created. I know it is kinda bad because I was not really sure how to work it all at first. I hope some of you like it and look forward to my next skin, which I may start on right now.
Preview of Chocolate Chip
CSS
- Code:
-
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: 10px; color: #736F6E; margin: 5px 5px 5px 5px; background-color:#000000; background-image: url(http://) } TABLE, TR, TD { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 10px; color: #736F6E; } a:link, a:visited, a:active { text-decoration: underline; color: #666362 } a:hover { color: #4C4646; text-decoration:underline }
fieldset.search { padding:6px; line-height:150% } label { cursor:pointer; }
img.attach { border:2px outset #EEF2F7;padding:2px }
#ipbwrapper { text-align:left; width:95%; margin-left:auto;margin-right:auto } #ipbwrapper img { vertical-align:middle; border: 0px }
.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:#736F6E;background-color:#2B1B17; background-image: url(http://);padding:4px;margin:0px } </style> <center>Skin Created By <b>zeldafreak008</b> of the <A href=http://www.ifskinzone.net/><b>IF Skin Zone</b></a></center> <style type="text/css"> .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 #302226;background-color: #2B1B17; background-image: url(http://) } #ucpmenu p { padding:2px 5px 6px 9px;margin:0px; } #ucpcontent { background-color: #2B1B17; background-image: url(http://); border:1px solid #302226;line-height:150%; width:auto } #ucpcontent p { padding:10px;margin:0px; }
#ipsbanner { position:absolute;top:1px;right:5%; } #logostrip { border:1px solid #302226;background-color: #2B1B17;background-image:url(http://);padding:0px;margin:0px; } /* Skin Created using the Premium CSS Generator at http://ifskinzone.net/main.php */ #submenu { border:1px solid #302226;background-color: #2B1B17; background-image: url(http://); font-size:10px;margin:3px 0px 3px 0px;color:#736F6E;font-weight:bold;} #submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: underline; color: #666362; } #userlinks { border:1px solid #302226; background-color: #2B1B17; background-image: url(http://) }
#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }
.activeuserstrip { background-color:#2B1B17; background-image: url(http://); padding:6px }
.pformstrip { background-color: #2B1B17; background-image: url(http://); color:#736F6E;font-weight:bold;padding:7px;margin-top:1px } .pformleft { background-color: #302226; background-image: url(http://); padding:6px; margin-top:1px;width:25%; border-top:1px solid #302226; border-right:1px solid #302226; } .pformleftw { background-color: #302226; background-image: url(http://); padding:6px; margin-top:1px;width:40%; border-top:1px solid #302226; border-right:1px solid #302226; } .pformright { background-color: #302226; background-image: url(http://); padding:6px; margin-top:1px;border-top:1px solid #302226; }
.post1 { background-color: #302226; background-image: url(http://) } .post2 { background-color: #302226; background-image: url(http://) } .postlinksbar { background-color:#2B1B17;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://) }
.row1 { background-color: #302226; background-image: url(http://) } .row2 { background-color: #302226; background-image: url(http://) } .row3 { background-color: #302226; background-image: url(http://) } .row4 { background-color: #302226; background-image: url(http://) }
.darkrow1 { background-color: #2B1B17; background-image: url(http://); color:#736F6E; } .darkrow2 { background-color: #2B1B17; background-image: url(http://); color:#736F6E; } .darkrow3 { background-color: #2B1B17; background-image: url(http://); color:#736F6E; }
.hlight { background-color: #302226; background-image: url(http://) } .dlight { background-color: #302226; background-image: url(http://) }
.titlemedium { font-weight:bold; color:#736F6E; padding:7px; margin:0px; background-color: #2B1B17; background-image: url(http://) } .titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #666362 }
.maintitle { vertical-align:middle;font-weight:bold; color:#2B1B17; letter-spacing:1px; padding:8px 0px 8px 5px; background-color: #2B1B17; background-image: url(http://) } .maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #666362 } .maintitle a:hover { text-decoration: underline }
.plainborder { border:1px solid transparent;background-color:transparent } .tableborder { border:1px solid #302226;background-color:#302226; padding:0px; margin:0px; width:100% } .tablefill { border:1px solid #302226;background-color:#302226; background-image: url(http://);padding:6px; } .tablepad { background-color:#302226; 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:#736F6E } .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: #736F6E; background-color: #657383; background-image: url(http://); border: 1px solid #302226; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px } #CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #736F6E; background-color: #657383; background-image: url(http://); border: 1px solid #302226; 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 #302226;border-bottom:1px solid #302226 }
.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 }
Board Wrappers
- Code:
-
<body text="#000000" link="#000000" vlink="#000000" alink="#000000" leftmargin="3" topmargin="3" marginwidth="3" marginheight="0"> <table width="770" border="1" align="center" cellpadding="3" cellspacing="0" bgcolor="#000000" height="377" bordercolor="#000000" bordercolordark="#000000" bordercolorlight="#000000"> <tr> <td width="100%" height="100%" bgcolor="#000000" bordercolor="#000000" bordercolorlight="#000000" bordercolordark="#000000"> </script> <% BOARD HEADER %> <% NAVIGATION %> <% BOARD %> <% STATS %>
|
|
|
| |
|
.Raiden
|
Sep 16 2007, 12:16 PM
Post #2
|
- Posts:
- 591
- Group:
- Members
- Member
- #293,133
- Joined:
- August 12, 2007
|
It's not bad for a first, but if you are going to go with no images, try more contrasting colors, even if they are all brown etc. Keep at it though.
|
|
|
| |
|
gumleaves44
|
Sep 16 2007, 01:22 PM
Post #3
|
- Posts:
- 19
- Group:
- Members
- Member
- #263,827
- Joined:
- April 9, 2007
|
i dont think it looks bad, i like the color combo, nice and calm and soothing feeling
|
|
|
| |
|
Skyvale
|
Sep 17 2007, 04:08 PM
Post #4
|
Thanks for the avatar, TTO!
- Posts:
- 11,387
- Group:
- Members
- Member
- #126,319
- Joined:
- November 29, 2005
- Latest Design
- Ooooh, an extra profile field! Awesome!
|
- .Raiden
- Sep 16 2007, 12:16 PM
It's not bad for a first, but if you are going to go with no images, try more contrasting colors, even if they are all brown etc. Keep at it though.
I agree with .Raiden. The colors you have chosen are soft and easy on the eyes, but I'm sure you can throw in another color that goes with it. Here are my suggestions.
Adding gradients Now that you seem to have the hang of what places to what, I suggest that you add some gradients. The portal The portal of the board looks much nicer when skinned. Nicola has a doc on how to skin the portal. You can read it here. http://forums.ifskinzone.net/index.php?showtopic=164405 The search page The search page can be changed. You can read Stephen's doc on how to do that here. http://forums.ifskinzone.net/index.php?showtopic=161289
|
|
|
| |
|
W3s
|
Sep 19 2007, 03:08 PM
Post #5
|
- Posts:
- 50
- Group:
- Members
- Member
- #298,646
- Joined:
- September 13, 2007
|
7/10 not bad
|
|
|
| |
| 1 user reading this topic (1 Guest and 0 Anonymous)
|