|
Senior Member
Join Date: Jan 2006
Age: 17
Posts: 142
|
Name: Driven
Author: Trigger aka Gangstarr71 (me)
Skin Number: 10 (zomg!)
Date Created: Yesterday & Today
Side Notes: Similar style as my last skin, I actually mixed a few in here... I was told to experiment with it so I did xD. Last of this style for a while...
Special Installation
On the test board you can find a right border that is blank, just add your forum name to that. The font is Arial Black if you want the same one as my current.
If you want to add your forum's name to the left border, go ahead and edit the image, but I am only giving you permission to add your name, and remove nothing.
The code for the left border can be found in the Header & Body(highlighted in blue). The code for the right border can be found in the Footer (highlighted in blue). Just change the url with the link to your edited image. Oh and you can change the link on the right border to your own forums if you want.
<a href=\'http://s15.invisionfree.com/rdskin10/index.php?act=idx\' target=\'_blank\'>Preview Driven</a>
Pips Set
<a href=\'http://h1.ripway.com/gangstarr71/Driven/pips.zip\' target=\'_blank\'>Download</a>
Forum Markers & Button Sets & Folders
<a href=\'http://h1.ripway.com/gangstarr71/Driven/Markers.zip\' target=\'_blank\'>Download</a>
Header & Body:
Quote:
<center><bodybg color="ffffff" left margin="0" topmargin="0" marginwidth="0" marginheight="0" alink="919596"
vlink="919596" font color="919596">
<table cellspacing="0" bgcolor="CCC6BE" valign="top" height="100%"
width="750"><tr>
<td class="borderleft" height="100%" valign="top"> </td><td valign="top">
<div class="logo"><img src='http://67.15.129.139/5886/133/upload/p24276.jpg' alt='' border='0' /></div>
<div class="smenu">Home Portal Search Members Help Calendar</div>
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>
<CENTER><div class="copyed">Driven Skin created by Trigger aka Gangstarr71 of IFSZ</div></CENTER>
|
Edit the red with the link of your board.
Footer:
Quote:
</td><td class="borderright" height="100%" valign="bottom"> </td></tr></table>
<script type="text/javascript">
// Replace Sig Line with Image
// created by Ryan Fan
// <a href=\'http://www.ifsz.com\' target=\'_blank\'>http://www.ifsz.com</a> , 2005
if(location.href.match('showtopic')){
sigImg = "http://67.15.129.139/5886/133/upload/p24319.jpg"
var x = document.getElementsByTagName('td')
for(y=0;y<x.length;y++){
if(x[y].className == "post2" || x[y].className == "post1" && x[y].innerHTML.match(/--------------------/) && x[y].width == "100%"){
x[y].innerHTML = x[y].innerHTML.replace(/--------------------/, '<img src=' + sigImg + ' + >')
}}}
</script>
|
CSS of skin:
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: #938C82;Â* margin:0px 10px 0px 10px;background-color:#CCC6BE; background-image: url(); background-repeat: repeat-x;
background-position: top;Â* }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #938C82; }
a:link, a:visited, a:active { text-decoration: none; color: #7C756B}
a:hover { color: #6D665B; text-decoration:underline }
form div.tableborder td.row1 { background-color: #D8D2CA; border: 1px solid #BDB7B0!important; }
td#ucpcontent form div.tableborder td.row1 { background-color: #CCC6BE; border: none!important; }
#ipbwrapper .tablepad { background-color: #D5CFC9}
#ipbwrapper { text-align:left; width: 700px; overflow-y: hidden; margin-left:auto;margin-right:auto; background-image: url(http://67.15.129.139/5886/133/upload/p27443.jpg);padding-left: 140px; padding-right: 140px; background-repeat: repeat-y; background-position: center; padding-top: 0px}
fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }
div.tableborder div.tablepad { background-color: CCC6BE!important; }
div.tableborder div.tablepadÂ* table { background-color: CCC6BE!important}
#ipbwrapper .tableborder{background-color: #CCC6BE }
div.tableborder div.tablepad input { background-color: D8D2CA!important; border: 1px solid #BDB7B0 }
img.attach { border:1px outset #BDB7B0;padding:0px }
#ucpmenu .maintitle { padding-bottom: 35px; padding-top: 29px; padding-left: 26px;}
#ucpcontent .maintitle { padding-bottom: 35px; padding-top: 29px;Â* padding-left: 6px; padding-left: 26px;}
.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:10px; color: #3A4F6C; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#666658; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#666658 }
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:#666658 }
.caldateÂ* { text-align:right;font-weight:bold;font-size:11px;color:#666658;background-color:#CCC6BE; padding:4px;margin:0px; background-image: url(http://67.15.129.139/5886/133/upload/p24200.jpg) }
.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 #BDB7B0;background-color: #CCC6BE}
#ucpmenu pÂ* { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #CCC6BE; border:1px solid #BDB7B0; line-height:150%; width:auto }
#ucpcontent pÂ* { padding:10px;margin:0px; }
#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:0px solid #BDB7B0;background-color: #CCC6BE;margin:0px; display: none}
.logo {border: 0px solid #BDB7B0;background-color: #CCC6BE; margin: 0px}
#submenuÂ* { display: none}
#userlinks { border:0px solid #BDB7B0; background-color: #CCC6BE; background-image: url(http://67.15.129.139/5886/133/upload/p24286.jpg); padding: 3px 2px 4px 2px}
.smenu {background-image: url(http://67.15.129.139/5886/133/upload/p24246.jpg); background-repeat: repeat-y; padding: 27px 25px 13px 150px; text-align: center}
.smenu a:link, .smenu a:visited, .smenu a:active {padding-left: 7px;}
#navstripÂ* { font-weight:bold;padding:4px 0px 5px 0px; border: #BDB7B0 0px dashed; background-image: url(http://67.15.129.139/5886/133/upload/p24229.jpg);text-transform: uppercase}
#navstrip a:hover { color: #6D665B; text-decoration:none}
.activeuserstrip { background-color:#CCC6BE; padding:6px;}
.borderleft {background-image: url(http://67.15.129.139/5886/133/upload/p24179.jpg); background-repeat: repeat-y; padding-right: 0px; background-position: right }
.borderright {background-image: url(http://67.15.129.139/5886/133/upload/p24182.jpg); background-repeat: repeat-y; padding: 0px; background-position: left }
.pformstrip { background-color: #CCC6BE; color:#938C82; font-weight:bold;padding-bottom:2px; padding-top: 7px;margin-top:1px; background-image: url(http://67.15.129.139/5886/133/upload/p24122.jpg); border-left #BDB7B0 1px solid; border-right: #BDB7B0 1px solid;}
.pformleftÂ* { background-color: #CCC6BE; padding:6px; margin-top:1px;width:25%; border-top:1px solid #BDB7B0; border-right:1px solid #BDB7B0;Â* }
.pformleftw { background-color: #CCC6BE; padding:6px; margin-top:1px;width:40%; border-top:1px solid #BDB7B0; border-right:1px solid #BDB7B0; }
.pformright { background-color: #CCC6BE; padding:6px; margin-top:1px;border-top:1px solid #BDB7B0; }
.post1 { background-color: #CCC6BE; border: #CCC6BE 1px solid; border-bottom: 0px solid #CCC6BE;border-right: 0px solid #BDB7B0;Â* }
.post2 { background-color: #CCC6BE; border: #CCC6BE 1px solid; border-bottom: 0px solid #CCC6BE; border-right: 0px solid #BDB7B0; }
.postlinksbar { background-color:#CCC6BE; padding-top:7px;padding-bottom:2px;margin-top:1px;font-size:10px; background-image: url(http://67.15.129.139/5886/133/upload/p24122.jpg)Â* }
.row1 { background-color: #CCC6BE }
.row2 { background-color: #D5CFC9}
.row3 { background-color: #CCC6BEÂ* }
.row4 { background-color: #CCC6BE }
.div.row4 {border: #BDB7B0 0px solid}
.darkrow1 {Â* background-color: #CCC6BE; color:#7C756B; }
.darkrow2 {Â* background-color: #CCC6BE; color:#7C756B; padding-bottom: 8px; padding-top: 7px; background-image: url(http://67.15.129.139/5886/133/upload/p24135.jpg); }
.darkrow3 {Â* background-color: #CCC6BE; color:#7C756B; background-image: url(http://67.15.129.139/5886/133/upload/p24135.jpg) }
.hlight { background-color: #CCC6BE}
.dlight { background-color: #CCC6BE}
.titlemedium { font-weight:bold; color:#938C82;Â* padding-bottom:2px; padding-top: 7px; margin:0px; background-image: url(http://67.15.129.139/5886/133/upload/p24122.jpg) }
.titlemediumÂ* a:link, .titlemediumÂ* a:visited, .titlemediumÂ* a:activeÂ* { text-decoration: none; color: #938C82}
.maintitle { vertical-align:middle; font-weight:bold; color:#7C756B;Â* letter-spacing:1px; padding-bottom: 32px; padding-top: 32px; padding-left: 28px; padding-right: 0px; background-image: url(http://67.15.129.139/5886/133/upload/p24106.jpg); text-align: left; border: #000000 0px solid}
.maintitle a:link, .maintitleÂ* a:visited, .maintitleÂ* a:active { text-decoration: none; color: #7C756B}
.maintitle a:hover { text-decoration: none; color: #6D665B}
.plainborder { border:0px solid #BDB7B0;background-color:#CCC6BE}
.tableborder { border:0px solid #BDB7B0;background-color:#BDB7B0; padding:0px 0px 0px 0px; margin:0px; width:100%}
.tablefillÂ* { border:1px solid #BDB7B0;background-color:#D8D2CA; padding:6px;Â* }
.tablepadÂ* Â* { background-color:#CCC6BE; padding:6px; border: #BDB7B0 1px solid}
.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:#938C82; font-family: Tahoma;Â* }
.edit { font-size: 9px }
.signatureÂ* { font-size: 10px; color: #938C82;}
.postdetails { font-size: 10px }
.postcolorÂ* { font-size: 10px; line-height: 160% }
.normalname { font-size: 12px; font-weight: bold; color: #938C82}
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #938C82}
.searchlite { font-weight:bold; color:#938C82; background-color:#CCC6BE}
.post1Â* TABLE , .post2 TABLE {background-image: url(http://67.15.129.139/5886/133/upload/p24122.jpg); background-repeat: repeat-x; background-position: top; border: 1px solid #BDB7B0; padding-top: 5px;}
#QUOTE { font-family: Verdana, Arial; font-size: 10px; color: #7C756B; background-color: #D8D2CA; border: 1px solid #BDB7B0;Â* padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; background-image: url(http://67.15.129.139/5886/133/upload/p49207.jpg); background-repeat: no-repeat; background-position: top right }
#CODEÂ* { font-family:Â* Verdana, Arial;Â* font-size: 10px; color: #7C756B; background-color: #D8D2CA; border: 1px solid #BDB7B0; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; background-image: url(http://67.15.129.139/5886/133/upload/p49207.jpg); background-repeat: no-repeat; background-position: top rightÂ* }
.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; background-color: #D8D2CA; border: #BDB7B0 1px solid; color: #7C756B; background-image: url(http://67.15.129.139/5886/133/upload/p46635.jpg) }
.copyed {border: 1px solid #BDB7B0; width: 50%; text-align: center; background-color: #D5CFC9}
.forminput, .textinput, .radiobutton, .checkboxÂ* { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; background-color: #D8D2CA; border: #BDB7B0 1px solid; color: #7C756B; }
.thin { padding:0px 0px 1px 2px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #BDB7B0;border-bottom:1px solid #BDB7B0; border-left: #BDB7B0 1px solid; border-right: #BDB7B0 1px solid; background-color: #CCC6BE}
.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>
<script language='javascript'>
if ( location.search.indexOf('act=calendar')!=-1) {
document.write("<style>.maintitle{padding-right: 369px}</style>")}
</script>
<style type="text/css">
</style>
<script language='javascript'>
if ( location.search.indexOf('showuser')!=-1) {
document.write("<style>.plainborder{background-color: #BDB7B0}</style>")}
</script>
<style type="text/css">
|
|