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
Cabin Fever; Third Skin
Topic Started: Dec 23 2005, 11:46 PM (822 Views)
metroid2005
Member Avatar
Member
[ *  * ]
Name: Cabin Fever
Author: Metroid2005
Skin Number: Three
Date Created: Friday, December 23, 2005
Side Notes: Well, it's okay, but it's better then my first two. And boy were those ugly :P I made this awhile ago, but I just barly decide to post it.


Preview


CSS of skin:
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: 10px; color: #bdb76b; margin: 10px 10px 10px 10px; background-color:#8b4513; background-image: url(http://) }
TABLE, TR, TD { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 10px; color: #bdb76b; }
a:link, a:visited, a:active { text-decoration: underline; color: #bdb76b }
a:hover { color: #a9a9a9; text-decoration:none }

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:#bdb76b;background-color:#a0522d; background-image: url(http://);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 #a52a2a;background-color: #a0522d; background-image: url(http://) }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #a0522d; background-image: url(http://); border:1px solid #a52a2a;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #a52a2a;background-color: #a0522d;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 #a52a2a;background-color: #a0522d; background-image: url(http://); font-size:10px;margin:3px 0px 3px 0px;color:#bdb76b;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #bdb76b; }
#userlinks { border:1px solid #a52a2a; background-color: #a0522d; background-image: url(http://) }

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

.activeuserstrip { background-color:#8b4513; background-image: url(http://); padding:6px }

.pformstrip { background-color: #8b4513; background-image: url(http://); color:#bdb76b;font-weight:bold;padding:7px;margin-top:1px }
.pformleft { background-color: #d2691e; background-image: url(http://); padding:6px; margin-top:1px;width:25%; border-top:1px solid #a52a2a; border-right:1px solid #a52a2a; }
.pformleftw { background-color: #d2691e; background-image: url(http://); padding:6px; margin-top:1px;width:40%; border-top:1px solid #a52a2a; border-right:1px solid #a52a2a; }
.pformright { background-color: #d2691e; background-image: url(http://); padding:6px; margin-top:1px;border-top:1px solid #a52a2a; }

.post1 { background-color: #d2691e; background-image: url(http://) }
.post2 { background-color: #8b4513; background-image: url(http://) }
.postlinksbar { background-color:#8b4513;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://) }

.row1 { background-color: #d2691e; background-image: url(http://img.photobucket.com/albums/v463/metroid2005/postbar.png) }
.row2 { background-color: #d2691e; background-image: url(http://img.photobucket.com/albums/v463/metroid2005/postbar.png) }
.row3 { background-color: #d2691e; background-image: url(http://img.photobucket.com/albums/v463/metroid2005/postbar.png) }
.row4 { background-color: #d2691e; background-image: url(http://img.photobucket.com/albums/v463/metroid2005/postbar.png) }

.darkrow1 { background-color: #8b4513; background-image: url(http://); color:#bdb76b; }
.darkrow2 { background-color: #d2691e; background-image: url(http://img.photobucket.com/albums/v463/metroid2005/top_bar.png); color:#bdb76b; }
.darkrow3 { background-color: #d2691e; background-image: url(http://img.photobucket.com/albums/v463/metroid2005/top_bar.png); color:#bdb76b; }

.hlight { background-color: #d2691e; background-image: url(http://) }
.dlight { background-color: #8b4513; background-image: url(http://) }

.titlemedium { font-weight:bold; color:#bdb76b; padding:7px; margin:0px; background-color: #8b4513; background-image: url(http://) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #bdb76b }

.maintitle { vertical-align:middle;font-weight:bold; color:#8b4513; letter-spacing:1px; padding:8px 0px 8px 5px; background-color: #8b4513; background-image: url(http://) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #bdb76b }
.maintitle a:hover { text-decoration: none }

.plainborder { border:1px solid transparent;background-color:transparent }
.tableborder { border:1px solid #a52a2a;background-color:#a52a2a; padding:0px; margin:0px; width:100% }
.tablefill { border:1px solid #a52a2a;background-color:#d2691e; background-image: url(http://);padding:6px; }
.tablepad { background-color:#d2691e; 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:#bdb76b }
.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: #bdb76b; background-color: #8b4513; background-image: url(http://); border: 1px solid #a52a2a; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #bdb76b; background-color: #8b4513; background-image: url(http://); border: 1px solid #a52a2a; 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 #a52a2a;border-bottom:1px solid #a52a2a }

.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 }


Comments and Compliments appreciated.
Offline Profile Quote Post Goto Top
 
Smkiller
Member Avatar
*steals member title*
[ *  *  *  *  *  * ]
could be better...
Offline Profile Quote Post Goto Top
 
angel202
Member Avatar
Member
[ *  * ]
O_o :no: it could be a lot better.
Offline Profile Quote Post Goto Top
 
Shelly1993-ZNR
Member
[ * ]
I agree, hurts the eyes a bit :(
Offline Profile Quote Post Goto Top
 
Apostilas
Unregistered

Center it and change the purple and you have a purdy skin, And Merry Christmas. ^_^
Quote Post Goto Top
 
Gangstarr71
Member Avatar
Movin On Up.
[ *  *  *  *  *  * ]
Well for one, you used gradients in the rows, which is kind of hard for a third skin, especially since you didnt use gradients in the MT and ST and DROW2. Try not to make the broder color too different from the rest of the skin as well.

Try not to use the Skin Generator, I am not saying its bad, its just a lot more customizable to code it by hand. You can do so much more, like add an effect that feels 3D kind of.

Also, try adding a wrapper on your fourth skin. Change the board width in it to around 750. It helps with the look a lot.

Its alright for a third I guess, but you can really improve on this one. Nice try man, you'll improve as you go. Have fun while skinning!
Offline Profile Quote Post Goto Top
 
dispatchBEN
Member Avatar
Member
[ * ]
The first thing that comes to my mind is the board is a bit wide. I suggest making the board about 760px wide. The colors clash, the purple/brown don't really go good together.
Also there should be gradients in the maintitle and .titlemedium. It's okay for a 3rd skin, keep trying.
Offline Profile Quote Post Goto Top
 
Illusion.
Member Avatar
Simplicity is the Key.
[ *  *  *  * ]
The MT needs a gradient, and its a little wide. Good try though.
Offline Profile Quote Post Goto Top
 
Drew
&TIME.
[ *  *  *  *  *  *  *  *  * ]
Make Gradients for your maintitle and titlemedium. I dont like the colors....
Offline Profile Quote Post Goto Top
 
BeAr_CAre
Member Avatar
Member
[ *  * ]
i think brown is ugly but that cute
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Dark · Next Topic »
Add Reply