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
Vector Cell
Topic Started: Nov 14 2005, 12:18 AM (569 Views)
.Method
Member Avatar

[ *  *  *  *  *  * ]
Info. Õ»
Author: Method
Date: 11.13.05
Name: Vector Cell
Notes: 19th Skin

graphics.Õ»
Probably within a couple of weeks.

Õ» Preview


Õ»Coding.

ACP Õ» Skinning & Styles Õ» Board Wrappers Õ» Header & body

Quote:
 
<body bgcolor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000"><body text="#000000" link="#000000" vlink="#000000" alink="#000000" leftmargin="2" topmargin="2" marginwidth="2" marginheight="0">
<table class="outa" width="862" border="1" align="center" cellpadding="4" cellspacing="0" bgcolor="#ffffff" height="377" bordercolor="#16374c">
<tr>
<td width="90%" height="100%" bgcolor="#ffffff";>

<div id="submenu2" align="right"><div align="left"> Skin designed by Method of the <a href="http://forums.ifskinzone.net/index.php?act=idx"> IF Skinzone</a>.</div>
<a href="http://s14.invisionfree.com/Method_18/index.php?act=site">portal</a> |
<a href="http://s14.invisionfree.com/Method_18/index.php?act=Help">help</a> |
<a href="http://s14.invisionfree.com/Method_18/index.php?act=Search&f=">search</a> |
<a href="http://s14.invisionfree.com/Method_18/index.php?act=Members">members</a> |
<a href="http://s14.invisionfree.com/Method_18/index.php?act=calendar">calendar</a></div><% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %><br />


Change the Bold text to the URL of your forum.

ACP Õ» Skinning & Styles Õ» Manage Style Sheets Õ» Edit 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: 10px; color: #6c82a8; margin:0px 10px 0px 10px;background-color:#6c82a8 }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #6c82a8; }
a:link, a:visited, a:active { text-decoration: none; color: #7c95c0 }
a:hover { color: #6c82a8; 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:normal;border-bottom:1px solid #b2b2b2;font-size:10px;color:#6c82a8;background-image: url(http://i2.ifrm.com/5108/97/upload/p2896.jpg);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 #b2b2b2;background-color: #fff }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #fff; border:1px solid #b2b2b2;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;background-image:url(http://);padding:0px;margin:0px; }
#submenu  { display:none; }
#submenu2 {  background-color:#E5E9EE; Border:1px dotted #6c82a8;font-size:10px;margin:3px 0px 3px 0px;font-weight:normal; padding:5px;}
#userlinks { background-color:#E5E9EE; Border:1px dotted #6c82a8; }

#navstrip  { background-color:#E5E9EE; Border:1px dotted #6c82a8;font-weight:normal;padding:3px 2px 3px 2px; }

.activeuserstrip { background-image: url(http://i2.ifrm.com/5108/97/upload/p2896.jpg); padding:3px;border-right:1px solid #b2b2b2;border-left:1px solid #b2b2b2;border-top:1px solid #b2b2b2; }

.pformstrip {margin:0px; background-image: url(http://i2.ifrm.com/5108/97/upload/p2896.jpg); color:#6c82a8;font-weight:normal;padding:3px;margin-top:1px }
.pformleft  { background-color: #fff; padding:6px; margin-top:1px;width:25%; border-right:1px solid #b2b2b2;border-left:1px solid #b2b2b2; }
.pformleftw { background-color: #fff; padding:6px; margin-top:1px;width:40%; border-top:1px solid #b2b2b2; border-right:1px solid #b2b2b2; }
.pformright { background-color: #fff; padding:6px; margin-top:1px;border-right:1px solid #b2b2b2; }

.post1{background-color:#fff;background-position:top;background-repeat:repeat-x;background-image: url(http://i2.ifrm.com/5108/97/upload/p2896.jpg); }
.post2{background-color:#fff;background-position:top;background-repeat:repeat-x;background-image: url(http://i2.ifrm.com/5108/97/upload/p2896.jpg); }
.postlinksbar { border-right:1px solid #b2b2b2; border-left:1px solid #b2b2b2;background-color:#fff;margin-top:1px;font-size:10px; color:#6c82a8; padding:3px;background-image: url(http://i2.ifrm.com/5108/97/upload/p2896.jpg) }

.row1 { border:1px solid #b2b2b2;background-color:#fff;background-position:bottom;background-repeat:repeat-x;background-image: url(http://i2.ifrm.com/5108/97/upload/p109342.jpg) }
.row2{background-color:#fff;background-position:bottom;background-repeat:repeat-x;background-image: url(http://i2.ifrm.com/5108/97/upload/p109342.jpg) }
.row3 { border:1px solid #b2b2b2;background-color:#fff;background-position:bottom;background-repeat:repeat-x;background-image: url(http://i2.ifrm.com/5108/97/upload/p109342.jpg) }
.row4{background-color:#fff;background-position:bottom;background-repeat:repeat-x;background-image: url(http://i2.ifrm.com/5108/97/upload/p109342.jpg) }
div.row4 {border:1px solid #b2b2b2!important}

.darkrow1 { background-color: #fff; color:#6c82a8; }
.darkrow2 { padding:3px; border-bottom:1px solid #6c82a8;background-image: url(http://i2.ifrm.com/5108/97/upload/p2896.jpg); color:#3A4F6C; }
.darkrow3 { background-color: #fff; color:#2c82a8; }

.hlight{background-color:#fff;background-position:bottom;background-repeat:repeat-x;background-image: url(http://i2.ifrm.com/5108/97/upload/p2954.jpg) }
.dlight{background-color:#fff;background-position:bottom;background-repeat:repeat-x;background-image: url(http://i2.ifrm.com/5108/97/upload/p2954.jpg) }

.titlemedium { font-weight:normal; color:#6c82a8; padding:3px; margin:0px; background-image: url(http://i2.ifrm.com/5108/97/upload/p2896.jpg) }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #6c82a8 }

.maintitle { text-align:center;background-position:center;vertical-align:middle;font-weight:normal; color:#FFF; letter-spacing:1px; padding:5px 0px 11px 5px; background-image: url(http://i2.ifrm.com/5108/97/upload/p2848.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 #b2b2b2;background-color:#fff }
.tableborder { border:0px;background-color:#b2b2b2; padding:0px; margin:0px; width:100% }
.tablefill  { border:1px solid #b2b2b2;padding:6px;background-color:#fff;background-position:top;background-repeat:repeat-x;background-image: url(http://i2.ifrm.com/5108/97/upload/p2896.jpg);color:#6c82a8;  }
.tablepad    { background-color:#fff;border:1px solid #b2b2b2;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:#7c95c0 }
.edit { font-size: 9px }

.signature  { font-size: 10px; color: #6c82a8 }
.postdetails { font-size: 10px;padding-left: 3px; padding-right: 3px;  }
.postcolor  { font-size: 12px; line-height: 160% }

.normalname { color:#6c82a8;font-size: 10px; font-weight: bold;    }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 10px }
.unreg { color:#6c82a8;font-size: 10px; font-weight: bold;  }

.searchlite { font-weight:bold; color:#F00; background-color:#FF0 }

#QUOTE {color:#6c82a8font-family: Verdana, Arial; font-size: 10px; background-color:#E5E9EE;border-left:5px solid #6c82a8; border-right:3px solid #6c82a8;Border-bottom:1px dotted #6c82a8;Border-top:1px dotted #6c82a8; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

#CODE  {color:#6c82a8font-family: Verdana, Arial; font-size: 10px; background-color:#E5E9EE;border-left:5px solid #6c82a8; border-right:3px solid #6c82a8;Border-bottom:1px dotted #6c82a8;Border-top:1px dotted #6c82a8; 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  {color:#6c82a8;font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; border: 1px solid #b2b2b2; background-image: url(http://i2.ifrm.com/5108/97/upload/p3855.jpg); background-color: #fff; background-repeat: repeat-x; background-position: top left;}

INPUT, SELECT, TEXTAREA, .textinput { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle;border: 1px solid #b2b2b2;background-color:#fff;background-position:top;background-repeat:repeat-x;background-image: url(http://i2.ifrm.com/5108/97/upload/p2896.jpg);color:#6c82a8;  padding: 2px; }

.radiobutton, .forminput,  {color:#6c82a8;font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; border: 1px solid #b2b2b2; background-image: url(http://i2.ifrm.com/5108/97/upload/p3855.jpg); background-color: #fff; background-repeat: repeat-x; background-position: top left;}

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

</style><script language='javascript'>
if ( location.search.indexOf('act=site')!=-1 ){document.write("<style>.tableborder { background-color:#fff;background-position:bottom;background-repeat:repeat-x;background-image: url(http://i2.ifrm.com/5108/97/upload/p2954.jpg); border:1px solid #b2b2b2; }}</style>")}
</script>
</style><script language='javascript'>
if ( location.search.indexOf('Post&CODE')!=-1 ){document.write("<style>.pformstrip { border-top:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2;border-left:1px solid #b2b2b2;border-right:1px solid #b2b2b2; }}</style>")}</script>
</style><script language='javascript'>
if ( location.search.indexOf('UserCP&CODE')!=-1 ){document.write("<style>.pformstrip {border-top:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2; }}</style>")}
</script>
Offline Profile Quote Post Goto Top
 
Nonsense
Member Avatar
ByShine
[ *  *  *  *  * ]
Well , i saw this in the Showcase forum.

I really love this but Your navigation menu could be better =)
Offline Profile Quote Post Goto Top
 
.Method
Member Avatar

[ *  *  *  *  *  * ]
Navigation menu being Submenu or userlinks?
Offline Profile Quote Post Goto Top
 
Eject
Member Avatar
Raise The Alarm
[ *  *  *  *  *  *  * ]
Very nice skin
Offline Profile Quote Post Goto Top
 
Menindrag
Member Avatar
a work in progress
[ *  *  *  *  *  *  * ]
It's a good looking skin. Nice Maintitle, original, but there are a few things that need to be improved.

At the edges of your maintitle it's a little bit choppy. The shadow on the top is a little bit strong as well. Lower the opacity or do something to make it weaker. Your effect on the rows is alright but it is quite annoying. It's ok and the div.row4 but on the normal rows it's just distracting.

Your white on your titlemeduim is too strong. Lower the opacity or change the color to blend in more. Add right and left borders to your div.darkrow2. I would do something to your darkrow3. At the moment it's quite boring. Add a gradient or change to a light grey so it's separate from the rows.

On your calender the borders are too big. try and reduce it down to 1 px. Maybe using javascript or divs etc, play around. I wound'lt have the same style for the userlinks, submenu and navstrip. Mix it around so there not the same. Maybe have a light border for the navtrip, a light grey and dark grey border for the userlinks and keep the blue for the submenu. Only an Idea ;)

On good notes the maintitle is very original. It's really good looking as well. You seem to have put borders in all the right places, tablepad, new topics, calender etc. I can't fault you on that. You just need to fix some stuff up. Your really improving :D
Offline Profile Quote Post Goto Top
 
Ady Phoenix
Member
[ *  * ]
nice skin! 9.50\10 ;)
Offline Profile Quote Post Goto Top
 
.Method
Member Avatar

[ *  *  *  *  *  * ]
thanks for the commnts everyone, especially you james.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Light · Next Topic »
Add Reply