|
Maroon-ish abyss.
|
|
Topic Started: Apr 26 2007, 05:45 PM (736 Views)
|
|
DHT
|
Apr 26 2007, 05:45 PM
Post #1
|
- Posts:
- 4
- Group:
- Members
- Member
- #146,914
- Joined:
- February 12, 2006
|
: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.
|
|
|
| |
|
sacui
|
Apr 26 2007, 06:08 PM
Post #2
|
- Posts:
- 40
- Group:
- Members
- Member
- #145,454
- Joined:
- February 7, 2006
|
I do not like that dashed line stuff or the color.
|
|
|
| |
|
DHT
|
Apr 26 2007, 06:38 PM
Post #3
|
- Posts:
- 4
- Group:
- Members
- Member
- #146,914
- Joined:
- February 12, 2006
|
- sacui
- Apr 26 2007, 04:08 PM
I do not like that dashed line stuff or the color.
Entitled to your own opinion.
|
|
|
| |
|
.Person
|
Apr 26 2007, 08:02 PM
Post #4
|
- Posts:
- 807
- Group:
- Members
- Member
- #147,574
- Joined:
- February 15, 2006
- Latest Design
- Screams Professional v1.2
|
Hay. I really like that. What is the code your use to give borders that dotted look?
|
|
|
| |
|
Parrappa
|
Apr 26 2007, 08:37 PM
Post #5
|
- Posts:
- 1,315
- Group:
- Members
- Member
- #208,241
- Joined:
- August 31, 2006
|
- 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)
|
|
|
| |
|
.Person
|
Apr 26 2007, 10:01 PM
Post #6
|
- Posts:
- 807
- Group:
- Members
- Member
- #147,574
- Joined:
- February 15, 2006
- Latest Design
- Screams Professional v1.2
|
Yeah, very good. I'd use if for EP. But I have my eyes on something else.
|
|
|
| |
|
InJust92
|
Apr 26 2007, 10:08 PM
Post #7
|
- Posts:
- 464
- Group:
- Members
- Member
- #202,075
- Joined:
- August 11, 2006
|
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.
|
|
|
| |
|
Beaumont
|
Apr 27 2007, 12:21 AM
Post #8
|
- Posts:
- 1,986
- Group:
- Members
- Member
- #222,970
- Joined:
- October 28, 2006
|
I don't like the dashed lines... but the colors are nice.
|
|
|
| |
|
DHT
|
Apr 27 2007, 03:48 PM
Post #9
|
- Posts:
- 4
- Group:
- Members
- Member
- #146,914
- Joined:
- February 12, 2006
|
Thank you all for your input. Greatly appreciated :3
|
|
|
| |
|
~ForeverHilaryOnline~
|
Jun 5 2007, 02:45 PM
Post #10
|
- Posts:
- 18
- Group:
- Members
- Member
- #275,484
- Joined:
- May 31, 2007
|
Im loving the color and everything great work im using for my good charlotte fourm thanx.love the color it match my picture.
|
|
|
| |
| 1 user reading this topic (1 Guest and 0 Anonymous)
|