|
Vogue
|
|
Topic Started: Feb 14 2008, 02:23 PM (1,301 Views)
|
|
Vocal.
|
Feb 14 2008, 02:23 PM
Post #1
|
- Posts:
- 467
- Group:
- Members
- Member
- #138,628
- Joined:
- January 14, 2006
- Latest Design
- http://z3.ifrm.com/53/36/0/p464521/wintertheme4.png
|
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; }
|
|
|
| |
|
Mini Maul
|
Feb 14 2008, 03:29 PM
Post #2
|
- Posts:
- 479
- Group:
- Members
- Member
- #176,613
- Joined:
- May 23, 2006
- I'm Browsing With
- Chrome
|
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.
|
|
|
| |
|
Arianna
|
Feb 14 2008, 04:27 PM
Post #3
|
Never settle for a half measure.
- Posts:
- 7,352
- Group:
- Members
- Member
- #296,105
- Joined:
- August 25, 2007
|
Very well done .
|
|
|
| |
|
Deletion.
|
Feb 14 2008, 05:13 PM
Post #4
|
- Posts:
- 3,333
- Group:
- Members
- Member
- #247,348
- Joined:
- February 2, 2007
|
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.
|
|
|
| |
|
Vocal.
|
Feb 14 2008, 05:34 PM
Post #5
|
- Posts:
- 467
- Group:
- Members
- Member
- #138,628
- Joined:
- January 14, 2006
- Latest Design
- http://z3.ifrm.com/53/36/0/p464521/wintertheme4.png
|
- 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.
|
|
|
| |
|
Clapton
|
Feb 14 2008, 06:22 PM
Post #6
|
Also known as Feare, Aoine, Slowhand
- Posts:
- 9,491
- Group:
- Members
- Member
- #82,956
- Joined:
- June 20, 2005
|
- 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
|
|
|
| |
|
.Vendetta
|
Feb 14 2008, 10:40 PM
Post #7
|
- Posts:
- 629
- Group:
- Members
- Member
- #321,001
- Joined:
- January 16, 2008
|
Overall great skin. However, the maintitle text could stand to be a tad bit darker.
|
|
|
| |
|
i maxxis i
|
Feb 15 2008, 05:26 AM
Post #8
|
- Posts:
- 101
- Group:
- Members
- Member
- #75,629
- Joined:
- May 22, 2005
|
Looks nice, i live basic looking skins like yours.
|
|
|
| |
|
summoner_skylar
|
Feb 15 2008, 12:18 PM
Post #9
|
- Posts:
- 100
- Group:
- Members
- Member
- #141,527
- Joined:
- January 24, 2006
|
Great one!
|
|
|
| |
|
Nivexonix
|
Feb 15 2008, 04:07 PM
Post #10
|
- Posts:
- 7,634
- Group:
- Members
- Member
- #143,495
- Joined:
- January 31, 2006
- I'm Browsing With
- Chrome
|
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.
|
|
|
| |
|
ErikDZ
|
Feb 16 2008, 08:54 AM
Post #11
|
- Posts:
- 89
- Group:
- Members
- Member
- #315,132
- Joined:
- December 14, 2007
|
Awsome, nuff said 
Good luck, Erik.
|
|
|
| |
|
Bloody Valentine
|
Feb 16 2008, 10:37 AM
Post #12
|
- Posts:
- 9
- Group:
- Members
- Member
- #45,432
- Joined:
- January 4, 2005
|
this is so WOW worthy it hurts.
|
|
|
| |
|
.Spades
|
Feb 16 2008, 12:25 PM
Post #13
|
- Posts:
- 672
- Group:
- Members
- Member
- #288,978
- Joined:
- July 25, 2007
|
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.
|
|
|
| |
|
.Danilo
|
Feb 17 2008, 06:57 AM
Post #14
|
- Posts:
- 9,385
- Group:
- Members
- Member
- #3,245
- Joined:
- November 24, 2003
|
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.
|
|
|
| |
|
skyler
|
Feb 18 2008, 05:43 PM
Post #15
|
- Posts:
- 52
- Group:
- Members
- Member
- #119,192
- Joined:
- November 1, 2005
- I'm Browsing With
- Chrome
|
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 :'(
|
|
|
| |
| 1 user reading this topic (1 Guest and 0 Anonymous)
|