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
Maroon-ish abyss.
Topic Started: Apr 26 2007, 05:45 PM (736 Views)
DHT
Member Avatar
Member
[ * ]
:angel:

Name: Maroon-ish abyss.
Author: DHT.
Skin Number: 1.
Date Created: March 3rd, 2007.
Side Notes: It's a little on the dark side, but a little easy to read.


Preview of the skin


CSS of skin:

Header:

Quote:
 
<body bgcolor="#855354" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000">
<table align="center"  cellpadding="0" cellspacing="0" bgcolor="855354">
<tr><td background="http://img.photobucket.com/albums/v29/animeundead/smiles/_0098.png"><img src="http://img.photobucket.com/albums/v29/animeundead/smiles/_0098.png"></td>
<td width="750">
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>


Footer:
Quote:
 
</td><td background="http://img.photobucket.com/albums/v29/animeundead/smiles/_0098.png"><img src="http://img.photobucket.com/albums/v29/animeundead/smiles/_0098.png"></td></tr></table>


Main CSS:
Quote:
 
</STYLE><CENTER>Skin created by <B>DHT</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">

html { overflow-x: hidden; overflow-y: auto; }

form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma; Arial; font-size: 9px; color: #f4e5e6; margin: 0px 0px 0px 0px; background-color:#574345; background-repeat: repeat-x; background-position: top center;  }
TABLE, TR, TD { font-family: Verdana, Tahoma; Arial; font-size: 9px; color: #e1d3c1; }
a:link, a:visited, a:active { text-decoration: none; color: #ec8789}
a:hover { color: #f64b4f; text-decoration:underline }

fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }

img.attach { border:2px outset #855354 ;padding:2px }

#ipbwrapper { text-align:left; width:500px; 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: #000000; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#a17aa6; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#a17aa6}

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:#efc9cc}
.caldate { text-align:right;font-weight:bold;font-size:11px;color:#efc9cc;background-color:#bb9091; 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 dotted #ffffff }
#photoimg { text-align:center; margin-top:15px }

#ucpmenu { line-height:150%;width:22%; border:1px dotted #ffffff;background-color: transparent;  }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: transparent;  border:1px dotted #ffffff;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip {  border:0px solid #ffffff;background-color: transparent;padding:0px;margin:0px;align: center; }
#submenu { border:1px solid #ffffff;background-color: #855354; background-image: url(); font-size:10px;margin:3px 0px 3px 0px;color:#855354;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; }
#submenu img{display:none}
#userlinks { border: 1px dotted #ffffff;background-image: url(); background-repeat: no-repeat; }

#navstrip { font-weight:bold;padding:3px 3px 3px 3px; background-color: transparent; background-repeat: repeat-x; background-position: top center; color:#000000; border: 1px dotted #ffffff;  }

.activeuserstrip { background-color:transparent; background-image: url(); padding:6px }

.pformstrip { background-color: transparent; background-image: url; background-repeat: repeat-x; background-position: top center; color:#ffe4e5;font-weight:bold;padding:4px;margin-top:1px;  }
.pformleft { background-color: transparent;  padding:6px; margin-top:1px;width:25%; border-top:1px dotted #ffffff; border-right:1px dotted #ffffff; }
.pformleftw { background-color: #574345;  padding:6px; margin-top:1px;width:40%; border-top:1px dotted #ffffff; border-right:1px dotted #ffffff; }
.pformright { background-color: #574345;  padding:6px; margin-top:1px;border-top:1px dotted #ffffff; }

.post1 { background-color: #825253;  }
.post2 { background-color: #825253;  }
.postlinksbar { background-color:#815f61;padding:7px;margin-top:1px;font-size:10px; }

.row1 { background-color: #695153;  }
.row2{ background-color: #695153;  }
.row3 { background-color: #695153; }
.row4 { background-color: #695153;  }

.darkrow1 { background-color: #7f6265;  color:#000000; }
.darkrow2 { background-color: #7f6265; background-image: url(); color: #000000}
.darkrow3 { background-color: #7f6265;  color:#000000; padding: 0px; }
.darkrow3  a:link, .darkrow3  a:visited, .darkrow3  a:active { font-weight:bold;font-size:10px;text-decoration: none;padding:0px; color:000000;  }
.darkrow3 a:hover{ color:#000000; }

.hlight { background-color: #f1f1f1;  }
.dlight { background-color: #f1f1f1;  }

.titlemedium { font-weight:bold; color:#ffffff; padding:4px; margin:0px; background-color: #7f6265; background-image: url(); background-repeat: repeat-x; background-position: top center;  }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #ffffff}

.maintitle { text-align:left; vertical-align:middle;font-weight:bold; color:#eab9ba; letter-spacing:1px; padding:9px 0px 9px 5px; background-color: #7f6265; background-image: url(http://img.photobucket.com/albums/v29/animeundead/smiles/springDragon.png); background-position:center center; background-repeat: repeat-none;}
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #eab9ba}
.maintitle a:hover { text-decoration: none }

.plainborder { border:1px dotted #ffffff;background-color:transparent }
.tableborder { background-color:#574345; padding:0px; margin:0px; width:100% }
.tablefill { border:1px dotted #ffffff;background-color:#574345; padding:6px; }
.tablepad { background-color:#7f6265; 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:#f1d7d8; background-color: #695153;  }
.edit { font-size: 9px }

.signature { font-size: 10px; color: #000000 }
.postdetails { font-size: 10px }
.postcolor { font-size: 10px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #000000}
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #000000}

.searchlite { font-weight:bold; color:#000000; background-color:#574345}

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #ffffff; background-color: #845256;; border: 1px dotted #000000; background-repeat: repeat-x;  padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; border-left: 8px solid #000000; }
#CODE { font-family: Verdana, Arial; font-size: 11px; color: #ffffff;  background-color: #845256; border: 1px dotted #000000; background-repeat: repeat-x; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; border-left: 8px solid #000000;  }

.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;  color: #f8e3e3; background-color: #9d7f81; background-image: url(); border: 1px dotted #ffffff; }
.radiobutton, .checkbox, .forminput, .textinput  { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle;  color: #000000; background-color: #774142; background-image: url(); border: 1px dotted #ffffff; background-repeat: repeat-x; }

div.tableborder div.tablepad { background-color: ffffff!important;color: #f1f1f1;  }
div.tableborder div.tablepad  table { background-color: ffffff!important; color: #f1f1f1;  }
div.tableborder div.tablepad input { background-color: ffffff!important;  color: #f1f1f1; border: 1px solid #f1f1f1; border: 1px solid #f1f1f1; background-repeat: repeat-x;}

.thin { padding:3px 3px 3px 3px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #f1f1f1; border-left:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1;border-right:1px solid #f1f1f1; }

.purple { color:#6e4d4e;font-weight:bold }
.red { color:#6e4d4e;font-weight:bold }
.green { color:#6e4d4e;font-weight:bold }
.blue { color:#6e4d4e;font-weight:bold }
.orange { color:#6e4d4e;font-weight:bold }


_________________________________

Buttons will most likely be added later on.
Offline Profile Quote Post Goto Top
 
sacui
Member Avatar
Member
[ * ]
I do not like that dashed line stuff or the color.
Offline Profile Quote Post Goto Top
 
DHT
Member Avatar
Member
[ * ]
sacui
Apr 26 2007, 04:08 PM
I do not like that dashed line stuff or the color.

Entitled to your own opinion.
Offline Profile Quote Post Goto Top
 
.Person
Member Avatar
iPBFS Public Relations
[ *  *  *  * ]
Hay. I really like that. What is the code your use to give borders that dotted look?
Offline Profile Quote Post Goto Top
 
Parrappa
Member Avatar
so gangstuh
[ *  *  *  *  * ]
MLL
Apr 27 2007, 12:02 AM
Hay. I really like that. What is the code your use to give borders that dotted look?

border: 1px dotted

I think that is it. Anyways, nice skin, good use of colors. Would be complete if there was a better maintitle. Also, it looks very flat. But has potential. Keep it up! B)
Offline Profile Quote Post Goto Top
 
.Person
Member Avatar
iPBFS Public Relations
[ *  *  *  * ]
Yeah, very good. I'd use if for EP. But I have my eyes on something else.
Offline Profile Quote Post Goto Top
 
InJust92
Member Avatar
Member
[ *  *  * ]
for the dashed border border: 1px dashed, and dotted for dotted, theres a mix.

Now for the skin, images are kinda on the simple side but thats understandable since its your first. You've got real potential, skin some of the defaults, skin the search page and portal page(looks somewhat skinned but not quite there), overall it looks really good for a first skin, keep it up.
Offline Profile Quote Post Goto Top
 
Beaumont
Member Avatar
Member
[ *  *  *  *  * ]
I don't like the dashed lines... but the colors are nice.
Offline Profile Quote Post Goto Top
 
DHT
Member Avatar
Member
[ * ]
Thank you all for your input.
Greatly appreciated :3

^_^
Offline Profile Quote Post Goto Top
 
~ForeverHilaryOnline~
Member Avatar
Member
[ * ]
Im loving the color and everything great work im using for my good charlotte fourm thanx.love the color it match my picture.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Dark · Next Topic »
Add Reply