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
Whiblue; My second Skin
Topic Started: Nov 14 2005, 08:55 PM (585 Views)
DaNtE X
Member
[ *  *  *  *  *  *  * ]
Name:Whiblue
Author:Me
Skin Number:2
Date Created:10/14/05
Side Notes:Its my second skin. Also, thank you to mercenary for the maintitle!
Also, please note, I know when you go to a forum, there is a black strip, I dont know what that is, lol.

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: #0000ff; margin: 5px 5px 5px 5px; background-color:#ffffff; background-image: url(http://) }
TABLE, TR, TD { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 11px; color: #0000ff; }
a:link, a:visited, a:active { text-decoration: underline; color: #0000ff }
a:hover { color: #00008b; 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:#0000ff;background-color:#ffffff; 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 #000000;background-color: #ffffff; background-image: url(http://) }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #ffffff; background-image: url(http://); border:1px solid #000000;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

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

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

.activeuserstrip { background-color:#; background-image: url(http://img488.imageshack.us/img488/4483/titlemedium1us.png); padding:6px }

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

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

.row1 { background-color: #F0F8FF; background-image: url(http://) }
.row2 { background-color: #F8F8FF ; background-image: url(http://) }
.row3 { background-color: #F0F8FF; background-image: url(http://) }
.row4 { background-color: #F0F8FF; background-image: url(http://) }

.darkrow1 { background-color: #ADD8E6; background-image: url(http://); color:#0000ff; }
.darkrow2 { background-color: #; background-image: url(http://img392.imageshack.us/img392/4703/titlemedium6wq.png); color:#0000ff; }
.darkrow3 { background-color: #ADD8E6; background-image: url(http://); color:#0000ff; }

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

.titlemedium { font-weight:bold; color:#000000; padding:7px; margin:0px; background-color: #; background-image: url(http://img392.imageshack.us/img392/4703/titlemedium6wq.png) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #0000ff }

.maintitle { vertical-align:middle;font-weight:bold; color:#; letter-spacing:1px; padding:8px 0px 8px 5px; background-color: #; background-image: url(http://img488.imageshack.us/img488/8513/mtbymercenary6lu.jpg) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #0000ff }
.maintitle a:hover { text-decoration: underline }

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

</STYLE><CENTER>Skin created by <B>DaNtE X</B>, maintitle created by <b>.Mercenary</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">

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



Header and Body:
Quote:
 
<center><br>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000"><body text="#000000" link="#000000" vlink="#000000" alink="#000000" leftmargin="2" topmargin="2" marginwidth="2" marginheight="0">
<table width="730" border="1" align="center" cellpadding="4" cellspacing="0" bgcolor="#FFFFFF" height="377" bordercolor="#576B89">
<tr>
<td width="90%" height="100%" bgcolor="#FBFCFD">
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>

<% STATS %><br></div></center>


I KNOW its bad, you dont have to tell me that!
[/SMALL]
Offline Profile Quote Post Goto Top
 
Wisp
Member Avatar
Hello.
[ *  *  *  *  *  *  * ]
The maintitle is nice, but you should make the borders around it transparent so it flows nicely with the skin. I also suggest adding your titlemedium gradient to your pformstrip, it looks flat with the white. ;)

Nice job, the skin is overall pretty good. Especially for a second.
Offline Profile Quote Post Goto Top
 
Meta Ing-ZNR
Member Avatar
---
[ *  *  *  * ]
Center the .maintitle text by adding text-align: center; in that part, and change the text color to a light grey such as #e2e2e2.

I can't tell, but I think it would also help to lower the top padding on the maintitle by 1px, and raise the bottom by 1px...

That shade of blue used in the rows (1, 3, & 4) doesn't flow too well in my opinion with the row2. Maybe make the color f5f8f8.

Same goes with the submenu and the userlinks... (and, pretty much almost wherever else that color is used...



Try lowering the blue bar on the Darkrow2 so that the text doesn't overflow into it.

Other than that. (haven't seen the entire skin yet), it's pretty good for a second! :)
Offline Profile Quote Post Goto Top
 
DaNtE X
Member
[ *  *  *  *  *  *  * ]
Thank you all...I will attempt to do what you suggested...although just to let you gus nkow, I did not make the maintitle, .mercanary did.
Offline Profile Quote Post Goto Top
 
.Method
Member Avatar

[ *  *  *  *  *  * ]
DaNtE X
Nov 14 2005, 04:55 PM
Name:Whiblue
Author:Me
Skin Number:2
Date Created:10/14/05
Side Notes:Its my second skin. Also, thank you to mercenary for the maintitle!
Also, please note, I know when you go to a forum, there is a black strip, I dont know what that is, lol.

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: #0000ff; margin: 5px 5px 5px 5px; background-color:#ffffff; background-image: url(http://) }
TABLE, TR, TD { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 11px; color: #0000ff; }
a:link, a:visited, a:active { text-decoration: underline; color: #0000ff }
a:hover { color: #00008b; 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:#0000ff;background-color:#ffffff; 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 #000000;background-color: #ffffff; background-image: url(http://) }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #ffffff; background-image: url(http://); border:1px solid #000000;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

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

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

.activeuserstrip { background-color:#; background-image: url(http://img488.imageshack.us/img488/4483/titlemedium1us.png); padding:6px }

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

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

.row1 { background-color: #F0F8FF; background-image: url(http://) }
.row2 { background-color: #F8F8FF ; background-image: url(http://) }
.row3 { background-color: #F0F8FF; background-image: url(http://) }
.row4 { background-color: #F0F8FF; background-image: url(http://) }

.darkrow1 { background-color: #ADD8E6; background-image: url(http://); color:#0000ff; }
.darkrow2 { background-color: #; background-image: url(http://img392.imageshack.us/img392/4703/titlemedium6wq.png); color:#0000ff; }
.darkrow3 { background-color: #ADD8E6; background-image: url(http://); color:#0000ff; }

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

.titlemedium { font-weight:bold; color:#000000; padding:7px; margin:0px; background-color: #; background-image: url(http://img392.imageshack.us/img392/4703/titlemedium6wq.png) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #0000ff }

.maintitle { vertical-align:middle;font-weight:bold; color:#; letter-spacing:1px; padding:8px 0px 8px 5px; background-color: #; background-image: url(http://img488.imageshack.us/img488/8513/mtbymercenary6lu.jpg) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #0000ff }
.maintitle a:hover { text-decoration: underline }

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

</STYLE><CENTER>Skin created by <B>DaNtE X</B>, maintitle created by <b>.Mercenary</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">

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



Header and Body:
Quote:
 
<center><br>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000"><body text="#000000" link="#000000" vlink="#000000" alink="#000000" leftmargin="2" topmargin="2" marginwidth="2" marginheight="0">
<table width="730" border="1" align="center" cellpadding="4" cellspacing="0" bgcolor="#FFFFFF" height="377" bordercolor="#576B89">
<tr>
<td width="90%" height="100%" bgcolor="#FBFCFD">
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>

<% STATS %><br></div></center>


I KNOW its bad, you dont have to tell me that!
[/SMALL]

There is quite a few defaults, you may want to fix that.
Offline Profile Quote Post Goto Top
 
John
Member Avatar
Determined
[ *  *  *  *  *  *  *  * ]
The skin looks very flat, except for the MT.
Offline Profile Quote Post Goto Top
 
SyKo
Member Avatar
aka godman123
[ *  *  *  *  *  *  * ]
Some necessities for this skin:

Quote:
 
.maintitle { text-align: center; }

Quote:
 
.plainborder { 0px solid #000; }

Quote:
 
.postlinkbar { you should fill this with your titlemedium info, this is that black strip in each topic.
Offline Profile Quote Post Goto Top
 
DaNtE X
Member
[ *  *  *  *  *  *  * ]
SyKo
Nov 14 2005, 11:08 PM
Some necessities for this skin:

Quote:
 
.maintitle { text-align: center; }

Quote:
 
.plainborder { 0px solid #000; }

Quote:
 
.postlinkbar { you should fill this with your titlemedium info, this is that black strip in each topic.

Thanks. Do they all get there own line? or do they just go with the line thats already there?

Thanks.
Offline Profile Quote Post Goto Top
 
Ixion
Member Avatar
Member
[ *  *  * ]
Umm. The main title is good. But it does not match at all. Also you should center the main title and lengthen the board to equal the exact width of the main title. Other wise it either repeats or Cuts off.

ANyways you should of changed the .Mainborder

3/10
Offline Profile Quote Post Goto Top
 
Ady Phoenix
Member
[ *  * ]
the maintitle is nice but i don't like the text color! It's good for your first skin! ;) 6.50/10
Offline Profile Quote Post Goto Top
 
DaNtE X
Member
[ *  *  *  *  *  *  * ]
Ady Phoenix
Nov 15 2005, 01:06 PM
the maintitle is nice but i don't like the text color! It's good for your first skin! ;) 6.50/10

It is my second.

Thanks everyone for the comments.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Light · Next Topic »
Add Reply