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
Kingdom of Oceans; A mostly blue skin
Topic Started: Jul 8 2007, 05:32 PM (778 Views)
iambreezybee
Member Avatar
Member
[ * ]
Name: Kingdom of Oceans
Author: iambreezybee
Skin Number: 2?
Date Created: July 5, 2007
Side Notes: This skin is what I think is my second one, but the first one I'm showing in this forum. I hope it's okay. Feel free to point out anything wrong.

Preview of the Skin

CSS

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: #5C9CCA; margin:0px 10px 0px 10px;background-color:#000080; scrollbar-face-color: #4C4CE6;scrollbar-shadow-color: #3F3FBF;scrollbar-highlight-color: #3F3FBF;scrollbar-3dlight-color: #3F3FBF;scrollbar-darkshadow-color: #003399;scrollbar-track-color: #000080;scrollbar-arrow-color: #57c9fe;}
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #5C9CCA; }
a:link, a:visited , a:active { text-decoration: none; color: #5C9CF1}
a:hover { color: #5C9CCA; text-decoration:underline }

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

img.attach { border:2px outset #EEF2F7;padding:2px }

.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:#FD5;background-color:#4b0082;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 #000080; background-image: url('http://img413.imageshack.us/img413/1789/oceanmenu2yk1.jpg')}
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color:#000080; border:1px solid #000080;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #000080;background-color: #000080;padding:0px;margin:0px; }
#submenu   { border:1px solid #2877B0;background-color: #000080;font-size:10px;margin:3px 0px 3px 0px;color:#800080;font-weight:bold;}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #13ACCF; }#submenu a:hover { color: #5C9CCA; text-decoration: overline }

#ipbwrapper
{text-align:left;
width:750px;
margin-left:auto;
margin-right:auto;}

#ipbwrapper
{text-align:left;
width:750px;
margin-left:auto;
margin-right:auto;
background-color:#000080;
border: 1px solid #00008b;
padding: left: 0px;
padding-right: 0px;}

#userlinks { border:1px solid #483d8b;background-color: #000080 }

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

.activeuserstrip { background-color:#7b68ee; padding:6px }

.pformstrip { background-color: #7b68ee; color:#66A9ED;font-weight:bold;padding:7px;margin-top:1px }
.pformleft  { background-color: #000080; padding:6px; margin-top:1px;width:25%; border-top:1px solid #4169e1; border-right:1px solid #4169e1; }
.pformleftw { background-color: #000080; padding:6px; margin-top:1px;width:40%; border-top:1px solid #4169e1; border-right:1px solid #4169e1; }
.pformright { background-color: #000080; padding:6px; margin-top:1px;border-top:1px solid #4169e1; }

.post1 { background-color: #000080 }
.post2 { background-color: #000080 }
.postlinksbar { background-color:#7b68ee;padding:7px;margin-top:1px;font-size:10px; )}

.row1 { background-color: #005FBE}
.row2 { background-color: #000080}
.row3 { background-color: #000080}
.row4 { background-color: #000080}

.darkrow1 { background-color: #0000a6; color:#5C9CCA; }
.darkrow2 { background-color: #6681D9; color:#1564B3; }
.darkrow3 { background-color: #0000cd; color:#87ceeb; }

.hlight { background-color: #000080 }
.dlight { background-color: #000080 }

.titlemedium { font-weight:bold; color:#fff; padding:7px;margin:0px; background-color:#6681D9 }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  {text-decoration: underline; color: #0000cd }

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

.plainborder { border:1px solid #0000a6;background-color:#000080 }
.tableborder { border:1px solid #0000a6;background-color:#0000A6; padding:0px; margin:0px; width:100% }
.tablefill   { border:1px solid #191970;background-color:#0000A6;padding:6px;  }
.tablepad    { background-color:#000080;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:#9370db }
.edit { font-size: 9px }

.signature   { font-size: 10px; color: #9370db }
.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 }

div.tableborder div.tablepad { background-color: #005FBE!important; }
div.tableborder div.tablepad  table { background-color: #005FBE!important; }
div.tableborder div.tablepad input { background-color:#fff!important; }

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #6495ed; background-color: #000080; border: 1px solid #000080; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE  { font-family: Courier, Courier New, Verdana, Arial;  font-size: 11px; color: #6495ed; background-color: #000080; border: 1px solid #000; 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 #6495ed;border-bottom:1px solid #6495ed }

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


Body

Quote:
 


<body bgcolor='#000080' leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink='#33cccc' vlink='#5C9CF1' >
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>



Footer

Quote:
 

<br></STYLE><CENTER>Skin created by <B>iambreezybee. 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">

Offline Profile Quote Post Goto Top
 
d-elf
Member
[ *  *  * ]
Looks nice ^.^
Offline Profile Quote Post Goto Top
 
.sionthede
Member Avatar
Theme Zone
[ *  *  *  *  *  *  * ]
I am reviewing skins to help other skinners improved. I hope you don't mind. This is also in no way related to the IFSZ.

Quote:
 
<span style='font-size:7pt;line-height:100%'>

Appearance: 2/10
Coding: 5/10
Defaults: 9/10
Graphics: 1/10
Originality: 1/10
Usability: 1/10
Overall: 3/10


When I first viewed your skin the first thing I though was...to put it bluntly, boring.  There is nothing going on in this skin.  It is mostly plain blue with hardly any gradients.  It is also extremely wide.  I'm not saying this skin was horrible and definitely not bad for a second skin, but I think this skin would looks nice with some more gradients.

The colors you used weren't all that bad.  Although I feel that they could have been  used in a different manner.  They just seem out of place or overly bright.  The colors themselves weren't hard on the eyes, some of the placements of those colors were...a little off though.

While looking through your coding, everything was basic.  It wasn't just thrown together. ^_^  You also got rid of quite a few of the defaults.  Very nice job on doing so.  Although I would suggest brushing up on some coding and enhance your knowledge of it.

The graphics, what little you had, were flat and unattractive.  Instead of just using patterns and brush strokes try and using a combination of gradients, shading, beveling, and other enhancements.

When it comes to originality and usability, your skin was nothing worthwhile.  The text either stands out to much or you can't see it.  Also with the width of the skin, it stretches across the page giving your a repeating maintitle, and it annoys a lot users.

Overall your skin was basic and fairly OK.  It was very nice for a second skin and I hope you continue skinning. :)  I'll leave you with a few links and suggestions to help you improve your skinning abilities. ;) 


-----------------

Suggestions:


  • I would suggest lowering the with of your board and shrinking down your maintitle.  You can find a documentation on that Here.

  • Try mixing it up a bit and using a variety of colors in your skins that complement each other.  You can find many color schemes at sites like http://www.colourlovers.com and http://www.colorschemer.com

  • Learn some more CSS tricks.  The Skinning Documentation Forum is full of tutorials.

  • Lastly I would suggest on improving your graphics skills.  There are tons of tutorials you can find in This forum. :) 

  • My favorite tutorial is by Jimmy.  You can find it Here.  It is a descriptive tutorial that helped me out.


-----------------

Skinning Quick Links:


  • IFSZ Skinning Documentations -  This section of the forum has help myself countless times.  It is full of descriptive documentations to help the skinner in need.

  • IFSZ Skin Support  -  If you are still having questions or problems post a topic here and I am sure that a Support staff member will be glad to help you out.

  • Skindev.org - This site has an automatic default checker, an invisionfree skinning guide, and much more to help the beginning skinner.

  • Helpful Skin Hints - Another quick links topic for skinners.

  • Invisionfree CSS Guide - This is a very descriptive guide that tells you which CSS class controls what part of the forum.  It is a very helpful item that can help even the most advanced skinners.


-----------------

[/font]</span>


I hope this review helps you out. :) Just take my suggestions and keep on skinning. :D
Offline Profile Quote Post Goto Top
 
iambreezybee
Member Avatar
Member
[ * ]
Wow! I knew it was bad, but looks like it was overall terrible! Oh well, that one's a one I made up to see the response that I would get. I see there are no overall bad comments about it, and I got hints and help for it. So, thank you very much .sionthede.

Edit: I made a spelling mistake! The horror!
Offline Profile Quote Post Goto Top
 
Floppy_Fennel
Member Avatar
Member
[ *  *  *  *  *  * ]
Keeping trying, breezybee. We all have to start somewhere.
You're better than I am! :D

Maybe make the skin narrower, also try using more grads for the title medium. Also, work with shades of blue.

Don't get discouraged. Everyone starts somewhere, and this is only your second skin.

Peace,
~~xBif.
Offline Profile Quote Post Goto Top
 
iambreezybee
Member Avatar
Member
[ * ]
Thanks for your support xBifnepasu. I thought of making the skin, well, skinnier, but I changed my mind. I guess it would have been best for me in the end to set a width for the table... Well, I'll do that next time.
Offline Profile Quote Post Goto Top
 
<dR>Sinion Kabe
Member Avatar
Member
[ *  *  * ]
Its a little wide for my liking. Maintitle and graphics need a little more work. Keep up the practice and you should be fine. :)
Offline Profile Quote Post Goto Top
 
.Koda
Member Avatar
Yeah, I went there
[ *  *  *  *  * ]
Good For a New Skin... Nice Job.
Offline Profile Quote Post Goto Top
 
xjuniorx
Member Avatar
Member
[ * ]
its alright... o_O
Offline Profile Quote Post Goto Top
 
xjuniorx
Member Avatar
Member
[ * ]
for a 1st skin
Offline Profile Quote Post Goto Top
 
MetallicZ
Member Avatar
Member
[ *  * ]
It's quite nice but..It's toooo plain.all blue colourDo keep up the good work.
Offline Profile Quote Post Goto Top
 
Alexis Varone
Member
[ * ]
Wow.
Blue.


LOVE IT ;)
My fav colour is blue and this is like, my Favourite skin! Ahh :D
Well Done :)
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Dark · Next Topic »
Add Reply