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
  • 3
Chris's Comback
Topic Started: May 17 2005, 03:11 PM (1,472 Views)
©Θ®Ï§†ÓPΘÊ®
Mr. Skinzone™
[ *  *  *  *  *  * ]
Author: Me
Date Created: 15th, 16th and 17th May, 2005
Skin Nº: 14
Other Notes: My best yet... easily. B)

http://s11.invisionfree.com/skinnageness/index.php?act=idx

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: #000; margin:0px 15px 0px 15px;background-color:#1F2B64;background-image:url(http://) }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 9px; color: #1F2B64; }
a:link, a:visited, a:active { text-decoration: underline; color: #5462A7 }
a:hover { color: #5462A7; 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:#777;background-color:#EDEFF6;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 #345487;background-color: #F5F9FD;background-image:url(http://img75.echo.cx/img75/1269/portalandusercp5sf.png) }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #F5F9FD; border:1px solid #fff;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #FFF;background-color: #FFF;padding:0px;margin:0px; }
#submenu  { border:1px solid #fff;background-color: #DFE6EF;background-image:url(http://img278.echo.cx/img278/9314/activeuserstrip9qb.png);font-size:10px;margin:3px 0px 3px 0px;color:#fff;font-weight:bold;color:#fff }
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #5462A7; }
#userlinks { border:1px solid #FFF; background-color: #F0F5FA;background-image:url(http://img278.echo.cx/img278/9314/activeuserstrip9qb.png);font-weight:bold;color:#FFF }

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

.activeuserstrip { background-color:#BCD0ED;background-image:url(http://img278.echo.cx/img278/9314/activeuserstrip9qb.png); padding:6px }

.pformstrip { background-color: #D1DCEB; color:#3A4F6C;font-weight:bold;padding:7px;margin-top:1px;background-image:url(http://img214.echo.cx/img214/7757/titlemed2lh.png) }
.pformleft  { background-color: #F5F9FD; padding:6px; margin-top:1px;width:25%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }
.pformleftw { background-color: #F5F9FD; padding:6px; margin-top:1px;width:40%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }
.pformright { background-color: #F5F9FD; padding:6px; margin-top:1px;border-top:1px solid #C2CFDF; }

.post1 { background-color: #F5F9FD }
.post2 { background-color: #EEF2F7 }
.postlinksbar { background-color:#D1DCEB;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://img214.echo.cx/img214/7757/titlemed2lh.png) }

.row1 { background-color: #F5F9FD }
.row2 { background-color: #EDEFF6 }
.row3 { background-color: #F6F7FC }
.row4 { background-color: #F6F7FC }

.darkrow1 { background-color: #fff; color:#fff; }
.darkrow2 { background-position:center;background-color: #BCD0ED;background-image:url(http://img16.echo.cx/img16/3347/darkrow25bh.png); color:#3A4F6C; }
.darkrow3 { background-color: #D1DCEB; background-image:url(http://img16.echo.cx/img16/3347/darkrow25bh.png); color:#3A4F6C; }
</STYLE><CENTER><span style='color:white'>Skin created by <B>©H®Ï§</B>. Find more great skins at the <B><A HREF="http://forums.ifskinzone.net/index.php?act=idx" TARGET="_BLANK">IF Skin Zone</A></B>.</span></CENTER><STYLE TYPE="text/css">
.hlight { background-color: #DFE6EF }
.dlight { background-color: #EEF2F7 }

.titlemedium { font-weight:bold; size:10px; color:#3A4F6C; padding:7px; margin:0px; background-image: url(http://img214.echo.cx/img214/7757/titlemed2lh.png) }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #3A4F6C }

.maintitle {background-color:#FFF;background-repeat:no-repeat;text-align:center;vertical-align:bottom;font-weight:bold; color:#E8EAEF; letter-spacing:1px;
padding:14px 0px 14px 8px;background-position:center; background-image: url(http://img275.echo.cx/img275/5232/maintitle20ku.png); }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #E8EAEF }
.maintitle a:hover { text-decoration: underline }

.plainborder { border:1px solid #fff;background-color:#FFF }
.tableborder { border:1px solid #fff;background-color:#D6DBEB; padding:0px; margin:0px; width:100% }
.tablefill  { border:1px solid #1F2B64;background-color:#F5F9FD;padding:6px;  }
.tablepad    { background-color:#F5F9FD;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:#434951 }
.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: #465584; background-color: #FAFCFE; 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: #465584; background-color: #FAFCFE; 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: 9px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; color:#fff: background-color:#1F2B64 }

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

.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 }
div.row4 { border-color: #D6DBEB    !important;background-color:#F6F7FC    }


Header & Body
Quote:
 
<center><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000">
<table cellspacing="0"  bgcolor="#FFFFFF" valign="top" height="100%" width="822"><tr><td valign="top" height="100%"  background="http://img277.echo.cx/img277/2030/strips9yy.png" style="padding:18px;border:0px;"></td><td height="100%" valign="top">           
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %><br />


Footer
Quote:
 
</td><td align="left" valign="top" background="http://img277.echo.cx/img277/2030/strips9yy.png" style="padding:18px;border:0px;"></td></tr></table>


Guess Whos Back!?!

EDIT: Updated CSS
Offline Profile Quote Post Goto Top
 
forum master
Member
[ *  *  *  * ]
love it great skin 9/10
Offline Profile Quote Post Goto Top
 
Impaled
Member Avatar
The Review Source - Open
[ *  *  *  * ]
The skin is great but I think the maintitle ruins it. If you had a better maintitle then it would be a great skin.
Offline Profile Quote Post Goto Top
 
Charlo
Member Avatar
1337er than j00
[ *  *  *  *  *  *  * ]
If the .maintitle were less tall it would be an excellent skin. As it stands, 8/10. :)
Offline Profile Quote Post Goto Top
 
Nicola
Member Avatar
Zatharawrus
[ *  *  *  *  *  *  *  *  *  * ]
Welcome back Chris ^_^

I can see a few defaults there to begin with, the text colours for the dark rows, the signature colour, the desc font colour, the tablefill and tablepad background, and the caldate features.

I know you have been gone a while so I'll cut you some slack :clown:

To change the copyright border :

Quote:
 
div.row4 { border-color: #    !important;background-color:#    }


Fill in the hex codes, and bear in mind that it also colours the background behind the ads now :( so be careful if you use a grad.

I really dont like the maintitle, its ruining whats potentially a pretty decent skin.
Offline Profile Quote Post Goto Top
 
Krysie
Member Avatar
·-¤Real Emotion¤-·
[ *  *  *  *  * ]
Very nice skin :D
Offline Profile Quote Post Goto Top
 
©Θ®Ï§†ÓPΘÊ®
Mr. Skinzone™
[ *  *  *  *  *  * ]
Thanks for all the feedback :D

Nicola, i'll start correcting what you pointed out now :D

EDIT: Right, i've changed all the defaults that i think neciessary, now im going to re-design the maintitle :D
Offline Profile Quote Post Goto Top
 
Nephos
Member Avatar
The walls abandon shape
[ *  *  *  *  *  *  * ]
Nic, do you have that code in your back pocket like all the time? :clown:

Chris, I love the clean style you've gone for, but a few stylistic things that could be improved...

The MT's very original, like a few recent ones are (check out some of Domie's latest skins) but they don't always do wonders for the flow, which is a problem here. The font is different which is cool, but the space you've left in the MT isn't huge; it fits the calendar which is cool, but a long topic title and description would ruin the flow. The image borders look very clean, but the flow from these to the skin (especially the diagonal lines) don't work too well. A hover colour would be cool too, and as Nicola said, changing the caldate text colour wouldn't be a bad idea.

Overall, great comeback, only minor faults, well done ;)
Offline Profile Quote Post Goto Top
 
©Θ®Ï§†ÓPΘÊ®
Mr. Skinzone™
[ *  *  *  *  *  * ]
Thanks Vinci <3
Offline Profile Quote Post Goto Top
 
Jordi V
Member Avatar

[ *  *  *  *  *  * ]
Good job chris.
Offline Profile Quote Post Goto Top
 
©Θ®Ï§†ÓPΘÊ®
Mr. Skinzone™
[ *  *  *  *  *  * ]
Posted Image

Right, finished my MT re-design. Better or worse people? :D
Offline Profile Quote Post Goto Top
 
Theoden
fear the spork!
[ *  *  *  *  * ]
better O_o
Offline Profile Quote Post Goto Top
 
Nephos
Member Avatar
The walls abandon shape
[ *  *  *  *  *  *  * ]
Better, but make it shorter :o
Offline Profile Quote Post Goto Top
 
Nicola
Member Avatar
Zatharawrus
[ *  *  *  *  *  *  *  *  *  * ]
©H®Ï§
May 17 2005, 09:07 PM
Posted Image

Right, finished my MT re-design. Better or worse people? :D

Its a bit blurry :clown: lol


@Da Vinci- I do have them in my back pocket/ toolbar in a text file. I have a tonne of useful codes in there :D
Offline Profile Quote Post Goto Top
 
Pryme
Member Avatar
Skin Satan
[ *  *  *  *  *  * ]
Also instead of the blackish out glow make it bluish
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Mixed · Next Topic »
Add Reply
  • Pages:
  • 1
  • 3