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
Mystical Forest; Pastel Blue, Purple, and Green
Topic Started: Mar 22 2008, 11:40 PM (1,332 Views)
Kenisya
Member Avatar
Member
[ * ]
My first ever invisionfree skin it acctually turned out better than I thought it would please comment on it. :D

Preview: Mystical Forest

Graphics: Coming Soon!

Board Wrappers< Header/Body

Code:
 
<base href="http://127.0.0.1/" /></br>
<body text="#f1e68c" link="#f1e68c" vlink="#e5d551" alink="#f1e68c" leftmargin="3" topmargin="3" marginwidth="3" marginheight="0">
<table width="730" border="1" align="center" cellpadding="3" cellspacing="0" bgcolor="#4f9bd5" height="377" bordercolor="#4f9bd5" bordercolordark="#4f9bd5" bordercolorlight="#4f9bd5">
<tr>
<td width="100%" height="100%" bgcolor="#4f9bd5" bordercolor="#4f9bd5" bordercolorlight="#4f9bd5" bordercolordark="#4f9bd5"> </script>  
<script language='JavaScript' type="text/javascript">
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>


CSS

Code:
 

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: 10px; color: #; margin: px px px px; background-color:#23abc3; background-image: url() }
TABLE, TR, TD { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 10px; color: #; }
a:link, a:visited, a:active { text-decoration: underline; color: # }
a:hover { color: #; text-decoration:none }

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

img.attach { border:2px outset #4f9bd5;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:#;background-color:#8bd080; 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 #;background-color: #; background-image: url(http://i233.photobucket.com/albums/ee43/Wildfox202/mysticalforestbar2-1.png) }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #; background-image: url(http://i233.photobucket.com/albums/ee43/Wildfox202/mysticalforestbar2-1.png); border:1px solid #;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { text-align: center; border:1px solid #;background-color: #23abc3;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 #;background-color: #; background-image: url(http://i233.photobucket.com/albums/ee43/Wildfox202/mysticalforestbar2-1.png); font-size:10px;margin:3px 0px 3px 0px;color:#;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #; }
#userlinks { border:1px solid #; background-color: #; background-image: url(http://i233.photobucket.com/albums/ee43/Wildfox202/mysticalforestbar2-1.png) }

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

.activeuserstrip { background-color:#23abc3; background-image: url(http://i233.photobucket.com/albums/ee43/Wildfox202/mysticalforestbar2-1.png); padding:6px }

.pformstrip { background-color: #23abc3; background-image: url(http://i233.photobucket.com/albums/ee43/Wildfox202/mysticalforestbar2-1.png); color:#23abc3;font-weight:bold;padding:7px;margin-top:1px }
.pformleft { background-color: #8bd080; background-image: url(http://i233.photobucket.com/albums/ee43/Wildfox202/mysticalforestbar2-1.png); padding:6px; margin-top:1px;width:25%; border-top:1px solid #; border-right:1px solid #; }
.pformleftw { background-color: #8bd080; background-image: url(http://i233.photobucket.com/albums/ee43/Wildfox202/mysticalforestbar2-1.png); padding:6px; margin-top:1px;width:40%; border-top:1px solid #; border-right:1px solid #; }
.pformright { background-color: #8bd080; background-image: url(http://i233.photobucket.com/albums/ee43/Wildfox202/mysticalforestbar2-1.png); padding:6px; margin-top:1px;border-top:1px solid #; }

.post1 { background-color: #23abc3; background-image: url(http://i233.photobucket.com/albums/ee43/Wildfox202/post-2.png?t=1206232069) }
.post2 { background-color: #8bd080; background-image: url(http://i233.photobucket.com/albums/ee43/Wildfox202/post-2.png?t=1206232069) }
.postlinksbar { background-color:#8bd080;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://) }

.row1 { background-color: #23abc3; background-image: url(http://i233.photobucket.com/albums/ee43/Wildfox202/post-2.png?t=1206232069) }
.row2 { background-color: #23abc3; background-image: url(http://i233.photobucket.com/albums/ee43/Wildfox202/post-2.png?t=1206232069) }
.row3 { background-color: #23abc3; background-image: url(http://i233.photobucket.com/albums/ee43/Wildfox202/post-2.png?t=1206232069) }
.row4 { background-color: #23abc3; background-image: url(http://i233.photobucket.com/albums/ee43/Wildfox202/post-2.png?t=1206232069) }

.darkrow1 { background-color: #379eb0; background-image: url(http://i233.photobucket.com/albums/ee43/Wildfox202/mysticalforestbar2-1.png); color:#; }
.darkrow2 { background-color: #379eb0; background-image: url(http://i233.photobucket.com/albums/ee43/Wildfox202/mysticalforestbar2-1.png); color:#; }
.darkrow3 { background-color: #379eb0; background-image: url(http://i233.photobucket.com/albums/ee43/Wildfox202/mysticalforestbar2-1.png); color:#; }

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

.titlemedium { font-weight:bold; color:#f1f082; padding:7px; margin:0px; background-color: #23abc3; background-image: url(http://i233.photobucket.com/albums/ee43/Wildfox202/mysticalforestbar2-1.png) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #c3c25d }

.maintitle { text-align: center; vertical-align:middle;font-weight:bold; color:#4d4c45; letter-spacing:1px; padding:8px 0px 8px 5px; background-color: #23abc3; background-image: url(http://i233.photobucket.com/albums/ee43/Wildfox202/Mysticalforest-1.png?t=1206230112) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #4d4c45 }
.maintitle a:hover { text-decoration: none }

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

.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 }
Offline Profile Quote Post Goto Top
 
DiZzY04
Member
[ * ]
nice one i like it heaps but its missing something think there is too much aqua but never the less great work
Offline Profile Quote Post Goto Top
 
Kenisya
Member Avatar
Member
[ * ]
Thanks I'm thinking about doing a background IMG to ligthen it up a bit :ermm:
Offline Profile Quote Post Goto Top
 
Dark Devil
Member Avatar
Member
[ *  * ]
It's very nice for a first , actually, Keep trying :)
Offline Profile Quote Post Goto Top
 
Amberon
Member Avatar
Winter is Coming
[ *  *  *  *  *  *  *  *  * ]
That's a good start to skinning however I'd think more about complimenting colours and fewer colour clashes. I'd also change the .maintitle so that the forum header on it can be read easily - ie. darken the maintitle around the middle, add a capsule to the maintitle or change the font colour. :)

4.5/10, it's a nice start but there's a lot of room for improvement.
Offline Profile Quote Post Goto Top
 
.Vendetta
Member Avatar
Member
[ *  *  *  * ]
I agree with Amberon on the MT. Also, maybe next time don't use grads for the rows. And I know I've been saying this a lot lately, but also try to not use the Skin Gen for your next one. ^_^
Offline Profile Quote Post Goto Top
 
Mini Maul
Member Avatar
Member
[ *  *  * ]
I quite like the blue colors you have used but i dont think the other colors on the banner and maintitle go with the rest of the skin.
Its really good as a first. :)
Keep up the good work. :)
Offline Profile Quote Post Goto Top
 
Goat.
Member Avatar
Member
[ *  * ]
I like everything about it about from the MT. Just something about it... I don't know.. Good work though!
Offline Profile Quote Post Goto Top
 
Kenisya
Member Avatar
Member
[ * ]
Thanks for the advise guys I'll keep this all in mind for my next skin :D
Offline Profile Quote Post Goto Top
 
minnesota
Member Avatar
Member
[ *  * ]
J'adore (That means 'I love it' in French) :yes:
Offline Profile Quote Post Goto Top
 
Psychosocial
Member
[ *  *  *  *  *  * ]
It's not a bad skin and it's good for a first. I'm not too fond of the MT. Instead of an image, gradients would've been better. The images next in the submenu should get removed as they look kind of ugly. I'm not too fond for the gradients as the row2 and row4. For the stats area, the text is very hard to read. I would recommend changing the color to yellow as the rest of the text is yellow. Anyways it is a good first attempt. My rating: 8/10
Offline Profile Quote Post Goto Top
 
MREJ126
Member Avatar
Member
[ *  * ]
not bad for a first skin :lol:
Offline Profile Quote Post Goto Top
 
Locke
Member Avatar
That one guy
Glad to see a new face in skinning. :) I hope you keep it up. :yes:

To add to what Amberon said, play more with the contrast inside of a selected color palette so that you can see more lights and darks. Right now, you'll notice that the background color outside of the table and the row colors seem to have little definition apart from the row gradient.

If you have any questions, or need an advice, make sure you come to us! We're always wanting to help out. ^_^
Offline Profile Quote Post Goto Top
 
Liiam
Member Avatar
Member
[ *  *  *  * ]
Holy sh...... That's..... AWESOME! 9.6!
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Dark · Next Topic »
Add Reply