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
untitled53
Topic Started: Jan 6 2007, 12:17 PM (2,587 Views)
.Fable
Member Avatar
relax, we understand j00
[ *  *  *  *  *  * ]
Name: -
Author: Fable
Preview: Click

Markers by Fable

Code:

"Header and Body"
 
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000"><br />
<div align="center">
<table width="822" cellpadding="10" cellspacing="0"><tr>
<td class="boardtable">
<div class="logo"></div>
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<span class="copyright">

"Footer"
 
</span></td></tr><tr><td class="copy" background="http://i123.photobucket.com/albums/o290/Fable-06/copywizzard.png"><img src="http://i123.photobucket.com/albums/o290/Fable-06/copyleftwizzard.png" />Skin and Content © copyright to <a href="http://forums.ifskinzone.net">Skin Zone</a><img src="http://i123.photobucket.com/albums/o290/Fable-06/copyrightwizzard.png" /></td></tr></table></div>

<script type='text/javascript'><!--
// 3-part Userlinks
z = document.getElementById('userlinks')
if (z.innerHTML.match(/This menu has been disabled/) && z.cellSpacing==6) { }
else {
z.rows[0].insertCell(0).className="left"
z.rows[0].insertCell(3).className="right"
z.rows[0].cells[0].innerHTML="&nbsp;"
z.rows[0].cells[3].innerHTML="&nbsp;" }
z.cellSpacing = "0"
// --></script>

<script type='text/javascript'><!--
// 3-part Userlinks
z = document.getElementById('submenu')
if (z.innerHTML.match(/This menu has been disabled/) && z.cellSpacing==6) { }
else {
z.rows[0].insertCell(0).className="left"
z.rows[0].insertCell(3).className="right"
z.rows[0].cells[0].innerHTML="&nbsp;"
z.rows[0].cells[3].innerHTML="&nbsp;" }
z.cellSpacing = "0"
// --></script>

"CSS"
 
html { overflow-x: auto; overflow-y: auto; }

form { display:inline; }
img  { vertical-align:middle; border:0px }
BODY { font-family: Tahoma, sans-serif; font-size: 10px; color: #AAA; margin:0px 10px 0px 10px;background-color:#BEC6C9 }
TABLE, TR, TD { font-family: Tahoma, sans-serif; font-size: 10px; color: #AAA; }
a:link, a:visited, a:active { text-decoration: none; color: #5A6B71 }
a:hover { color: #7C8D93; 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:center;font-weight:normal; font-size:10px; color:#AAA; background-color:#EAF8CF; padding:0px; background-image:url(http://i123.photobucket.com/albums/o290/Fable-06/forminputworld.png); margin: 1px 10px 0px 70px; border:1px solid #CCC;  }

form div.tableborder td.row1 div.caldate { text-align:center; font-weight: normal;
background-image:url(http://i123.photobucket.com/albums/o290/Fable-06/titlemediumwizzard.png);
color:#5A6B71;
margin: 2px 10px 0px 70px; border:1px solid #CCC; }
form div.tableborder td.row1 { background:#D8DDDF url(http://i123.photobucket.com/albums/o290/Fable-06/imagewizzard.png) bottom left no-repeat; border:none!important; }
td#ucpcontent form div.tableborder td.row1 { background:#D8DDDF url(http://i123.photobucket.com/albums/o290/Fable-06/imagewizzard.png) bottom left no-repeat; border: none!important; }

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

table td#ucpcontent div.pformstrip { border:1px solid #CCC; border-left:0px; border-right:0px; padding:3px; padding-top:1px; }
table td#ucpcontent div.maintitle { text-align:center; text-indent:0px; border:0px; background: top repeat-x url(http://i123.photobucket.com/albums/o290/Fable-06/divdarkrow2wizzard.png); color:#AAA; padding:6px 0px 6px 0px; }

table td#ucpmenu div.pformstrip { border:1px solid #CCC; border-left:0px; border-right:0px;padding-top:1px; }
table td#ucpmenu div.maintitle { text-indent:0px; text-align:center; border:0px; background: top repeat-x url(http://i123.photobucket.com/albums/o290/Fable-06/divdarkrow2wizzard.png); color:#AAA; padding:6px 0px 6px 0px; }

#ucpmenu    { line-height:150%;width:22%; border:1px solid #CCC;background-color: #F1F1F1 }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #F1F1F1; border:1px solid #CCC;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { display:none }

#submenu img { display:none }
#submenu  { border-top:1px solid #CCC; border-bottom:1px solid #CCC; background: #F1F1F1 url(http://i123.photobucket.com/albums/o290/Fable-06/titlemediumwizzard.png) top repeat-x; padding-bottom: 0px; margin-bottom:3px; }
#submenu td a { font-weight:normal;font-size:10px;text-decoration: none; color: #5A6B71; }
#submenu td { color: #AAA; padding-bottom: 0px;}
#submenu .left { border-left:1px solid #CCC; background: #F1F1F1 url(http://i123.photobucket.com/albums/o290/Fable-06/leftwizzard.png) top repeat-x; width:17px; padding-bottom: 0px; margin-bottom:3px; }
#submenu .right { border-right:1px solid #CCC; background: #F1F1F1 url(http://i123.photobucket.com/albums/o290/Fable-06/rightwizzard.png) top repeat-x; width:17px; padding-bottom: 0px; margin-bottom:3px; }
#submenu td a:hover { text-decoration: underline; color: #7C8D93; }

#userlinks { border-top:1px solid #CCC; border-bottom:1px solid #CCC; background: #F1F1F1 url(http://i123.photobucket.com/albums/o290/Fable-06/titlemediumwizzard.png) top repeat-x; padding-bottom: 0px; }
#userlinks td { color: #AAA; padding-bottom: 0px;}
#userlinks .left { border-left:1px solid #CCC; background: #F1F1F1 url(http://i123.photobucket.com/albums/o290/Fable-06/leftwizzard.png) top repeat-x;width:17px; padding-bottom: 0px; }
#userlinks .right { border-right:1px solid #CCC; background: #F1F1F1 url(http://i123.photobucket.com/albums/o290/Fable-06/rightwizzard.png) top repeat-x; width:17px; padding-bottom: 0px; }
#userlinks td a { color: #5A6B71; font-weight: none;
text-decoration: none; }
#userlinks td a:hover { text-decoration: underline; color: #7C8D93; }

#navstrip  { font-weight:normal; background: #F1F1F1 url(http://i123.photobucket.com/albums/o290/Fable-06/titlemediumwizzard.png) top repeat-x; border:1px solid #CCC; padding:0px; }

.activeuserstrip { background-color:#F1F1F1; border:1px solid #CCC; border-bottom:0px; padding:6px }

table tr td#ucpcontent form table td.pformstrip { border:1px solid #CCC!important; }
table.tableborder td.pformstrip { border:1px solid #CCC; }
div.pformstrip { border:1px solid #CCC; }
td.pformstrip:hover { color:#7C8D93; }
.pformstrip { background: #F1F1F1 url(http://i123.photobucket.com/albums/o290/Fable-06/titlemediumwizzard.png) top repeat-x; border-left:1px solid #EFEFEF; border-right:1px solid #EFEFEF; color:#AAA; font-weight:normal; padding:2px; margin-top:1px }
.pformleft  { background-color: #F1F1F1; padding:6px; margin-top:1px;width:25%; border-left:1px solid #CCC; }
.pformleftw { background-color: #F1F1F1; padding:6px; margin-top:1px;width:40%; border-right:1px solid #CCC; border-left:1px solid #CCC!important; border-bottom:0px!important; }
.pformright { background-color: #F1F1F1; padding:6px; margin-top:1px;border:1px solid #CCC; border-top:0px; border-bottom:0px; }

.postlinksbar { background: #F1F1F1 url(http://i123.photobucket.com/albums/o290/Fable-06/titlemediumwizzard.png) top repeat-x; border-left:1px solid #CCC; border-right:1px solid #CCC; padding:2px; margin-top:1px; font-size:10px; }

.row1, .row2, .row3, .row4, .post1, .post2 { background-color: #F1F1F1; border:1px solid #FAFAFA; border-bottom:0px; }
td.row4:hover, td.row2:hover, span.desc:hover { color:#7C8D93; }
div.row4 { background:#BEC6C9; border:1px solid #BBB; }
div.row2 { background-color: #F1F1F1; border:1px solid #CCC; border-top:0px; }
.row4 div.row4 { border: 0!important; background:#F1F1F1!important; }

.darkrow1 { background-color: #E9E9E9; color:#AAA; }

.darkrow2 { background: #F1F1F1 url(http://i123.photobucket.com/albums/o290/Fable-06/darkrow2wizzard.png) top no-repeat; color:#AAA; padding:0px; }
div.darkrow2 { background:#F1F1F1 url(http://i123.photobucket.com/albums/o290/Fable-06/divdarkrow2wizzard.png) top repeat-x; border:1px solid #CCC; border-top:0px; }

.darkrow3 { background: #F1F1F1; border:1px solid #FAFAFA; border-bottom:0px; color:#AAA; }
div.darkrow3 { border:0px; }

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

div.titlemedium { border:1px solid #CCC; border-top:0px; }
th.titlemedium:hover { color:#7C8D93; }
.titlemedium { font-weight:normal; color:#AAA; padding:2px; margin:0px; background: #F1F1F1 url(http://i123.photobucket.com/albums/o290/Fable-06/titlemediumwizzard.png) top repeat-x; border-left:1px solid #EFEFEF; border-right:1px solid #EFEFEF; }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #AAA }

table td.plainborder table td.maintitle { text-indent:0px; background: #EEE url(http://i123.photobucket.com/albums/o290/Fable-06/divdarkrow2wizzard.png) top repeat-x; padding:7px 0px 9px 0px; color:#AAA; }

div.maintitle { text-align:left; text-indent:75px; }
div.maintitle div { text-align:left; text-indent:75px; }
.maintitle { text-indent:75px; vertical-align:middle; font-weight:normal; color:#FFF; letter-spacing:1px; padding:6px 0px 1px 5px; background: #F1F1F1 url(http://i123.photobucket.com/albums/o290/Fable-06/maintitlewizzard.png) top no-repeat; }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #FFF }
.maintitle a:hover { text-decoration: none; }
.maintitle img { display:none }

.plainborder { border:0px;background-color:#CCC; }
.tableborder { border:0px;background-color:#CCC; padding:0px; margin:0px; width:100% }
.tablefill  { border:1px solid #CCC;background-color:#F9F9F9;padding:6px;  }
.tablepad    { background-color:#F9F9F9;padding:6px }
.tablebasic  { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

.tableborder { background-color: #CCC; padding: 0px 0px 19px 0px; margin:0px; width:100%; background-position: bottom left; background-repeat: no-repeat; background-image: url(http://i123.photobucket.com/albums/o290/Fable-06/tableborderwizzard.png); }

.wrapmini    { float:left;line-height:1.5em;width:25% }
.pagelinks  { float:left;line-height:1.2em;width:35% }

.desc { font-size:10px; color:#AAA }
.edit { font-size: 9px }

.signature  { font-size: 10px; color: #BBB }
.postdetails { font-size: 10px; }
.postcolor  { font-size: 11px; 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, #CODE { font-family: Tahoma, sans-serif; font-size: 10px; color: #7C8D93; background-color: #F6F6F6; border: 1px solid #CCC; padding:2px 2px 2px 2px; }

.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }

.codebuttons  { font-size: 10px; font-family: Tahoma, sans-serif; vertical-align: middle; background: #F9F9F9 url(http://i123.photobucket.com/albums/o290/Fable-06/forminputworld.png) top repeat-x; border:1px solid #CCC; background-repeat:repeat-x; color:#AAA; }
.forminput, .textinput, .radiobutton, .checkbox  { font-size: 11px; font-family: Tahoma, sans-serif; vertical-align: middle; background: #F9F9F9 url(http://i123.photobucket.com/albums/o290/Fable-06/forminputworld.png) top repeat-x; border:1px solid #CCC; background-repeat:repeat-x; color:#AAA; }

.thin { padding:1px 0px 1px 2px;line-height:140%;margin:2px 0px 2px 0px;border:1px solid #CCC; background:#F9F9F9; }

/* Start Custom */

.boardtable { background:#E9E9E9; border:1px solid #AAA; border-bottom:1px solid #CCC; }
.copy { border-left:1px solid #AAA; border-right:1px solid #AAA; text-indent:70px; padding:0px; height:15px; background-repeat:repeat-x; }
td.copy:hover { color:#7C8D93; }
.copyright .row4 { background:#F1F1F1; border:1px solid #CCC!important; }

div.tableborder div.tablepad div.pformstrip div td { border-top:0px!important; }
div.tableborder div.tablepad { background-color: #F1F1F1!important; border:1px solid #CCC!important; }
div.tableborder div.tablepad  table { background-color: #F1F1F1!important; }

form div.tableborder td.pformleftw { border:0px; }
form div.tableborder div.pformstrip { margin:0px; }
form div.tableborder table.tablebasic td { border:0px;margin:0px; }
form div.tableborder table.tablebasic { border:0px;margin:0px; }
div.tableborder div.pformstrip { margin-top:0px; }
form table td.pformright textarea { background-color:#F9F9F9; background-image:url(http://i123.photobucket.com/albums/o290/Fable-06/forminputworld.png); border:1px solid #CCC; background-repeat:repeat-x; }

#ipbwrapper { text-align:left; width:750px; margin-left:auto; margin-right:auto; background-color:#F9F9F9; border:1px solid #CCC; padding:10px; }
#ipbwrapper .maintitle { text-indent:0px; text-align:center; background-image:url(http://i8.photobucket.com/albums/a14/Garth3/divdarkrow2wizzard.png); padding: 0px 0px 0px 0px!important; color:#AAA; height: 28px; border:1px solid #CCC; border-bottom:0px; border-right:0px; }
#ipbwrapper .maintitle a { color:#AAA; }
#ipbwrapper .row2 { border:1px solid #CCC; }
#ipbwrapper .tablepad { background-color:#F9F9F9; border-right:0px; }
#ipbwrapper .tableborder { border-right:1px solid #CCC; }

div fieldset.search { border:1px solid #CCC; }

/* End Custom */

.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 }
Offline Profile Quote Post Goto Top
 
.hyperdude
Member Avatar
WALL-E!!!!!!
[ *  *  *  * ]
*raises eyebrows* Looks nice. Seems SZ inspired, am I right?
I'm not so much of a critic to go through all the parts for bugs...
8/10.
Offline Profile Quote Post Goto Top
 
.Fable
Member Avatar
relax, we understand j00
[ *  *  *  *  *  * ]
Hroels
Jan 6 2007, 04:25 PM
*raises eyebrows* Looks nice. Seems SZ inspired, am I right?
I'm not so much of a critic to go through all the parts for bugs...
8/10.

:lol: I didn't think theres even a hint of sz in there, but each to their own, thanks for the comment
Offline Profile Quote Post Goto Top
 
Robin_1
Member
[ * ]
Not really my cup of tea, sorry.
Offline Profile Quote Post Goto Top
 
.Hated
Member Avatar
Thnks Fr Th Mmrs
[ *  *  *  *  *  * ]
I really like this skin! I love the maintitle and it looks beautiful. Everything seems to be constructed well. ^_^
Offline Profile Quote Post Goto Top
 
KnifeMaster
Member
[ *  * ]
Great skin, im impressed.
Offline Profile Quote Post Goto Top
 
Elique.
Member Avatar
What in the world is up!?
[ *  *  *  *  * ]
Looks really good ^_^
Offline Profile Quote Post Goto Top
 
.Fable
Member Avatar
relax, we understand j00
[ *  *  *  *  *  * ]
Thanks for the comments all ^_^

I have been away from SZ for a while, and I hope this marks my return :)
Offline Profile Quote Post Goto Top
 
Orbed
Member Avatar
realstuff
[ *  *  *  * ]
Wow, this is a very good skin..only thing i dont like, is the Text Hover. The links should be the only thing tht hovers.
Offline Profile Quote Post Goto Top
 
.hyperdude
Member Avatar
WALL-E!!!!!!
[ *  *  *  * ]
IMO it looked kinda SZ-ish because of the curvy stripes on the edges... :santa1:
Offline Profile Quote Post Goto Top
 
azeem
Member
[ *  * ]
nice nice love the skin gr8 work m8!!!!!!!!!!!!!
Offline Profile Quote Post Goto Top
 
shinytoyfishes
Member Avatar
Member
[ *  *  * ]
Great job Garth.
Offline Profile Quote Post Goto Top
 
azeem
Member
[ *  * ]
oh yh btw what about the graphics can u post em???????????????????
Offline Profile Quote Post Goto Top
 
OverTheBelow
Member Avatar
Member
[ *  *  *  *  *  * ]
Really nice skin. Though I think the tableborder gradient is too big and doesn't really fit the maintitle.
Offline Profile Quote Post Goto Top
 
Drew
&TIME.
[ *  *  *  *  *  *  *  *  * ]
I like it, nice job. One thing that bothers me though is that some parts seem a little too different. The tableborder seems a little too dark in my opinion when compared to the rows and the darkrow2, and something about it just makes me dislike it; maybe it is because the darkrow2 and titlemedium and rows are flat, then the tableborder is not. Your titlemedium and darkrow2 are really flat. I like the maintitle. I don't see too many maintitles that aren't symmetrical anymore. I don't really like how userlinks/submenu gradients are really small now, but if you like it, then keep it. Nice job.
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
  • 3