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
TA8 - Atramentous Evolved; sleek EFS version of Atramentous
Topic Started: Jan 27 2006, 06:55 PM (815 Views)
Peter
Member Avatar
Care for a quiche?
[ *  *  *  *  *  * ]
Name: Atramentous Evolved
Author: Me
Skin Number: 8
Date Created: over the last few weeks
Side Notes: This i probably my most original skin yet, plus I've used loads of cool CSS and alot less javascript than my last couple of skins ;), i'm really pleased with how it turned out.

Preview

Board Wrappers:
Header
Quote:
 
<center><body bgcolor="#F0F0F0" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table cellspacing="0"  bgcolor="#F0F0F0" valign="top" height="100%" width="833px"><tr>
<td class="topleft"></td>
<td class="top"></td>
<td class="topright"></td></tr><tr>
<td class="left"></td>
<td height="100%" valign="top">
<% BOARD HEADER %>
<% NAVIGATION %>
<center>
<% BOARD %></center><br />

Footer
Quote:
 
<table width="100%" style='border: 1px solid #B8B8B8; border-top: 0px; background-color:  #EAEAEA' cellspacing="1" cellpadding="4">
<tr>
<td align='center'><font size=1><b>Atramentous Evolved</b> created by <b>The Architect</b> of <b><a href="http://www.ifskinzone.net">IFSZ</a></b> and the <b><a href="http://www.anizone.co.uk/forums">Anizone</a></b>.</font></td></tr></table></td>
<td class="right"></td></tr><tr>
<td class="bottomleft"></td>
<td class="bottom"></td>
<td class="bottomright"></td></tr></table>
</center>

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

form { display:inline; }
img  { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #000; margin:0px 10px 0px 10px;background-color:#222222}
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #000; }
a:link, a:visited, a:active { text-decoration: none; color: #000 }
a:hover { color: #222222; text-decoration: underline}
#ipbwrapper { text-align:left; width: 795px; margin-left:auto;margin-right:auto; background-color: #F0F0F0; padding: 5px 25px 5px 25px; background: repeat-y center url(http://i4.ifrm.com/5610/150/upload/p196517.png); }

fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }

img.attach { border:2px outset #B8B8B8;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; mrationargin:0px 0px 10px 0px }
ul#help    { padding:0px 0px 0px 15px }

option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#000 }
.caldate  { text-align:right; font-weight:bold; font-size:11px;color:#000; padding:2px 4px 3px 0px; background-image: url(http://i2.ifrm.com/5451/181/upload/p191198.png); border-bottom:1px solid #B8B8B8; }

.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 #B8B8B8;background-color: #EDEDED}
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #EDEDED; border:1px solid #B8B8B8;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border: solid 1px #B8B8B8; text-align: center; background: top center #EAEAEA; padding:0px; margin: 0px;}
#submenu  { border: solid 1px #B8B8B8; background-color: #EAEAEA; font-size:10px;margin:3px 0px 3px 0px; color:#000; font-weight:bold;}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #000; }
#submenu a:hover { color: #222222; text-decoration: underline}
#submenu img {display: none}
#userlinks { border: solid 1px #B8B8B8; background-color: #EAEAEA}

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

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

.pformstrip { background-color: #EDEDED; color:#000; font-weight:bold; padding: 3px; margin-top:1px; background-image: url(http://i2.ifrm.com/5451/181/upload/p191156.png); }
.pformleft  { background-color: #EDEDED; padding:6px; margin-top:1px;width:25%; border-top:1px solid #B8B8B8; border-right:1px solid #B8B8B8; }
.pformleftw { background-color: #EDEDED; padding:6px; margin-top:1px;width:40%; border-top:1px solid #B8B8B8; border-right:1px solid #B8B8B8; }
.pformright { background-color: #EDEDED; padding:6px; margin-top:1px;border-top:1px solid #B8B8B8; }

.post1 { background-color: #EDEDED}
.post2 { background-color: #EDEDED}
.postlinksbar { background-color:#EDEDED; border: 0px; border-left: 1px solid #B8B8B8; border-right: 1px solid #B8B8B8;padding:3px;margin-top:1px;font-size:10px; background-image: url(http://i2.ifrm.com/5451/181/upload/p191156.png) }

.row1 { background-color: #EDEDED}
.row2 { background: #EDEDED repeat-x top url(http://i4.ifrm.com/5610/150/upload/p266590.png)}
.row3 { background-color: #EDEDED}
.row4 { background: #EDEDED repeat-x top url(http://i4.ifrm.com/5610/150/upload/p266590.png)}

.darkrow1 { background-color: #EDEDED; color:#000; }
.darkrow2 { color:#000; padding: 3px; background: url(http://i2.ifrm.com/5451/181/upload/p191198.png) repeat-x #F0F0F0 }
.darkrow3 { background-color: #F0F0F0; color:#000; background-image: url(http://i2.ifrm.com/5451/181/upload/p238323.png) }

.hlight { background-color: #DCDCDC}
.dlight { background-color: #EDEDED}

.titlemedium {font-weight: bold; color:#000; padding:4px; margin:0px; background-color:#F0F0F0; border-top: 0px solid #B8B8B8; background-image: url(http://i4.ifrm.com/5610/150/upload/p137.png) }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #000}

.maintitle { vertical-align:middle; font-weight: bold; color:#FFF; letter-spacing:1px; text-align: left; padding: 8px 0px 8px 20px; border: 0px; background: url(http://i4.ifrm.com/5610/150/upload/p85228.png) #D5D5D5 no-repeat top center; }
.maintitle img {display: none}
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #FFF }
.maintitle a:hover { text-decoration: underline}

.plainborder { border:0px solid #B8B8B8;background-color:#B8B8B8}
.tableborder { border:0px solid #B8B8B8;background-color:#B8B8B8; padding:0px; margin:0px; width:100% }
.tablefill  { border:1px solid #B8B8B8;background-color:#F1F1F1;padding:6px;  }
.tablepad    { background-color:#EBEBEB;padding:6px; border:1px solid #B8B8B8; }
.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:#000; background-color: #EDEDED;}
.edit { font-size: 9px }

.signature  { font-size: 10px; color: #000}
.postdetails { font-size: 10px }
.postcolor  { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #000}
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #000}

.searchlite { font-weight:bold; color:#000; background-color:#EDEDED}

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #000; background-color: #F1F1F1; border: 1px solid #B8B8B8; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE  { font-family: Courier, Courier New, Verdana, Arial;  font-size: 11px; color: #000; background-color: #F1F1F1; border: 1px solid #B8B8B8; 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; border:1px solid #B8B8B8; background-color: #F1F1F1; }
.forminput, .textinput, textarea, .radiobutton, .checkbox  { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle;  border:1px solid #B8B8B8; background-color: #F1F1F1 }

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

.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: #B8B8B8!important; background: #EAEAEA url(); }
div.darkrow2 {border: solid 1px #B8B8B8; border-top: 0px; background: url(http://i2.ifrm.com/5451/181/upload/p238323.png); }
div.pformstrip { border: solid 1px #B8B8B8; }

form div.tableborder td.row1 { background-color: #EBEBEB; border-top: 2px solid #E0E0E0!important; border-left: 2px solid #E0E0E0!important; border-right: 2px solid #C8C8C8!important; border-bottom: 2px solid #C8C8C8!important;}
form div.pformstrip {border-left: 1px solid #B8B8B8; border-right: 1px solid #B8B8B8;}

div.tableborder div.tablepad { background-color: #E0E0E0!important; border-bottom: 0px; }
div.tableborder div.tablepad  table { background-color: #E0E0E0!important; border-bottom: 0px; }
div.tableborder div.tablepad input { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle;  border:1px solid #B8B8B8; background-color: #E9E9E9;  }

td#ucpcontent form div.tableborder td.row1 { background-color: #EBEBEB; border: none!important; }
td#ucpcontent div.maintitle, td#ucpmenu div.maintitle { background: url(http://i4.ifrm.com/5610/150/upload/p85316.png) top center repeat-x #D5D5D5; padding: 5px 0px 5px 0px; text-align: center; }
td#ucpcontent div.pformstrip, td#ucpmenu div.pformstrip { border: 1px solid #B8B8B8; border-left: 0px; border-right: 0px; }
td#ucpcontent td.pformstrip {border-top: 1px solid #B8B8B8; }
td.row4 div.row4 { border: 0px; }
td.maintitle {background: url(http://i4.ifrm.com/5610/150/upload/p85316.png) top center repeat-x #D5D5D5; text-align: left; padding: 7px 0px 7px 20px;}
td.row1 {background-color: #F0F0F0;}

#ipbwrapper div.maintitle {text-align: center; padding: 7px 0px 8px 0px; border: 0px; border-bottom: 1px solid #B8B8B8; background: url(http://i4.ifrm.com/5610/150/upload/p85316.png) top center repeat-x #D5D5D5; }
#ipbwrapper div.tableborder { border: 1px solid #B8B8B8;}
#ipbwrapper div.tablepad { border: 0px;}
#ipbwrapper td.row4 { border: 0px; background: #F0F0F0;}
#ipbwrapper div.tablepad {background-color: #EDEDED!important;}
#ipbwrapper .row2 { background: url() #EDEDED;}

.topleft        { padding: 8px; background: repeat-y top left url(http://i4.ifrm.com/5610/150/upload/p284415.png) }
.top            { padding: 0px;}
.topright      { padding: 8px; background: repeat-y top right url(http://i4.ifrm.com/5610/150/upload/p284410.png) }
.left            { padding: 8px; background: repeat-y left url(http://i4.ifrm.com/5610/150/upload/p284415.png) }
.right          { padding: 8px; background: repeat-y right url(http://i4.ifrm.com/5610/150/upload/p284410.png) }
.bottomleft  { padding: 8px; background: repeat-y bottom left url(http://i4.ifrm.com/5610/150/upload/p284415.png) }
.bottom      { padding: 0px;}
.bottomright { padding: 8px; background: repeat-y bottom right url(http://i4.ifrm.com/5610/150/upload/p284410.png); }
</style>

<script language="javascript">
if ( location.search.indexOf('act=Post')!=-1 ){document.write("<style>.tableborder {border: 1px solid #B8B8B8; } }</style>")}
if ( location.search.indexOf('act=Post')!=-1 ){document.write("<style>div.tableborder {border: 0px; } }</style>")}
if ( location.search.indexOf('act=Post')!=-1 ){document.write("<style>.maintitle {background: url(http://i4.ifrm.com/5610/150/upload/p85316.png) top center repeat-x #D5D5D5; padding: 8px 0px 8px 0px; text-align: center; } }</style>")}
if ( location.search.indexOf('act=Post')!=-1 ){document.write("<style>.pformstrip {border-top: 1px solid #B8B8B8; } }</style>")}
if ( location.search.indexOf('act=Login')!=-1 ){document.write("<style>.pformleftw {border: 0px; } }</style>")}
if ( location.search.indexOf('act=Login')!=-1 ){document.write("<style>.pformright {border: 0px; } }</style>")}
if ( location.search.indexOf('showtopic=')!=-1 ){document.write("<style>.tableborder {width: 99.5%; } }</style>")}
if ( location.search.indexOf('act=Help')!=-1 ){document.write("<style>.tableborder {border-bottom: 1px solid #B8B8B8; } }</style>")}
if ( location.search.indexOf('showtopic=')!=-1 ){document.write("<style>div.tableborder div.tablepad {background-color: #EDEDED!important; } }</style>")}
if ( location.search.indexOf('showtopic=')!=-1 ){document.write("<style>div.tableborder div.tablepad  table {background-color: #EDEDED!important; } }</style>")}
if ( location.search.indexOf('showtopic=')!=-1 ){document.write("<style>div.tableborder div.pformstrip {border-top: 0px; border-bottom: 0px; } }</style>")}
if ( location.search.indexOf('showtopic=')!=-1 ){document.write("<style>.maintitle {background: url(http://i4.ifrm.com/5610/150/upload/p85316.png); border: 1px solid #B8B8B8; border-bottom: 0px; padding: 7px 0px 7px 20px; } }</style>")}
</script>
Offline Profile Quote Post Goto Top
 
Evanish
Member Avatar
Member
[ *  *  *  *  * ]
Looks good for an 8th skin. Just make the skin itself less wide. Grad looks good but theres alot of white on the skin.
Offline Profile Quote Post Goto Top
 
Peter
Member Avatar
Care for a quiche?
[ *  *  *  *  *  * ]
its not actually white, but thanks for the comment anyway
Offline Profile Quote Post Goto Top
 
Gangstarr71
Member Avatar
Movin On Up.
[ *  *  *  *  *  * ]
Looks good, but make the image borders bigger, and use a lighter (softer) color of black text.
Offline Profile Quote Post Goto Top
 
tiptopolive
Member Avatar
oh my, he's so gangsta
[ *  *  *  *  *  *  * ]
Wow, really nice. Keep it up. ;)
Offline Profile Quote Post Goto Top
 
Ubaloo
Unregistered

Not bad, good job. :)
Quote Post Goto Top
 
darkshadow654
Member
[ *  *  * ]
nice
Offline Profile Quote Post Goto Top
 
Peter
Member Avatar
Care for a quiche?
[ *  *  *  *  *  * ]
thanks for all the feedback everyone!
Offline Profile Quote Post Goto Top
 
Jay-Z
^ Burnley FC 4 ever ^
[ *  *  *  *  *  * ]
pretty good
Offline Profile Quote Post Goto Top
 
Drew
&TIME.
[ *  *  *  *  *  *  *  *  * ]
I like it a lot. The right side of the MT is a tad choppy though.
Offline Profile Quote Post Goto Top
 
tomcollinge
Member
[ *  *  * ]
Love The MT :P
Offline Profile Quote Post Goto Top
 
Peter
Member Avatar
Care for a quiche?
[ *  *  *  *  *  * ]
thanks everyone
Offline Profile Quote Post Goto Top
 
finch
Member
[ *  *  *  *  *  *  *  *  * ]
Ooo, lovely MT.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Light · Next Topic »
Add Reply