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
BrownTech
Topic Started: Dec 19 2004, 12:05 PM (436 Views)
MasterDragon
Member
[ * ]


Name: BrownTech
Author: MasterDragon
Skin Number: 1
Date Created: December 19
Side Notes: Hey everyone! I ussally don't do Invision Skins, or Invision Free, but this was requested, so I did one without even know how to code Invision Free, but, I did good. Heh.

Preview: http://s6.invisionfree.com/BrownTech/index.php?

Header and Body
Quote:
 

<body bgcolor="#252320" text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="768" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000000" height="100%" bordercolor="#000" bordercolordark="#000" bordercolorlight="#000">
<tr rowspan="4">

<td rowspan="4" width="54" height="100%" background="http://img149.exs.cx/img149/1627/sideleft8ji.jpg">
<img src="http://img149.exs.cx/img149/1627/sideleft8ji.jpg" width="54">
</td>

<td colspan="6" width="660" height="146" bgcolor="#000000" bordercolor="#000000" bordercolorlight="#000" bordercolordark="#000" background="http://img94.exs.cx/img94/1116/headerbg9fs.jpg">


<img src="http://img139.exs.cx/img139/2608/bheader5sy.jpg" height="146">


</td>
<td rowspan="4" width="54" height="100%" background="http://img138.exs.cx/img138/4396/sideright7bc.jpg">
<img src="http://img138.exs.cx/img138/4396/sideright7bc.jpg" width="54">
</td>
</tr>
<tr>
<td>
<% BOARD HEADER %>
</td>
</tr>
<tr>
<td>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>



Footer

Quote:
 

</td>
</tr>
<tr>
<td background="http://img144.exs.cx/img144/7986/footerbg7jy.jpg">
<img src="http://img144.exs.cx/img144/5783/footerleft2mn.jpg">
</td>
</tr>
</table>


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: 11px; color: #FFFFFF; margin:0px 10px 0px 10px;background-color:#252320}
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #FFFFFF; }
a:link, a:visited, a:active { text-decoration: underline; color: #FFFFFF }
a:hover { color: #465584; 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: #1E1813; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#FFFFFF; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#FFFFFF}

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:#FFFFFF }
.caldate   { text-align:right;font-weight:bold;font-size:11px;color:#FFFFFF;background-color:#DFE6EF;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:0px solid black }
#photoimg   { text-align:center; margin-top:15px }

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

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:0px solid #345487;background-color: #000000;background-image:url(http://img140.exs.cx/img140/9846/titlesub9fb.jpg);padding:0px;margin:0px; }
#submenu   { border:0px solid #BCD0ED;background-color: #1E1813;font-size:10px;margin:0px 0px 0px 0px;color:#3A4F6C;font-weight:bold;}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #FFFFFF; }
#userlinks { border:0px solid #C2CFDF; background-color: #1E1813 }

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

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

.pformstrip { background-color: #1E1813; color:#FFFFFF;font-weight:bold;padding:7px;margin-top:1px }
.pformleft  { background-color: #1E1813; padding:6px; margin-top:1px;width:25%; border-top:0px solid #C2CFDF; border-right:0px solid #C2CFDF; }
.pformleftw { background-color: #1E1813; padding:6px; margin-top:1px;width:40%; border-top:0px solid #C2CFDF; border-right:0px solid #C2CFDF; }
.pformright { background-color: #1E1813; padding:6px; margin-top:0px;border-top:0px solid #C2CFDF; }

.post1 { background-color: #1E1813 }
.post2 { background-color: #1E1813 }
.postlinksbar { background-color:#000000;padding:7px;margin-top:1px;font-size:10px; background-image: urlhttp://img140.exs.cx/img140/9846/titlesub9fb.jpg) }

.row1 { background-color: #1E1813 }
.row2 { background-color: #1E1813 }
.row3 { background-color: #1E1813 }
.row4 { background-color: #1E1813 }

.darkrow1 { background-color: #1E1813; color:#4C77B6; }
.darkrow2 { background-color: #1E1813; color:#3A4F6C; }
.darkrow3 { background-color: #1E1813; color:#3A4F6C; }

.hlight { background-color: #DFE6EF }
.dlight { background-color: #EEF2F7 }

.titlemedium { font-weight:bold; color:#000000; padding:7px; margin:0px; background-image: url(http://img140.exs.cx/img140/9846/titlesub9fb.jpg) }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #000000 }

.maintitle { vertical-align:middle;font-weight:bold; color:#000000; letter-spacing:1px; padding:8px 0px 8px 5px; background-image: url(http://img140.exs.cx/img140/425/titlesub5gd.jpg) }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #FFF }
.maintitle a:hover { text-decoration: underline }

.plainborder { border:0px solid #345487;background-color:#000000 }
.tableborder { border:0px solid #345487;background-color:#000000; padding:0px; margin:0px; width:100% }
.tablefill   { border:0px solid #345487;background-color:#000000;padding:6px;  }
.tablepad    { background-color:#000000;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:#434951 }
.edit { font-size: 9px }

.signature   { font-size: 10px; color: #339 }
.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:#000000 }

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #465584; background-color: #FAFCFE; border: 0px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE  { font-family: Courier, Courier New, Verdana, Arial;  font-size: 11px; color: #FFFFFF; background-color: #000000; border: 0px solid #000; 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 }
.forminput, .textinput, .radiobutton, .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 }


You must Change the logo option in the Images Area blank, or the skin will mess up.

You can change the logo in the Header Area.

3njoy
Offline Profile Quote Post Goto Top
 
sk8er
Scar
[ *  *  *  *  *  * ]
I like the color...not much else to say about it
Offline Profile Quote Post Goto Top
 
MasterDragon
Member
[ * ]
Yea, I left the toplogo blank on purpse, I didn't make this skin for one theme, so I'm leaving the choices up to the User.
Offline Profile Quote Post Goto Top
 
.Chris
Member Avatar
Member
[ *  *  *  *  * ]
Its too dark, hard to read the text. And it seems cluttered. The grads are good though.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Dark · Next Topic »
Add Reply