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
Chocolate Chip (My First Skin); black/grey/brown
Topic Started: Sep 16 2007, 12:15 PM (843 Views)
zeldafreak008
Member Avatar
Member
[ *  * ]
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 %>
Offline Profile Quote Post Goto Top
 
.Raiden
Member Avatar
Member
[ *  *  *  * ]
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. :)
Offline Profile Quote Post Goto Top
 
gumleaves44
Member
[ * ]
i dont think it looks bad, i like the color combo, nice and calm and soothing feeling
Offline Profile Quote Post Goto Top
 
Skyvale
Member Avatar
Thanks for the avatar, TTO!
[ *  *  *  *  *  *  *  * ]
.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
Offline Profile Quote Post Goto Top
 
W3s
Member Avatar
Member
[ *  * ]
7/10 not bad
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Dark · Next Topic »
Add Reply