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
Vogue
Topic Started: Feb 14 2008, 02:23 PM (1,301 Views)
Vocal.
Member Avatar
Member
[ *  *  * ]
Name: Vogue
Author: Vocal.
Skin Number: 7
Date Created: 02-13-08
Graphics: None Yet. Feel free to release some though.
Side Notes: My first skin in a while.
Preview of the Skin:

Preview of Vogue

Coding:

Header
Code:
 
<body bgcolor="#c4c7cc" style="margin: 0px;">

<table cellspacing="0" cellpadding="0" width="845" align="center"><tr>

<td class="borderleft" height="100%" valign="top">
<img src="http://i4.ifrm.com/12675/56/upload/p2907.jpg" /></td>

<td valign="top" style="padding-right: 1px">

<center><table cellpadding="0" cellspacing="0" width="100%"
style="margin: 0px 0px 3px 0px; border: 1px solid #HEX;">
<td><img src="http://i4.ifrm.com/12675/56/upload/p3645.jpg" / style="display: block;"></td><td width="100%" background="http://i4.ifrm.com/12675/56/upload/p3647.jpg"><center><img src="http://i4.ifrm.com/12675/56/upload/p3648.jpg" / style="display: block;"></center></td><td><img src="http://i4.ifrm.com/12675/56/upload/p3646.jpg" / style="display: block;"></td></table></center>



<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>


<table width="100%" style='border:1px solid #acafb4' cellspacing="1" cellpadding="4">
<tr>
<td class="maintitle" align='center'><b>Skin Coded by Vocal. and Kieran of <a href=http://creativestyles.sytes.net>Creative Styles</a><b></td>
</tr>
<td class="pformstrip" align='center'>
<a href="javascript:scroll(0,0);">Back to Top ^^^</a>
</td>
</tr>
</table>


Footer
Code:
 
</td>
<td class="borderright" height="100%" valign="bottom"><img src="http://i4.ifrm.com/12675/56/upload/p2908.jpg"/></td>





<script type="text/javascript" language="javascript"><!--
/*
Custom percentage bars by Sezuan.
Copyright by Sezuan 2007
Version 3.2
*/

var Images = new Array(3);
Images[0] = "LEFT_PART_OF_THE_BAR"; // The left part of the bar
Images[1] = "MIDDLE_PART_OF_THE_BAR"; // The middle part of the bar
Images[2] = "RIGHT_PART_OF_THE_BAR"; // The right part of the bar

var Memory = new Array; Images[3] = "http://img528.imageshack.us/img528/8448/pixelfg0.gif";
for(var X=0; X<Memory.length; X++){if(Images[X].indexOf("#") != 0 && Images[X] != "")(new Image()).src = Images[X];} for(var X=0, Y=0; X<document.getElementsByTagName("img").length; X++){ var Current = document.getElementsByTagName("img")[X].src; if(Current.indexOf("/style_images/1/bar_left.gif") != -1){ Memory[Y] = X; Y++; continue;} if(Current.indexOf("/style_images/1/bar.gif") != -1){ Memory[Y] = X; Y++; continue;} if(Current.indexOf("/style_images/1/bar_right.gif") != -1){ Memory[Y] = X; Y++; continue;} } var Y = 0; for(var X=0; X<Memory.length; X++){if(Images[Y] == "" || !Memory[X]) continue; if(Images[Y].indexOf("#") == 0){ document.getElementsByTagName("img")[Memory[X]].src = "http://img528.imageshack.us/img528/8448/pixelfg0.gif"; document.getElementsByTagName("img")[Memory[X]].style.backgroundColor = Images[Y];} else document.getElementsByTagName("img")[Memory[X]].src = Images[Y];Y++;if(Y>2) Y=0;}
//--></script>


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

form { display:inline; }
img  { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Arial; font-size: 10px; color: #898b90; margin:0px 10px 0px 10px;background-color:#f1f5f6 }
TABLE, TR, TD { ont-family: Verdana, Arial; font-size: 10px; color: #898b90; }
a:link, a:visited, a:active { text-decoration: none; color: #94979b }
a:hover { color: #f1f5f6; 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 }

td .darkrow1 { background-image: url(http://i4.ifrm.com/12675/56/upload/p3073.jpg) top repeat-x #d5d8dd; }

.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    { width:22%;background-color: #c8cdd3;border-top: 1px solid #acafb4;border:1px solid #acafb4; }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #c8cdd3;border-top:1px solid #acafb4;width:auto;border:1px solid #acafb4; }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { display:none; }
#submenu img { display: none; }
#submenu   { border:1px solid #acb0b3;background-image: url(http://i4.ifrm.com/12675/56/upload/p3073.jpg);font-size:10px;margin:3px 0px 3px 0px;color:#94979b;font-weight:bold;}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #94979b; }
#userlinks { border:1px solid #acb0b3; background-image: url(http://i4.ifrm.com/12675/56/upload/p3073.jpg) }

#navstrip  { font-weight:bold;padding:6px 0px 6px 0px; }
#navstrip a:hover { color: #cbd1d2; text-decoration: UNDERLINE/NONE }

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

.pformstrip { background-image: url(http://i4.ifrm.com/12675/56/upload/p2784.jpg); color:#898b90;font-weight:bold;padding:1px;margin-top:1px }

table.tableborder td.pformstrip { border: 1px solid #acafb4; }

#ucpmenu .pformstrip, #ucpcontent .pformstrip { border-top: 1px solid #acafb4; border-bottom: 1px solid #acafb4; }

div.pformstrip { background: url(http://i4.ifrm.com/12675/56/upload/p3073.jpg) repeat-x;border: 1px solid #acafb4; margin: -1px 0 -1px 0; }

.pformleft  { background-color: #c8cdd3; padding:6px; margin-top:1px;width:25%; border-left:1px solid #acafb4;}

.pformleftw { background-color: #c8cdd3; padding:6px; margin-top:1px;width:40%; border: 0; }

.pformright { background-color: #c8cdd3; padding:6px; margin-top:1px;width:25%; border: 0; }

table.tableborder .pformright { background-color: #c8cdd3; padding:6px; margin-top:1px;width:25%; border-right:1px solid #acafb4;border-left:1px solid #acafb4; }

.post1 { background-color: #c8cdd3;border-top: 1px solid #d5dae0; }
.post2 { background-color: #c8cdd3;border-top: 1px solid #d5dae0; }
.postlinksbar { background-color:#D1DCEB;padding:5px;margin-top:1px;font-size:10px; background-image: url(http://i4.ifrm.com/12675/56/upload/p3007.jpg);border-left:1px solid #acafb4; border-right:1px solid #acafb4; }

.row1 { background-color: #c8cdd3;border-top: 1px solid #d5dae0; }
.row2 { background-color: #c8cdd3;border-top: 1px solid #d5dae0 }
.row3 { background-color: #c8cdd3;border-top: 1px solid #d5dae0 }
.row4 { background-color: #c8cdd3;border-top: 1px solid #d5dae0 }
.row4 div.row4 {
background-image: url(http://i4.ifrm.com/12675/56/upload/p3073.jpg);
border:1px solid #acafb4;
padding:0px 3px 0px 3px;
}

.darkrow1 { background: url(http://i4.ifrm.com/12675/56/upload/p5421.jpg) top repeat-x #efefef; color:#4C77B6; }
.darkrow2 { background-image: url(http://i4.ifrm.com/12675/56/upload/p3073.jpg); color:#3A4F6C; }
.darkrow3 { background-image: url(http://i4.ifrm.com/12675/56/upload/p3073.jpg); color:#3A4F6C; }
div.darkrow2 { border: 1px solid #acafb4; border-top: 0; }

.hlight { background-color: #f1f5f6 }
.dlight { background-color: #f1f5f6 }

.titlemedium { font-weight:bold; color:#898b90; padding:1px; margin:0px; background-image: url(http://i4.ifrm.com/12675/56/upload/p2784.jpg) }

.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #3A4F6C }

div.titlemedium { border: 1px solid #acafb4; margin: -1px 0 -1px 0; }

.maintitle { text-align:center;vertical-align:middle;font-weight:bold; color:#FFF; letter-spacing:1px; padding:8px 0px 8px 5px; background-image: url(http://i4.ifrm.com/12675/56/upload/p2762.jpg);border-right:1px solid #acafb4;border-left:1px solid #acafb4; }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #FFF }
.maintitle a:hover { text-decoration: underline }

#ucpmenu .maintitle, #ucpcontent .maintitle{
text-align:center;vertical-align:middle;font-weight:bold; color:#FFF; letter-spacing:1px; padding:8px 0px 8px 5px; background-image: url(http://i4.ifrm.com/12675/56/upload/p5311.jpg); border-left: 0; border-right: 0;
}

.plainborder { border:1px solid #f1f5f6;background-color:#acafb4 }
.tableborder { border:1px solid #f1f5f6;background-color:#acafb4; padding:0px; margin:0px; width:100% }

.tablefill   { background-color: #c8cdd3; border: 1px solid #acafb4;padding:6px;  }

.tablefill table { background-color: #c8cdd3; border: 1px solid #acafb4; width: 100%; }

.tablefill table .pformleft { border: 0; }

.tablefill .tableborder { border: 0; }

.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:#898b90 }
.edit { font-size: 9px }

.signature   { font-size: 10px; color: #898b90 }
.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: 10px; color: #acafb4; background-color: #f1f5f6; border: 1px solid #acafb4; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE  { ont-family: Verdana, Arial;  font-size: 10px; color: #acafb4; background-color: #f1f5f6; border: 1px solid #acafb4; 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: 9px; font-family: Verdana, Arial; vertical-align: middle }

.forminput { background: url(http://i4.ifrm.com/12675/56/upload/p3073.jpg) top repeat-x #d5d8dd; color: #6B7074!important;font-size: 10px;border:1px solid #acafb4; }

.textinput {  background: url(http://i4.ifrm.com/12675/56/upload/p3073.jpg) top repeat-x #d5d8dd; color: #6B7074!important;font-size: 10px;border:1px solid #acafb4; }

.thin { padding:4px 3px 4px 3px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #acafb4;border-bottom:1px solid #acafb4;border-right:3px solid #acafb4;border-left:3px solid #acafb4;background-image:url(http://i4.ifrm.com/12675/56/upload/p3073.jpg); }

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

.borderleft { background-image: url(http://i4.ifrm.com/12675/56/upload/p2907.jpg); background-repeat: repeat-y; padding: 0px; background-position: right; }
.borderright { background-image: url(http://i4.ifrm.com/12675/56/upload/p2908.jpg); background-repeat: repeat-y; padding: 0px; background-position: left;  }

div.tableborder div.pformstrip { border-left:1px solid #acafb4;border-right:1px solid #acafb4; }

/*Portal*/

#ipbwrapper {
text-align:left;
width:850px;
margin-left:auto;
margin-right:auto;
}

div.row4 {border-color:#acafb4;border-right:1px solid #acafb4;border-bottom:1px solid #acafb4!important}
div.row4 {border-color:#acafb4!important;background-color: #cbd1d2;}

/*Search Page*/

div.tableborder div.tablepad { background-color: #acafb4!important; }
div.tableborder div.tablepad  table { background-color: #acafb4!important; }

div.tableborder div.tablepad input { background: url(http://i4.ifrm.com/12675/56/upload/p3073.jpg) top repeat-x #d5d8dd!important; }

div .tableborder { border:1px solid #acafb4; }
Offline Profile Quote Post Goto Top
 
Mini Maul
Member Avatar
Member
[ *  *  * ]
I like the simple design and the colors you have used. :)
Maybe try adding some codes like the submenu code or a full border. :)
I love what you have there though. :)
Offline Profile Quote Post Goto Top
 
Arianna
Member Avatar
Never settle for a half measure.
[ *  *  *  *  *  *  * ]
Very well done :) .
Offline Profile Quote Post Goto Top
 
Deletion.
Member Avatar
loldedicated
[ *  *  *  *  *  * ]
It seems like a pretty boring skin to me. I like the design, and I can clearly see the idea behind it, but it just needs a little accent of color besides he dull gray that you used. Keep trying. :)
Offline Profile Quote Post Goto Top
 
Vocal.
Member Avatar
Member
[ *  *  * ]
Deletion.
Feb 14 2008, 09:13 PM
It seems like a pretty boring skin to me. I like the design, and I can clearly see the idea behind it, but it just needs a little accent of color besides he dull gray that you used. Keep trying. :)

I see what you mean. The next time I will be sure to use brighter, more exciting colors. Thanks for your input. :D
Offline Profile Quote Post Goto Top
 
Clapton
Member Avatar
Also known as Feare, Aoine, Slowhand
[ *  *  *  *  *  *  *  * ]
Deletion.
Feb 14 2008, 04:13 PM
It seems like a pretty boring skin to me. I like the design, and I can clearly see the idea behind it, but it just needs a little accent of color besides he dull gray that you used. Keep trying. :)

I agree with Del, and also I think you should change the table color. Other than that it is a lovely skin ^_^
Offline Profile Quote Post Goto Top
 
.Vendetta
Member Avatar
Member
[ *  *  *  * ]
Overall great skin. However, the maintitle text could stand to be a tad bit darker. ^_^
Offline Profile Quote Post Goto Top
 
i maxxis i
Member Avatar
Member
[ *  * ]
Looks nice, i live basic looking skins like yours.
Offline Profile Quote Post Goto Top
 
summoner_skylar
Member
[ *  * ]
Great one!
Offline Profile Quote Post Goto Top
 
Nivexonix
Member Avatar
Love
[ *  *  *  *  *  *  * ]
The border is a little bit strange for me, in that the top left corner doesn't fit with the rest of it. However, it looks nice. Good job Vocal.
Offline Profile Quote Post Goto Top
 
ErikDZ
Member
[ *  * ]
Awsome, nuff said :D

Good luck, Erik.
Offline Profile Quote Post Goto Top
 
Bloody Valentine
Member Avatar
Member
[ * ]
this is so WOW worthy it hurts.
Offline Profile Quote Post Goto Top
 
.Spades
Member Avatar
Getting Better
[ *  *  *  * ]
Can deserve a WOW by making 3-piece maintitle.When I hover on the "
The moderating team | Today's active topics | Overall top 10 posters " I don't see anything. Try changing the color of the hover. So far all I can say.
Offline Profile Quote Post Goto Top
 
.Danilo
Member Avatar
the original pirate
[ *  *  *  *  *  *  *  * ]
I personally like this. I like the simplicity and it's really pleasant in the eyes; it's almost soothing to look at it. I'd perhaps tone down the scanlines on the maintitle (I've never been a fan of those) and maybe add some hints of a darker color for contrast. But good job nevertheless. Keep skinning. ^_^
Offline Profile Quote Post Goto Top
 
skyler
Member Avatar
Member
[ *  * ]
It;s simple o_O too simple for my taste and the colors...well whyte and grey are not really that boring but combined with the simplisity of the skin make one not want to keep on looking....But hey...nice job anyway :'(
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Light · Next Topic »
Add Reply
  • Pages:
  • 1