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
Caue; smooth blues
Topic Started: Nov 4 2005, 05:53 AM (633 Views)
Sparks
Member Avatar
Member
[ *  *  *  *  *  * ]
--Info--->
Name of Skin: Caue
Author of Skin: Sparks
Skin Number: 45
Date Created: Started: Septemeber 21, 2005 Finished: Novemeber 4, 2005
Skin Preview: Click Here
Other Info: I made this skin a while ago, but never finished it, so I decided to finish it today. It's not one of my personal favorites either.

--Coding--->

Header and Body:
Code:
 
<center><body bgcolor="#114C737" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000">
<table cellspacing="0"  bgcolor="114C73" valign="top" height="100%" width="810"><tr><td valign="top" height="100%"  background="http://i2.ifrm.com/4568/142/upload/p1677223.gif" style="padding:15px;border:0px;"></td><td height="100%" valign="top">            
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %><br />
<br /><div align="center"><div class="tableborder" style="width: 40%"><div class="row4" style="font-size: 7.5pt; line-height: 12px; border:1px solid #b2b2b2; padding:4px 0px 4px 0px; spacing:0px 0px 0px 0px">Skin created by <b>Sparks</b> from  <B><A HREF="http://invisionfree.com/forums/GraphixNetworks/" TARGET="_BLANK">GraphixNetworks</A></B></div></div></div>

Footer:
Code:
 
</td><td align="left" valign="top" background="http://i2.ifrm.com/4568/142/upload/p1677338.gif" style="padding:18px;border:0px;"></td></tr></table>

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

#ipbwrapper { text-align:left; width:95%; margin-left:auto;margin-right:auto }
#ipbwrapper img { vertical-align:middle; border: 0px }

form { display:inline; }
img { vertical-align:middle; border:0px }

BODY { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 10px; color: #002750; margin: px px px px; background-color:#114C73; }

TABLE, TR, TD {  font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 10px; color: #002750; }
a:link, a:visited, a:active { text-decoration: none; color: #002750}
a:hover { color:#002750; text-decoration:underline }


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


img.attach { border:1px outset #063254;padding:1px }


.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:#417197 }
.caldate { text-align:right;font-weight:bold;font-size:11px;color:#002750; background-color:#17537A; background-image: url(http://i2.ifrm.com/4568/142/upload/p104878.gif); 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:transparent;background-color: #17537A; background-image: url(http://) }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #17537A; background-image: url(http://); transparent;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }


#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #063254;background-image:url(htt://);padding:0px;margin:0px; }

#submenu { border:1px solid #063254; background-color: #242424; background-image: url(http://i2.ifrm.com/4568/142/upload/p197465.gif); font-size:10px;margin:3px 0px 3px 0px;color:#fff;font-weight:bold}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #002750; }
#submenu a:hover { color: #002750; text-decoration:underline }
#submenu img { display:none; }
#userlinks {border: 1px solid #063254; background-color:#17537A}


#navstrip { font-weight:bold;padding:3px 0px 3px 0px; border-top:1px dashed #063254;border-bottom:1px dashed #063254; background-color:#17537A}

.activeuserstrip { background-color:#ececec; background-image: url(http://i2.ifrm.com/4568/142/upload/p199905.gif); padding:4px; font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 11px; color: #251301; border: 1px solid #063254}
.activeuserstrip a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #002750; }
.activeuserstrip a:hover { text-decoration: underline; color: #002750; }




.pformstrip { background-color: #17537A; background-image: url(http://i2.ifrm.com/4568/142/upload/p104878.gif);  color:#002750;font-weight:bold;padding:2px;margin-top:1px }
.pformleft { background-color: #17537A; background-image: url(http://); padding:6px; margin-top:1px;width:25%; border-top:1px solid #063254; border-right:1px solid #063254; }
.pformleftw { background-color: #17537A; background-image: url(http://); padding:6px; margin-top:1px;width:40%; border-top:1px solid #063254; border-right:1px solid #063254; }
.pformright { background-color: #17537A; background-image: url(http://); padding:6px; margin-top:1px;border-top:1px solid #063254; }
Div.pformstrip{background-image: url(http://i2.ifrm.com/4568/142/upload/p104878.gif) }

.post1 { background-color: #17537A; background-image: url(http://) }
.post2 { background-color: #17537A; background-image: url(http://) }
.postlinksbar { background-color:#dadada;padding:4px;margin-top:1px;font-size:10px; border-left: 1px solid #063254; border-right: 1px solid #063254; background-image: url(http://i2.ifrm.com/4568/142/upload/p104878.gif) }

.row1 { background-color: #17537A; background-image: url(http://) }
.row2 { background-color: #17537A; background-image: url(http://) }
.row3 { background-color: #17537A; background-image: url(http://) }
.row4 { background-color: #17537A; font-weight:normal; background-image: url(http://) }
div.row4 {border-color: #063254!important;background-color:#17537A;font-size:9px; color:#002750 }
div.row2 {border-color: #063254!important;background-image: url(http://i2.ifrm.com/4568/142/upload/p104878.gif); }

.darkrow1 { background-color: #114D74; background-image: url(http://); color:#002750; }
div.darkrow1 { background-color: #114C73}
.darkrow2 { background-color: #002750; background-image: url(http://i2.ifrm.com/4568/142/upload/p104663.gif); color:#002750; }
Div.darkrow2 { background-color: #e3e3e3; background-image: url(http://i2.ifrm.com/4568/142/upload/p199905.gif); color:#002750; }
.darkrow3 { background-color: #e3e3e3; background-image: url(http://i2.ifrm.com/4568/142/upload/p199905.gif); color:#002750; }

.hlight { background-color: #0A416D; background-image: url(http://) }
.dlight { background-color: #17537A;; background-image: url(http://) }

.titlemedium { font-weight:bold; font-size: 10px; color:#002750; padding:3px; margin:0px; background-image: url(http://i2.ifrm.com/4568/142/upload/p104878.gif) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: none; color: #002750}
.titlemedium a:hover { text-decoration: underline; color: #002750;}

.maintitle { font-family: Arial, Verdana, Tahoma, sans-serif; text-align:center;vertical-align:middle;font-weight:bold; color:#4E81AA;   letter-spacing: 1px;border-top:1px solid #063254;border-left:1px solid #063254;border-right:1px solid #063254;padding:8px 0px 9px 0px; background-color: #083D67; background-image: url(http://i2.ifrm.com/4568/142/upload/p103345.gif) }

.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #4E81AA; }
.maintitle a:hover { text-decoration: underline; color: #4E81AA; }

.plainborder { border:transparent; background-color:transparent;}
.tableborder { border:0px solid #063254; background-color:#063254; padding:0px; margin:0px; width:100% }
div.tableborder { border:0px solid #063254;background-color:#063254; padding:0px; margin:0px; width:100% }
.tablefill  { border:1px solid #063254;background-color:#114D74;padding:6px;  }
.tablepad    { border:1px solid #063254; background-color:#17537A;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:#002750}
.edit { font-size: 9px; color: #002750; border: 1px solid #063254; background-color:#114C73 }

.signature  { font-size: 10px; color: #002750 }
.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:  Arial;  font-size: 11px; color: #002750; background-color: #114C73; border-top:1px dashed #063254;border-bottom:1px solid #063254;border-left:5px solid #063254;border-right:1px solid #063254; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 4px }
#CODE  { font-family:  Arial;  font-size: 11px; color: #002750; background-color: #114C73; border-top:1px dashed #063254;border-bottom:1px solid #063254;border-left:5px solid #063254;border-right:1px solid #063254; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 4px }


.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: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; color: #002750; border: 1px solid #063254; background-color: #114C73;}
}
.forminput { background-color: #114C73; color:#002750;}, .textinput { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; horizontal-align: center; background-image: url(http://);  background-repeat: no-repeat; background-position: top right; }



.thin { padding:3px 2px 3px 2px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px dashed #063254;border-bottom:1px dashed #063254; background-color:#114C73 }


.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 }
.boardwidth { width: 874px; text-align: left; }

Div.desc { border:1px solid #063254; background-color:#114D74;}

</style>
<script language='javascript'>
if ( location.search.indexOf('act=Msg&CODE=')!=-1) {
document.write("<style>.titlemedium { background-image: url(http://i2.ifrm.com/4568/142/upload/p199905.gif); #A07230; ) }</style>")}
</script>
Offline Profile Quote Post Goto Top
 
Eject
Member Avatar
Raise The Alarm
[ *  *  *  *  *  *  * ]
It looks ok, the lext looks a bit dark.
Offline Profile Quote Post Goto Top
 
Menindrag
Member Avatar
a work in progress
[ *  *  *  *  *  *  * ]
This is a good skin, not as good as Ghotyn but still good.

The Tableborder os too light. It makes the maintitle look blurry and very undefined. I think you should darken it, maybe to #052F50. It will help that part of your skin. Your Maintitle is quite dark. I think you should lighten the middle part of your grad, even slighley. Your image borders are nice but the whole feeling of the skin is it's too dark. I think you should lighten atleast the background.

Your text, link and hover are way too dark. It's quite hard to read them. You shoulg lighten all of the texts. Your Quote and Code box are way too boring. Spice them up a little. Be daring. At the moment they just sit there and do nothing. Your Topic view is alright, not too great but it works.

On your Calender I think you should add a border on the bottom of the caldate. #0C3754 would fit in well. You've fixed the portal. Your .thin dosn;t really look that great. Try and mix that around. Maybe lighten the background and a darker border, make it more defined.

Overall, not a bad skin but needs to be improved alot.
Offline Profile Quote Post Goto Top
 
Nephos
Member Avatar
The walls abandon shape
[ *  *  *  *  *  *  * ]
As you say, not your best, but it looks generally original and *most* of the colours flow. :P
Offline Profile Quote Post Goto Top
 
boogawoogawooga
in.LOVE
[ *  *  *  * ]
I love it!
Offline Profile Quote Post Goto Top
 
.Greg
Member Avatar
Member
[ *  *  *  *  * ]
not bad and i like that shade of blue.. welldone
Offline Profile Quote Post Goto Top
 
John
Member Avatar
Determined
[ *  *  *  *  *  *  *  * ]
Not your best, still pretty good though.
Offline Profile Quote Post Goto Top
 
Drew
&TIME.
[ *  *  *  *  *  *  *  *  * ]
Not your best, but it is all the same blue so it is looks like everything is running together.
Offline Profile Quote Post Goto Top
 
.EndotroniX
Joe10 for admin
[ *  *  *  *  *  * ]
The text is in the center valign of the maintitle, it should be on a flat surface. It doesn't make it harder to read, but it's kind of an ugly effect IMO. Other than that, it's a very nice skin. I would add a metal plate type thing in the center of the maintitle to accomadate the text though.
Offline Profile Quote Post Goto Top
 
Artic-Annihilation
Member
[ *  * ]
That is awsome!
Offline Profile Quote Post Goto Top
 
Bambam!
Member
[ *  *  * ]
very nice and smoove.

I am not too fond of the colors but thats just me.
Offline Profile Quote Post Goto Top
 
Artic-Annihilation
Member
[ *  * ]
Well, I think the colors are ok, but maybe some black in there wouldn't hurt
Offline Profile Quote Post Goto Top
 
Sparks
Member Avatar
Member
[ *  *  *  *  *  * ]
bennettboy14
Nov 4 2005, 10:18 AM
This is a good skin, not as good as Ghotyn but still good.

The Tableborder os too light. It makes the maintitle look blurry and very undefined. I think you should darken it, maybe to #052F50. It will help that part of your skin. Your Maintitle is quite dark. I think you should lighten the middle part of your grad, even slighley. Your image borders are nice but the whole feeling of the skin is it's too dark. I think you should lighten atleast the background.

Your text, link and hover are way too dark. It's quite hard to read them. You shoulg lighten all of the texts. Your Quote and Code box are way too boring. Spice them up a little. Be daring. At the moment they just sit there and do nothing. Your Topic view is alright, not too great but it works.

On your Calender I think you should add a border on the bottom of the caldate. #0C3754 would fit in well. You've fixed the portal. Your .thin dosn;t really look that great. Try and mix that around. Maybe lighten the background and a darker border, make it more defined.

Overall, not a bad skin but needs to be improved alot.

Thanks for those tips. I edited my skin a lot with some of those tips. Check out the updates.
Offline Profile Quote Post Goto Top
 
Kamikaze Master
Member
[ *  * ]
Nice skin!
Offline Profile Quote Post Goto Top
 
..:;:..
Member Avatar
^-^*
[ *  *  *  *  *  * ]
It's a bit dark for my liking.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Dark · Next Topic »
Add Reply