|
Mystical Forest; Pastel Blue, Purple, and Green
|
|
Topic Started: Mar 22 2008, 11:40 PM (1,332 Views)
|
|
Kenisya
|
Mar 22 2008, 11:40 PM
Post #1
|
- Posts:
- 15
- Group:
- Members
- Member
- #323,084
- Joined:
- January 26, 2008
|
My first ever invisionfree skin it acctually turned out better than I thought it would please comment on it. 
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 }
|
|
|
| |
|
DiZzY04
|
Mar 23 2008, 12:09 AM
Post #2
|
- Posts:
- 36
- Group:
- Members
- Member
- #212,608
- Joined:
- September 17, 2006
|
nice one i like it heaps but its missing something think there is too much aqua but never the less great work
|
|
|
| |
|
Kenisya
|
Mar 23 2008, 12:15 AM
Post #3
|
- Posts:
- 15
- Group:
- Members
- Member
- #323,084
- Joined:
- January 26, 2008
|
Thanks I'm thinking about doing a background IMG to ligthen it up a bit
|
|
|
| |
|
Dark Devil
|
Mar 23 2008, 02:45 AM
Post #4
|
- Posts:
- 72
- Group:
- Members
- Member
- #273,321
- Joined:
- May 21, 2007
|
It's very nice for a first , actually, Keep trying
|
|
|
| |
|
Amberon
|
Mar 23 2008, 11:56 AM
Post #5
|
- Posts:
- 27,966
- Group:
- Members
- Member
- #18,648
- Joined:
- July 10, 2004
- Latest Design
- http://resources.zetaboards.com/topic/5099013/
|
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.
|
|
|
| |
|
.Vendetta
|
Mar 23 2008, 03:23 PM
Post #6
|
- Posts:
- 629
- Group:
- Members
- Member
- #321,001
- Joined:
- January 16, 2008
|
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.
|
|
|
| |
|
Mini Maul
|
Mar 23 2008, 05:20 PM
Post #7
|
- Posts:
- 479
- Group:
- Members
- Member
- #176,613
- Joined:
- May 23, 2006
- I'm Browsing With
- Chrome
|
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.
|
|
|
| |
|
Goat.
|
Mar 23 2008, 07:08 PM
Post #8
|
- Posts:
- 69
- Group:
- Members
- Member
- #333,996
- Joined:
- March 23, 2008
|
I like everything about it about from the MT. Just something about it... I don't know.. Good work though!
|
|
|
| |
|
Kenisya
|
Mar 24 2008, 12:13 PM
Post #9
|
- Posts:
- 15
- Group:
- Members
- Member
- #323,084
- Joined:
- January 26, 2008
|
Thanks for the advise guys I'll keep this all in mind for my next skin
|
|
|
| |
|
minnesota
|
Mar 24 2008, 12:18 PM
Post #10
|
- Posts:
- 192
- Group:
- Members
- Member
- #286,796
- Joined:
- July 16, 2007
|
J'adore (That means 'I love it' in French)
|
|
|
| |
|
Psychosocial
|
Mar 24 2008, 04:48 PM
Post #11
|
- Posts:
- 2,430
- Group:
- Members
- Member
- #288,992
- Joined:
- July 25, 2007
|
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
|
|
|
| |
|
MREJ126
|
Mar 25 2008, 10:03 PM
Post #12
|
- Posts:
- 79
- Group:
- Members
- Member
- #334,214
- Joined:
- March 24, 2008
|
not bad for a first skin
|
|
|
| |
|
Locke
|
Mar 26 2008, 02:39 PM
Post #13
|
|
That one guy
- Posts:
- -56,888
- Group:
- Members
- Member
- #7,848
- Joined:
- November 22, 2003
- Latest Blog Entry
- "Poised to React" 01/19/10
|
Glad to see a new face in skinning. I hope you keep it up. 
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.
|
|
|
| |
|
Liiam
|
Mar 29 2008, 06:16 PM
Post #14
|
- Posts:
- 597
- Group:
- Members
- Member
- #327,078
- Joined:
- February 17, 2008
|
Holy sh...... That's..... AWESOME! 9.6!
|
|
|
| |
| 1 user reading this topic (1 Guest and 0 Anonymous)
|