|
Member
Join Date: Feb 2006
Location: California
Age: 19
Posts: 46
|
Skin Preview: Click Here
Date Created: 2/??/06
Side Notes: Simple, it's my fourth skin, so I'm trying to get the hang of coding everything still. My first skin coded with no cheat sheets, strangely it was easier to code without them. All the buttons etc. made by me, but the current post buttons will be replaced if I ever use the skin. So yeah, nothing fancy, just getting new ideas, though I may use this skin on a forum soon. Oh, and firefox browsers view the buttons correctly...yeah, there are transparencies..
Graphics:
Preview:
Coding:
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: #a8a8a8; margin:0px 10px 0px 10px;background-color:#404040 }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #a8a8a8; }
a:link, a:visited, a:active { text-decoration: none; color: # }
a:hover { color: #a8a8a8; text-decoration:none }
fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }
img.attach { border:2px outset #212121;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: #a8a8a8; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#a8a8a8; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#a8a8a8 }
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:#a8a8a8 }
.caldateÂ* { text-align:right;font-weight:bold;font-size:11px;color:#a8a8a8;background-color:#404040;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:1px solid black }
#photoimgÂ* { text-align:center; margin-top:15px }
#ucpmenuÂ* Â* { line-height:150%;width:22%; border:1px solid #212121;background-color: #404040 }
#ucpmenu pÂ* { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #404040; border:1px solid #212121;line-height:150%; width:auto }
#ucpcontent pÂ* { padding:10px;margin:0px; }
#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #212121;background-color: #404040;background-image:url();padding:0px;margin:0px; }
#submenuÂ* { border:1px solid #212121;background-color: #404040f;font-size:10px;margin:3px 0px 3px 0px;color:#a8a8a8;font-weight:bold;}
#submenu a:link, #submenuÂ* a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #a8a8a8; }
#userlinks { border:1px solid #212121; background-color: #404040 }
#navstripÂ* { font-weight:bold;padding:6px 0px 6px 0px; }
.activeuserstrip { background-color:#212121; padding:6px }
.pformstrip { background-color: #404040; color:#a8a8a8;font-weight:bold;padding:7px;margin-top:1px }
.pformleftÂ* { background-color: #404040; padding:6px; margin-top:1px;width:25%; border-top:1px solid #212121; border-right:1px solid #212121; }
.pformleftw { background-color: #404040; padding:6px; margin-top:1px;width:40%; border-top:1px solid #212121; border-right:1px solid #212121; }
.pformright { background-color: #404040; padding:6px; margin-top:1px;border-top:1px solid #212121; }
.post1 { background-color: #404040 }
.post2 { background-color: #404040 }
.postlinksbar { background-color:#404040;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://img.photobucket.com/albums/v6...chLP/ttmd2.jpg) }
.row1 { background-color: #404040 }
.row2 { background-color: #404040 }
.row3 { background-color: #404040 }
.row4 { background-color: #404040 }
.darkrow1 { background-color: #404040; color:#212121; }
.darkrow2 { background-color: #404040; background-image: url(http://img.photobucket.com/albums/v6.../bbbotgrad.jpg); color:#a8a8a8; }
.darkrow3 { background-color: #404040; color:#212121; }
.hlight { background-color: #404040 }
.dlight { background-color: #404040 }
.titlemedium { font-weight:bold; color:#a8a8a8; padding:7px; margin:0px; background-image: url(http://img.photobucket.com/albums/v6...chLP/ttmd2.jpg) }
.titlemediumÂ* a:link, .titlemediumÂ* a:visited, .titlemediumÂ* a:activeÂ* { text-decoration: underline; color: #a8a8a8 }
.maintitle { vertical-align:middle;font-weight:bold; color:#a8a8a8; letter-spacing:1px; padding:8px 0px 8px 5px; background-image: url(http://img.photobucket.com/albums/v6...hLP/bbgrad.jpg) }
.maintitle a:link, .maintitleÂ* a:visited, .maintitleÂ* a:active { text-decoration: none; color: #a8a8a8 }
.maintitle a:hover { text-decoration: none }
.plainborder { border:1px solid #212121;background-color:#212121 }
.tableborder { border:1px solid #212121;background-color:#212121; padding:0px; margin:0px; width:100% }
.tablefillÂ* { border:1px solid #212121;background-color:#212121;padding:6px;Â* }
.tablepadÂ* Â* { background-color:#212121;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:#a8a8a8 }
.edit { font-size: 9px }
.signatureÂ* { font-size: 10px; color: #a8a8a8 }
.postdetails { font-size: 10px }
.postcolorÂ* { font-size: 12px; line-height: 160% }
.normalname { font-size: 12px; font-weight: bold; color: #a8a8a8 }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #a8a8a8 }
.searchlite { font-weight:bold; color:#a8a8a8; background-color:#404040 }
#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #a8a8a8; background-color: #404040; border: 1px solid #212121; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODEÂ* { font-family: Courier, Courier New, Verdana, Arial;Â* font-size: 11px; color: #a8a8a8; background-color: #404040; border: 1px solid #212121; 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 #212121;border-bottom:1px solid #212121 }
.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 }
</STYLE><CENTER>Negro y Azul created by TrenchLP. Find more great skins at the IF Skin Zone.</CENTER><STYLE TYPE="text/css">
|
Header & Body:
Quote:
<body bgcolor="#303030" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#436EEE" vlink="#436EEE"><body text="#A8A8A8" link="#436EEE" vlink="#436EEE" alink="#436EEE" leftmargin="2" topmargin="2" marginwidth="2" marginheight="0">
<table width="740" border="1" align="center" cellpadding="4" cellspacing="0" bgcolor="#303030" bordercolor="#212121">
<tr>
Â* <td width="90%" bgcolor="#303030">
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>
|
|