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
Mystic Blue; Blue/Grey/White...
Topic Started: Feb 21 2006, 06:23 AM (719 Views)
Floppy_Fennel
Member Avatar
Member
[ *  *  *  *  *  * ]
Name: Mystic Blue
Author: Daniel
Skin Number: 2
Date Created: 21/02/2006
Side Notes: Well, i couldn't figure out how exactly to change the colour of the forum desciptions so I just went and changed the background. but, you have to admit this is a HUGE improvement since my last hunk of crap, I mean SKIN! check it out here [My Last Hunka Crap]

So, please remember I am here to learn and would like to someday be at least OKAY at skinning. This is my second skin in two days [and ever] I worker hours on this just then, without further ado...


Oh Dear, Click here to view


CSS of skin:
Header & Body
Quote:
 
<body bgcolor="#00008b" style="margin: 0px;">

<table width="600" align="center"><tr><td>

<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>


CSS
Quote:
 
</STYLE><CENTER>Skin created by <B>Daniel</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"> and <B><A HREF="http://s12.invisionfree.com/Music_Central_153" TARGET="_BLANK">Music Central 153</A></B>.</CENTER><STYLE TYPE="text/css">

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

form { display:inline; }
img { vertical-align:middle; border:2px }
BODY { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 11px; color: #000000; margin: px px px px; background-color:#ffffff; background-image: url(http://) }
TABLE, TR, TD { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 11px; color: #000000; }
a:link, a:visited, a:active { text-decoration: underline; color: #000000 }
a:hover { color: #dcdcdc; text-decoration:none }

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

img.attach { border:1px 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:10px;color:#000000;background-color: #b0c4de; 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:30px; font-weight:bold; }
#calendarname { font-size:22px; font-weight:bold; }

#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:2px solid black }
#photoimg { text-align:center; margin-top:15px }

#ucpmenu { line-height:150%;width:22%; border:1px solid #fdf5e6;background-color: #fdf5e6; background-image: url(http://) }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #ffffff; background-image: url(http://); border:2px solid #b0e0e6;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #ffffff;background-color: #ffffff;background-image:url(http://);padding:0px;margin:0px; }
#submenu { border:2px solid #;background-color: #; background-image: url(http://i27.photobucket.com/albums/c158/mc153_avatars/.jpg); font-size:11px;margin:3px 0px 3px 0px;color:#000000;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:11px;text-decoration: underline; color: #000000; }
#userlinks { border:2px solid #000000; background-color: #; background-image: url(http://i27.photobucket.com/albums/c158/mc153_avatars/.jpg) }

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

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

.pformstrip { background-color: #; background-image: url(http://i27.photobucket.com/albums/c158/mc153_avatars/pwncopterw00t.jpg); color:#;font-weight:bold;padding:7px;margin-top:1px }
.pformleft { background-color: #; background-image: url(http://); padding:6px; margin-top:1px;width:25%; border-top:1px solid #ffffff; border-right:1px solid #ffffff; }
.pformleftw { background-color: #ffffff; background-image: url(http://); padding:6px; margin-top:1px;width:40%; border-top:1px solid #80808; border-right:1px solid #ffffff; }
.pformright { background-color: #ffffff; background-image: url(http://); padding:6px; margin-top:1px;border-top:1px solid #ffffff; }

.post1 { background-color: # d3d3d3; background-image: url(http://) }
.post2 { background-color: # 87cefa; background-image: url(http://) }
.postlinksbar { background-color:#;padding:7px;margin-top:1px;font-size:11px; background-image: url(http://i27.photobucket.com/albums/c158/mc153_avatars/.jpg) }

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

.darkrow1 { background-color: #afeeee; background-image: url(http://); color:#000000; }
.darkrow2 { background-color: #; background-image: url(http://i27.photobucket.com/albums/c158/mc153_avatars/.jpg); color:#000000; }
.darkrow3 { background-color: #; background-image: url(http://i27.photobucket.com/albums/c158/mc153_avatars/.jpg); color:#ffffff; }

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

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

.maintitle { vertical-align:middle;font-weight:bold; color:#; letter-spacing:1px; padding:8px 0px 8px 5px; background-color: #; background-image: url(http://i27.photobucket.com/albums/c158/mc153_avatars/.jpg) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: underline; color:#000000 }
.maintitle a:hover { text-decoration: none }

.plainborder { border:2px solid transparent;background-color:transparent }
.tableborder { border:1px solid # 191970;background-color:# 191970; 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:11px; color:#ffffff }
.edit { font-size: 8px }

.signature { font-size: 11px; color: #000000 }
.postdetails { font-size: 9px }
.postcolor { font-size: 12px; line-height: 160% "; color: 000080 " }

.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: #ffffff; background-color: # 000080; background-image: url(http://); border: 1px solid #80808; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #ffffff; background-color: #000080; background-image: url(http://); border: 1px solid #80808; 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 #80808;border-bottom:1px solid #80808 }

.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


Cheers,
Daniel!
Offline Profile Quote Post Goto Top
 
Calabur
ルイス
[ *  *  *  *  *  *  * ]
I didn't see your last skin, but I'm guessing you're improving.

First of all change the row colour back to what it is, at the moment it stands out way to much and looks terrible. I suggest changing it to #fafafa.

Now, the forum description is controlled by the desc. Find this part of the code, and change the bolded part to what you want the text to be.

Quote:
 
.desc { font-size:11px; color:#ffffff }


I recomend changing it to #888888, or a dark grey.

Your maintitle gradient is quite nice, but it's a bit busy. Maybe take out some of the white lines in it and just have the one at the top. Also, I suggest you centre your text. To do this add this to the maintitle area.

Quote:
 
text-align:center;


I suggest you add a gradient to your titlemedium, if you do, i suggest a grey gradient that goes from medium grey, to light grey (top to bottom). To add a gradient add this code to your titlemedium area.

Quote:
 
background-image:url(Your Image link);


Your titlemedium is a nice idea, but I don't recomend having an efs gradient there, unless you can pull it off very well. I recomend that you take my advice for the titlemedium instead, and do something simaler to the pformstrip with that advice.

Your caldate is still default, I would change it to a medium grey gradient.

Your darkrow 1 doesn't flow very well with the rest of the skin, I recomend changing it to a light grey colour, instead of the teal colour there at the moment.

It's not bad for your second skin though. Keep it up. :)
Offline Profile Quote Post Goto Top
 
Matty2489
Click the sig ;)
[ *  *  *  * ]
Not bad for a second skin.

Keep at it. Maybe add some borders on your next skin?
Offline Profile Quote Post Goto Top
 
P u R E
Member Avatar
[• Jord | Pure •]
[ *  *  *  * ]
Its okay, but you could do with a better background.
^_^
Offline Profile Quote Post Goto Top
 
Floppy_Fennel
Member Avatar
Member
[ *  *  *  *  *  * ]
Wow, haha, thanks guys I was expecting stuff like "It sucks, a skinner you ain't" :lol: thanks for being so encouraging, with every suggestion you are helping me become a better skinner ^_^ , Trust me, this skin pwns my last one [it was Terrible] I'm hoping my next skin [which I will work on on the weekend] is much, much better.

Thanks Tranquil for that indepth review, I will be sure to dig it up when working on my next skin. Also, thanks be to Matty2489 and afro-jord.

Thanks again :D

Cheers,
Daniel!
Offline Profile Quote Post Goto Top
 
destroyer
Member Avatar
WoW.
[ *  *  *  *  * ]
nice main title smooth gradient, other than that i would work o nthe hexagon a thingie
Offline Profile Quote Post Goto Top
 
yobrekcah-ZNR
Member
[ * ]
hmm .... not bad skin...good job...
Offline Profile Quote Post Goto Top
 
Floppy_Fennel
Member Avatar
Member
[ *  *  *  *  *  * ]
Cheers Guys :D
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Mixed · Next Topic »
Add Reply