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
  • 2
tEal.Torque
Topic Started: Nov 13 2005, 07:21 AM (818 Views)
Levity
Member Avatar
Member
[ *  *  *  *  *  *  * ]
Name: tEal.Torque
Author: Robo Spirit or kEn.Zo
Skin Number: 4
Date Created: Finished today
Side Notes: Spent ages on this, no defaults :sigh: Skin Zone copyright is on there too, click the name.


Preview of the skin


CSS of skin:
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: #000; margin:0px 10px 0px 10px;background-color:#72b9bf }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #074247; }
a:link, a:visited, a:active { text-decoration: underline; color: #08555C }
a:hover { color: #087079; 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:#126067;background-color:#478186;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:0px solid #087079;background-color: #7cc8ce }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #7cc8ce; border:0px solid #087079;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #087079;background-color: #72b9bf;padding:0px;margin:0px; }
#submenu  { border:1px dashed #087079;background-color: #72b9bf;font-size:10px;margin:3px 0px 3px 0px;color:#3A4F6C;font-weight:bold;}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #126067; }
#userlinks { border:1px dashed #087079; background-color: #72b9bf }

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

.activeuserstrip { background-color: #72b9bf ; padding:4px }

.pformstrip { background-image: url(http://i2.ifrm.com/4909/183/upload/p418765.jpg); color:#084247;font-weight:bold;padding:2px;margin-top:1px; border-top:1px solid #91D8DE; }
.pformleft  { background-color: #80D1D8; padding:6px; margin-top:1px;width:25%; border-top:1px solid #478186; border-right:1px solid #478186; }
.pformleftw { background-color: #80D1D8; padding:6px; margin-top:1px;width:40%; border-top:1px solid #478186; border-right:1px solid #478186; }
.pformright { background-color: #80D1D8; padding:6px; margin-top:1px;border-top:1px solid #478186; }

.post1 { background-color: #7cc8ce }
.post2 { background-color: #72b9bf }
.postlinksbar { background-color:#D1DCEB;padding:4px;margin-top:1px;font-size:10px; background-image: url(http://i2.ifrm.com/4909/183/upload/p317405.jpg) }

.row1 { background-color: #67ACB1; border-left:1px solid #80BDC2; border-top:1px solid #80BDC2; }
.row2 { background-color: #67ACB1; border-left:1px solid #80BDC2; border-top:1px solid #80BDC2; }
.row3 { background-color: #67ACB1; border-left:1px solid #80BDC2; border-top:1px solid #80BDC2; }
.row4 { background-color: #67ACB1; border-left:1px solid #80BDC2; border-top:1px solid #80BDC2; }

div.row4 { bakground-color: #72B9BF; border: 1px solid #478186!important }

.darkrow1 { background-color: #087079; color:#087079; }
.darkrow2 { background-image: url(http://i2.ifrm.com/4909/183/upload/p317323.jpg); padding:4px; }
.darkrow3 { background-color: #72b9bf; color:#72b9bf; }

.hlight { background-color: #156A71 }
.dlight { background-color: #14565B }

.titlemedium { font-weight:bold; color:#084247; padding:2px; margin:0px; background-image: url(http://i2.ifrm.com/4909/183/upload/p317405.jpg); border-top:1px solid #91D8DE; }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #0F3C40 }

.maintitle { text-align:center; vertical-align:middle;font-weight:bold; color:#0F3C40; letter-spacing:1px; padding:11px 0px 5px 5px; background-image: url(http://i2.ifrm.com/4909/183/upload/p424676.jpg); background-repeat: no-repeat; background-position: center; background-color: #72B9BF }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #0F3C40 }
.maintitle a:hover { text-decoration: underline }

.plainborder { border:0px solid #ABBCC0;background-color:#5E9498; }
.tableborder { border:0px solid #ABBCC0;background-color:#5E9498; padding:0px; margin:0px; width:100% }
.tablefill  { border:1px solid #478186;background-color:#72B9BF;padding:6px;  }
.tablepad    { background-color:#5CB4BB;padding:6px; border:1px solid #478186; }
.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:#107078}
.edit { font-size: 9px }

.signature  { font-size: 10px; color: #156A71}
.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: #087079; background-color: #8ccacf; border: 1px solid #087079; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE  { font-family: Courier, Courier New, Verdana, Arial;  font-size: 11px; color: #087079; background-color: #8ccacf; border: 1px solid #087079; 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; border: 1px solid #478186; background-color: #72B9BF }

.forminput, .textinput, .radiobutton, .checkbox  { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; border: 1px solid #478186; background-color: #72B9BF  } 

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

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

</style>

<script language='javascript'>
if ( location.search.indexOf('act=UserCP')!=-1 ){document.write("<style>.maintitle { text-align:center; vertical-align:middle;font-weight:bold; color:#0F3C40; letter-spacing:1px; padding:11px 0px 5px 5px; background-image: url(http://i2.ifrm.com/4909/183/upload/p430563.jpg); background-repeat: x-repeat;  background-color: #72B9BF; }</style>")}
</script>

<script language='javascript'>
if ( location.search.indexOf('act=Msg')!=-1 ){document.write("<style>.maintitle { text-align:center; vertical-align:middle;font-weight:bold; color:#0F3C40; letter-spacing:1px; padding:11px 0px 5px 5px; background-image: url(http://i2.ifrm.com/4909/183/upload/p430563.jpg); background-repeat: x-repeat;  background-color: #72B9BF; }</style>")}
</script>

<script language='javascript'>
if ( location.search.indexOf('act=site')!=-1 ){document.write("<style>.maintitle { text-align:center; vertical-align:middle;font-weight:bold; color:#0F3C40; letter-spacing:1px; padding:11px 0px 5px 5px; background-image: url(http://i2.ifrm.com/4909/183/upload/p430563.jpg); background-repeat: x-repeat;  background-color: #72B9BF; }</style>")}
</script>





Header And Body
Quote:
 
<center><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000">
<table cellspacing="0"  bgcolor="72b9bf" valign="top" height="100%" width="890"><tr><td valign="top" height="100%"  background="http://i2.ifrm.com/4909/183/upload/p317718.jpg" style="padding:25px;border:0px;"></td><td height="100%" valign="top">            
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %><br />


Footer
Quote:
 
<br />
<center><div align="center" class="titlemedium" style="font-weight: bold; width: 500px; height: 14px; text-align: center; border: 1px solid #4EA1A8;">Skin created by <a href="http://forums.ifskinzone.net/index.php?showuser=92398">Robo Spirit/kEn.Zo</a> from <a href="http://s14.invisionfree.com/Modern_Conceptions">Modern Conceptions</a></div></center><br />

</td><td align="left" valign="top" background="http://i2.ifrm.com/4909/183/upload/p317739.jpg" style="padding:25px;border:0px;"></td></tr></table>
Offline Profile Quote Post Goto Top
 
Replies:
Doffy90
Member Avatar
That boy is a mons†er
[ *  *  *  *  *  *  *  * ]
Thats gotta be one of your nicest skins.
Offline Profile Quote Post Goto Top
 
Nicola
Member Avatar
Zatharawrus
[ *  *  *  *  *  *  *  *  *  * ]
Nice colours :)

I think your Row colours dont match the rest of the skin as well as they could :( Saying that, the pform left and right backgrounds dont either. Try snagging colours from the actual gradients you use :)

The black text, whilst easy to read doesn't match the skin, and stands out far too much.

I feel you should do something different with either the submenu or the userlinks, because with them like that currently, the area seems a bit bare.

I like the maintitle, its original in some sense, however I think you could add a bit more to it, in terms of subtle decoration.

Your caldate is too dark, and kinda flat.

You should add a left and right border to the postlinks.

Quote:
 
#submenu  { border:1px dashed #087079;background-color: #72b9bf;font-size:10px;margin:3px 0px 3px 0px;color:#3A4F6C;font-weight:bold;}


Gasp :P

You're getting better, but you need to improve the flow of your skins, and perhaps try using a div.tableborder to get a border around the pform area :)
Offline Profile Quote Post Goto Top
 
Lugiatm
Member Avatar
Member
[ *  *  *  *  *  *  * ]
I love it, I think you should make a similar skin with the same style in the MT, but you should have a more broad range of colours in it.
Offline Profile Quote Post Goto Top
 
Levity
Member Avatar
Member
[ *  *  *  *  *  *  * ]
Ok thanks Nicola i will try and work on it more soon if i have time. Thanks for the comments too Doffy :D

Okay thanks Lugiatm I will work on a new one soon :D
Offline Profile Quote Post Goto Top
 
Ixion
Member Avatar
Member
[ *  *  * ]
Very nice. The maintitle is well you know .. GREAT!!! haha

Nice job m8. 7/10
Offline Profile Quote Post Goto Top
 
Levity
Member Avatar
Member
[ *  *  *  *  *  *  * ]
Thanks :D I havn't had anytime to edit it yet, hopefully will but i have Mock exams coming up and loads of coursework. Thanks all :D
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Light · Next Topic »
Add Reply
  • Pages:
  • 1
  • 2