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
  • Pages:
  • 1
Olive Secks; My First Skin Ever!!!
Topic Started: Jul 16 2005, 03:58 PM (494 Views)
Mediator
Member Avatar
Member
[ *  * ]
Name: Olive Secks
Author: Mediator
Skin Number: 1
Date Created: 7/16/05
Side Notes: The buttons can be found HERE


Preview: Olive Secks Preview

CSS: Header:
Code:
 
<body text="#000000" link="#000000"
vlink="#000000" alink="#000000" leftmargin="3" topmargin="3" marginwidth="3" marginheight="0">
<table width="620" border="1" align="center" cellpadding="3" cellspacing="0" bgcolor="#556B2F" height="380" bordercolor="#556B2F" bordercolordark="#556B2F" bordercolorlight="#556B2F">
<tr>
<td width="100%" height="100%" bgcolor="#556B2F" bordercolor="#556B2F" bordercolorlight="#556B2F" bordercolordark="#556B2F"> </script>
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>


Style Sheet:
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: 11px; color: #000; margin:0px 10px 0px 10px;background-color: #556B2F }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; }
a:link, a:visited, a:active { text-decoration: none; color: #000 }
a:hover { color: #000; text-decoration:none }

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

img.attach { border:1px outset #556B2F;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: #000; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#000; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#000 }

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:#000}
.caldate  { text-align:right;font-weight:bold;font-size:11px;color:#000;background-image: url(http://imagemutt.com/files/images/grade.bmp);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 #000;background-color: #556B2F }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #556B2F; border:1px solid #000;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:0px solid #000;background-color: #556B2F;padding:0px;margin:0px; }
#submenu  { border:1px solid #000;background-image: url(http://imagemutt.com/files/images/grade.bmp);font-size:10px;margin:3px 0px 3px 0px;color:#000;font-weight:bold;}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #000; }
#userlinks { border:1px solid #000; background-image: url(http://imagemutt.com/files/images/grade.bmp) }

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

.activeuserstrip { background-color:#556B2F; padding:6px }

.pformstrip { background-image: url(http://imagemutt.com/files/images/grade.bmp); color:#000;font-weight:bold;padding:7px;margin-top:1px }
.pformleft  { background-color: #556B2F; padding:6px; margin-top:1px;width:25%; border-top:1px solid #000; border-right:1px solid #000; }
.pformleftw { background-color: #556B2F; padding:6px; margin-top:1px;width:40%; border-top:1px solid #000; border-right:1px solid #000; }
.pformright { background-color: #556B2F; padding:6px; margin-top:1px;border-top:1px solid #000; }

.post1 { background-color: #556B2F }
.post2 { background-color: #556B2F }
.postlinksbar { background-color:#556B2F;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://imagemutt.com/files/images/grade.bmp) }

.row1 { background-color: #556B2F }
.row2 { background-color: #556B2F }
.row3 { background-color: #556B2F }
.row4 { background-color: #556B2F }
.div.row4 {border-color: #556B2F!important}

.darkrow1 { background-color: #556B2F; color:#000; }
.darkrow2 { background-image: url(http://imagemutt.com/files/images/grade.bmp) }
.darkrow3 { background-color: #556B2F; color:#556B2F; }

.hlight { background-color: #556B2F }
.dlight { background-color: #556B2F }

.titlemedium { font-weight:bold; color:#000; padding:7px; margin:0px; background-image: url(http://imagemutt.com/files/images/grade.bmp) }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #000 }

.maintitle { vertical-align:middle;font-weight:bold; color:#000; text-align: center; letter-spacing:1px; padding:8px 0px 8px 5px; background-image: url(http://imagemutt.com/files/images/grade2.bmp) }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: underline; color: #000 }
.maintitle a:hover { text-decoration: underline; color: #000 }

.plainborder { border:1px solid #000;background-color:#556B2F}
.tableborder { border:1px solid #000;background-color:#000; padding:0px; margin:0px; width:100% }
.tablefill  { border:1px solid #000;background-color:#556B2F;padding:6px;  }
.tablepad    { background-color:#556B2F;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:#000 }
.edit { font-size: 9px }

.signature  { font-size: 10px; color: #000 }
.postdetails { font-size: 10px }
.postcolor  { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #000 }
.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:#000; background-color:#556B2F }

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #000; background-color: #556B2F; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE  { font-family: Courier, Courier New, Verdana, Arial;  font-size: 11px; color: #000; background-color: #556B2F; 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; color: #000; background-color: #556B2F; border: 1px solid #000 }
.forminput, .textinput, .radiobutton, .checkbox  { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; border: 1px solid #000; background-color: #556B2F }

.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #000;border-bottom:1px solid #000 }

</STYLE><CENTER>Skin created by <B>Mediator</B>. Find more great skins at <B><A HREF="http://if-productions.com/index.php?act=idx" TARGET="_BLANK">Invisionfree Productions</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:orange;font-weight:bold }
Offline Profile Quote Post Goto Top
 
Daz2410
Unregistered

Center the text in the main title ;)

Other than that, VERY nice for a first.
Quote Post Goto Top
 
dizo123
Member Avatar
Member
[ *  *  * ]
i don't see any copyright :\
Offline Profile Quote Post Goto Top
 
Ambition
Member Avatar
Veteran
[ *  *  *  *  *  * ]
Pure awesomeness for a first.....
Offline Profile Quote Post Goto Top
 
Mediator
Member Avatar
Member
[ *  * ]
dizo123
Jul 16 2005, 08:08 PM
i don't see any copyright :\

It is in the css. Just not In mY preview.
Offline Profile Quote Post Goto Top
 
dizo123
Member Avatar
Member
[ *  *  * ]
ok no probs :)
yeah its amazing for a first *pats mediator on the back*
Offline Profile Quote Post Goto Top
 
Mediator
Member Avatar
Member
[ *  * ]
Added the buttons link.
Offline Profile Quote Post Goto Top
 
dragoon gt
Unregistered

better than my first for sure.
Quote Post Goto Top
 
Mediator
Member Avatar
Member
[ *  * ]
Thanks guys. By the way I centered the maintitle text. Looks much better
Offline Profile Quote Post Goto Top
 
Calabur
ルイス
[ *  *  *  *  *  *  * ]
That is a very good skin for a first, however theres a few things that could be improved. Your titlemedium and pformstrip gradients are standing out to much compared to the maintitle gradient, i would either, darken those gradients, make your maintitle lighter, or flip the titlemedium and pformstrip gradients the other way to fix this, keep experimenting till the maintitle stands out more than them. Never have the rows the same colour as the background colour, in my oppinion it never looks good, i would make it a bit lighter, it'll flow with your gradient better then to.

As i stated earlier, very good for a first skin. 6.5/10.
Offline Profile Quote Post Goto Top
 
Mediator
Member Avatar
Member
[ *  * ]
Tranquil
Jul 16 2005, 08:51 PM
That is a very good skin for a first, however theres a few things that could be improved. Your titlemedium and pformstrip gradients are standing out to much compared to the maintitle gradient, i would either, darken those gradients, make your maintitle lighter, or flip the titlemedium and pformstrip gradients the other way to fix this, keep experimenting till the maintitle stands out more than them. Never have the rows the same colour as the background colour, in my oppinion it never looks good, i would make it a bit lighter, it'll flow with your gradient better then to.

As i stated earlier, very good for a first skin. 6.5/10.

Thanks for the Feedback. It is nice to get tips. I am new and need them.
Offline Profile Quote Post Goto Top
 
Zeus00
Member Avatar
I used to live in silence, I used to sleep in silence. Now all I hear is a marching of soldiers in my head.
[ *  *  *  *  *  *  *  *  * ]
Lighten up the rows, they're too dark. MT doesn't look all that great, try adding to the rectangle, give it some little effects. Other than that, it looks nice, good job.

Please add a copyright that links back to SZ as well. ;)
Offline Profile Quote Post Goto Top
 
Mediator
Member Avatar
Member
[ *  * ]
Zeus00
Jul 17 2005, 12:23 AM
Lighten up the rows, they're too dark. MT doesn't look all that great, try adding to the rectangle, give it some little effects. Other than that, it looks nice, good job.

Please add a copyright that links back to SZ as well. ;)

But I mad eif for your fav rescorce board Zeus.... ;) lol. But ok I will add the sz. And thanks for the critisisum.
Offline Profile Quote Post Goto Top
 
Mediator
Member Avatar
Member
[ *  * ]
A slight update.
Offline Profile Quote Post Goto Top
 
Fire_Spinner
Dangerous
[ *  *  *  *  *  * ]
Wow, that's great for your first skin!
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Dark · Next Topic »
Add Reply
  • Pages:
  • 1