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
Cafe Blues; I know, weird name.....
Topic Started: Dec 24 2005, 12:28 AM (752 Views)
Cams
Member
[ * ]
Name: Cafe Blues
Author: Cams
Skin Number: 1
Date Created: 12-22-05
Side Notes: I wanted to try and make something different, the colors used together are unique and not seen often - at least not in many skins I've seen. It looks okay, but I'm not completely proud with it.


Preview of the skin


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: 11px; color: #000; margin:0px 10px 0px 10px;background-color:#31416b }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #000000; }
a:link, a:visited, a:active { text-decoration: underline; color: #000000 }
a:hover { color: #8B8989; 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:#FFEFEF;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 #345487;background-color: #F5F9FD }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #F5F9FD; border:1px solid #345487;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #FFEFEF;padding:0px;margin:0px; }
#submenu   { border:1px solid #000000;background-color: #d6b28c;font-size:10px;margin:3px 0px 3px 0px;color:#3A4F6C;font-weight:bold;}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #3A4F6C; }
#userlinks { border:1px solid #000000; background-color:#d6b28c}

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

.activeuserstrip { background-color:#efd7ad; padding:3px }

.pformstrip { background-color: #d6b28c; color:#3A4F6C;font-weight:bold;padding:7px;margin-top:1px }
.pformleft  { background-color: #5a618c; padding:6px; margin-top:1px;width:25%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }
.pformleftw { background-color: #F5F9FD; padding:6px; margin-top:1px;width:40%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }
.pformright { background-color: #F5F9FD; padding:6px; margin-top:1px;border-top:1px solid #C2CFDF; }

.post1 { background-color: #FEF9F2}
.post2 { background-color: #FCF3E6}
.postlinksbar { background-color:#BC9D82;padding:7px;margin-top:1px;font-size:10px;}

.row1 { background-color: #DEBE94 }
.row2 { background-color: #DEBE94 }
.row3 { background-color: #EFD7AD }
.row4 { background-color: #EFD7AD}

.darkrow1 { background-color: #5a618c; color:#4C77B6; }
.darkrow2 { background-color: #5a618c; color:#3A4F6C; }
.darkrow3 { background-color: #debe94; color:#3A4F6C; }

.hlight { background-color: #DFE6EF }
.dlight { background-color: #EEF2F7 }

.titlemedium { font-weight:bold; color:#ffffff; padding:2px; margin:0px;background-color: #D6B28c }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #3A4F6C }

.maintitle {text-align:center;vertical-align:middle;font-weight:bold; color:#ffffff; letter-spacing:1px; padding:3px 0px 8px 5px;background-color: #CD919E;background-image:url(http://img485.imageshack.us/img485/134/image87fe.jpg)}
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #FFF }
.maintitle a:hover { text-decoration: underline }

.plainborder { border:1px solid #345487;background-color:#F5F9FD }
.tableborder { border:1px solid #345487;background-color:#FFF; padding:0px; margin:0px; width:100% }
.tablefill   { border:1px solid #345487;background-color:#F5F9FD;padding:6px;  }
.tablepad    { background-color:#F5F9FD;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: #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: #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 }


Board Wrappers:

Quote:
 
<CENTER><br>
<table border="1"bordercolor="ffffff" cellpadding="10" cellspacing="0" width="730">
<tr><td bgcolor="ffffff">
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>


Footers:
Quote:
 
</STYLE><CENTER>Skin created by <B>Cams</B>. Find more great skins at the <B><A HREF="http://forums.ifskinzone.net/index.php?act=idx" TARGET="_BLANK">IF Skin Zone</A></B>.</CENTER><STYLE TYPE="text/css">
Offline Profile Quote Post Goto Top
 
Shelly1993-ZNR
Member
[ * ]
WOW! diffrent, but cool:)
Offline Profile Quote Post Goto Top
 
Gangstarr71
Member Avatar
Movin On Up.
[ *  *  *  *  *  * ]
Its strange, but not in much of a bad way. The white border isn't really a good thing, and the mt doesnt flow with the rest of the skin, it feels kind of out there. In time, you will get better at skinning as well.
Offline Profile Quote Post Goto Top
 
dispatchBEN
Member Avatar
Member
[ * ]
The Maintitle doesn't really fit the rest of the skin. You also need some more gradients to go along with the skin. It's a bit plain too, but I'd suggest you use that MT on a darker blue skin. Overall it's a great first skin, keep it up. :wub:
Offline Profile Quote Post Goto Top
 
Mistress Kame
Member Avatar
Member
[ *  *  * ]
It has a nice nouveaux look to it. :) I love the colors.
Offline Profile Quote Post Goto Top
 
John
Member Avatar
Determined
[ *  *  *  *  *  *  *  * ]
This actually a nice skin with original colors, nice work for a first. Keep skinning and keep it up. ^_^
Offline Profile Quote Post Goto Top
 
angel202
Member Avatar
Member
[ *  * ]
hmmm... like what dispatchBen said, the maintitle really doesn't go with the entire skin, which throws off everything. But otherwise... good job.
Offline Profile Quote Post Goto Top
 
Illusion.
Member Avatar
Simplicity is the Key.
[ *  *  *  * ]
Its a little random if you ask me, but it the MT looks unique.
Offline Profile Quote Post Goto Top
 
Locke
Member Avatar
That one guy
I like the originality this skin has - the maintitle colors in combination with the titlemedium and rows are really quite unique. However, you've got some things to work on such as defaults and color coordination.

Just keeping working on it all. I think you could take this skin pretty far. :yes:
Offline Profile Quote Post Goto Top
 
BeAr_CAre
Member Avatar
Member
[ *  * ]
its ok
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Mixed · Next Topic »
Add Reply