|
.Logan
|
Mar 30 2008, 08:32 PM
Post #1
|
- Posts:
- 2,586
- Group:
- Members
- Member
- #133,936
- Joined:
- December 28, 2005
|

Date Created: This skin was started back in February '07, before I quit skinning IF. I revamped to starting on March 21st. Notes: The header needs to be changed around just a bit. It should be easy enough.
The .PSD to the banner is located here I highly recommend you use it!
All buttons and folders are located on the forum itself.
Header Admin CP -> Headers & Footers
- Quote:
-
<body align="left" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"
alink="#000000" vlink="#000000">
<br /> <br />
<center> <div class="float_right"><img src="331 x 100 BANNER"></div> <div class=""><img src="http://img169.imageshack.us/img169/4174/topkv7.png"></div>
<table cellspacing="0" valign="top" width="800"> <td class="inner" width="800" bgcolor="#464646">
<table> <div class="navitable"> <div class="home"> <a href="http://z#.invisionfree.com/BOARD_NAME/index.php?">Index</a>
<a href="http://z#.invisionfree.com/BOARD_NAME/index.php?act=Members">Members</a> <a href="http://z#.invisionfree.com/BOARD_NAME/index.php?act=calendar">Calendar</a> <a href="http://z#.invisionfree.com/BOARD_NAME/index.php?act=Search&f=">Search</a> <a href="http://z#.invisionfree.com/BOARD_NAME/index.php?act=Help">Help Page</a> <a href="http://z#.invisionfree.com/BOARD_NAME/index.php?act=site">Portal</a> </div> </div> </table> <% NAVIGATION %>
<% BOARD HEADER %> <% BOARD %>
Footer Admin CP -> Headers & Footers
- Quote:
-
<script type="text/javascript"> //By Choco of the IFSZ x=document.getElementsByTagName("img"); for(var i in x) { if(x.src&&x.src.match(/bar_left/i)) { x.src="http://img209.imageshack.us/img209/5964/pollltcr8.pngE"; } if(x.src&&x.src.match(/bar_right/i)) { x.src="http://img209.imageshack.us/img209/7558/pollrtjl4.png"; } if(x.src&&x.src.match(/bar\.gif/i)) { x.src="http://img209.imageshack.us/img209/1399/pollmdyz2.png"; } } </script>
</td> </table> <div class="bottom_copy"><img src="http://img292.imageshack.us/img292/9201/bottomdm3.png"></div> </center> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />
CSS Admin CP -> Manage Style Sheets
- Quote:
-
html { overflow-x: hidden; overflow-y: auto; }
.float_right { }
.bottom_copy { background-color: #323232; background-image: url(http://img230.imageshack.us/img230/9131/bottomqr7.png); background-position: center; background-repeat: no-repeat; }
/* DO NOT TOUCH! */
.dlight { background-color: #3c3c3c }
div.tableborder div.row1 { border-top: none!important; background-color: #373737; }
table.tableborder .maintitle { border-bottom: 1px solid #1e1e1e!important }
#ucpmenu { line-height: 150%; width:22%; border: 1px solid #1e1e1e; background-color: #373737; background-image: url(http://i1.ifrm.com/8994/113/upload/p7471562.gif); background-position: top; background-repeat: repeat-x }
#ucpmenu p { padding: 3px }
#ucpmenu .pformstrip { border-left: none!important; border-right: none!important; border-top: 1px solid #1e1e1e; border-bottom: 1px solid #1e1e1e }
#ucpcontent .forminput:hover { background-color: #373737; background-image: url(http://i1.ifrm.com/8994/113/upload/p3706039.gif); background-position: top; background-repeat: repeat-x; border: 1px solid #1e1e1e; font-family: Trebuchet MS, Tahoma, Arial, sans-serif; font-size: 10px; color: #595959; padding: 3px; margin: 1px }
#ucpcontent .forminput { padding: 3px }
#ucpmenu .maintitle { border: none!important; padding: 8px 0px 7px 35px; margin: none!important }
#ucpcontent { border:1px solid #1e1e1e; line-height: 150%; width: auto; background-color: #373737; background-image: url(http://i1.ifrm.com/8994/113/upload/p7471562.gif); background-position: top; background-repeat: repeat-x }
#ucpcontent .pformstrip { border-left: none!important; border-right: none!important; border-top: 1px solid #1e1e1e; border-bottom: 1px solid #1e1e1e }
#ucpcontent .maintitle { border: none!important; padding: 8px 0px 7px 35px; margin: none!important }
#ucpcontent p { }
.logo_top { background-color: #3c3c3c; background-image: url(); background-repeat: repeat-x; border: 1px solid #1e1e1e; width: 100%; padding: 85px 0px 0px 0px }
.logo_tright { float: right; margin-right: 20px; margin-top: -5px }
#ipbwrapper { background-color: #414141; border: 1px solid #1e1e1e; padding: 6px; width: 734px; padding: 10px; margin: auto; margin-top: 20px; margin-bottom: 20px }
#ipbwrapper table.td>row4 { border: 1px solid #1e1e1e }
#ipbwrapper .tableborder { border: 1px solid #1e1e1e }
#ipbwrapper .tablepad { background-color: #373737; background-image: url(http://i1.ifrm.com/8994/113/upload/p3706039.gif); padding: 5px; background-position: top; background-repeat: repeat-x; border-top: 1px solid #1e1e1e; border-left: none!important; border-right: none!important; border-bottom: none!important; }
#ipbwrapper #submenu { display: block; border: 1px solid #1a1a1a; background-color: #373737; background-image: url(http://i1.ifrm.com/8994/113/upload/p1081238.gif); background-repeat: repeat-x; margin-bottom: 3px; }
#ipbwrapper #submenu img { display: none }
#ipbwrapper .row4 { background-color: #373737; border: 0px solid #1e1e1e; padding: 4px }
#ipbwrapper .row2 { background-color: #373737; border: 1px solid #1e1e1e; border-left: none!important; border-right: none!important; border-bottom: none!important; padding: 4px }
#ipbwrapper .post1 { background-color: #373737; background-image: url(http://i1.ifrm.com/8994/113/upload/p3706039.gif); padding: 4px; background-position: top; background-repeat: repeat-x; background-color: #373737; border-top: 1px solid #1e1e1e }
#ipbwrapper .maintitle { border: none!important }
#ipbwrapper div.desc { background-color: #373737; background-image: url(http://i1.ifrm.com/8994/113/upload/p3706039.gif); padding: 5px; background-position: top; background-repeat: repeat-x; border-top: 1px solid #1e1e1e }
#ipbwrapper .maintitle img { display: none }
/* K, TOUCH. */
form { display:inline; } img { vertical-align:middle; border:0px } BODY { font-family: Trebuchet MS, Tahoma, Arial, sans-serif; font-size: 10px; color: #000; margin:0px 10px 0px 10px;background-color: #323232; background-image: url(); background-position: bottom right; background-repeat: no-repeat; } TABLE, TR, TD { font-family: Trebuchet MS, Tahoma, Arial, sans-serif; font-size: 10px; color: #676767 } a:link, a:visited, a:active { text-decoration: underline; color: #767676 } a:hover { color: #767676; text-decoration: none }
fieldset.search { padding:6px; line-height:150% } label { cursor:pointer; }
img.attach { border:2px outset #EEF2F7;padding:2px } IMG { filter: chroma(color=#D4E6EA); background-color: transparent }
.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: #676767; } .googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#676767; } .googlepagelinks { font-size:1.1em; letter-spacing:1px } .googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#676767 }
li.helprow { padding:0px; margin:0px 0px 10px 0px } ul#help { padding:0px 0px 0px 15px }
table.tablebasic td.pformleft { border:0px} table.tablebasic td.pformleftw { border:0px} table.tablebasic td.pformright { border:0px}
option.cat { font-weight:bold; } option.sub { font-weight:bold;color:#676767 } .caldate { text-align: right; font-weight: bold; font-size: 10px; color: #000; background-color: transparent; padding: 4px; margin: 0px }
td.row1 { border-bottom: 1px solid #1e1e1e!important }
form div.tableborder td.row1 { border: none; background-color: #1e1e1; filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; -khtml-opacity:0.70 } form div.tableborder td.row1 .caldate { color:#000; background-image: url(http://i1.ifrm.com/8994/113/upload/p3706039.gif); background-color: #363636; height: 100%; background-repeat: repeat-x }
.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 }
#ipsbanner { position:absolute;top:1px;right:5%; } #logostrip { display: none } #submenu { display: none } #userlinks { border: 1px solid #1a1a1a; background-color: #373737; background-image: url(http://i1.ifrm.com/8994/113/upload/p1081238.gif); background-repeat: repeat-x; margin-top: 3px; }
#navstrip img { display: none } #navstrip { border: 1px solid #1a1a1a; background-color: #323232; padding: 5px }
.information { background-color: #404040; padding: 10px; border: 1px solid #333333; width: 150px; float: left; margin-left: 10px }
.inner { background-color: #414141; border-left: 1px solid #272727; padding: 10px; width: 780px!important; border-right: 1px solid #272727 }
.v_tc { background-color: #303030; border: 1px solid #1e1e1e; padding: 3px; padding-left: 6px }
.ntable { background-color: transparent; line-height: 2.0em }
.copyright { font-family: Trebuchet MS, Tahoma, Arial, sans-serif; font-size: 10px; background-image: url(http://i1.ifrm.com/8994/113/upload/p3706039.gif); border: 1px solid #1e1e1e; padding: 5px }
.home a { background-color: #393939; border: 1px solid #262626; border-bottom: none!important; padding-left: 6px; padding-right: 6px; color: #000; background-image: url(http://i1.ifrm.com/8994/113/upload/p1081238.gif) }
.home a:hover { background-color: #393939; border: 1px solid #1e1e1e; border-bottom: none!important; padding-left: 6px; padding-right: 6px; padding-top: 2px; color: #000; background-image: url(http://i1.ifrm.com/8994/113/upload/p3706039.gif); padding-bottom: 1px }
.activeuserstrip { background-color: #3c3c3c; background-image: url(http://i1.ifrm.com/8994/113/upload/p1081238.gif); background-repeat: repeat-x; border: 1px solid #1e1e1e; margin: 1px }
div.activeuserstrip { border: none!important }
.pformstrip { background-color: #373737; font-size: 10px; text-transform: uppercase; color:#5e5e5e; border: 0px solid #1e1e1e; font-weight: none; padding:0px; padding-left: 2px; margin-top:1px; background-image: url(http://i1.ifrm.com/8994/113/upload/p3706039.gif); background-position: top; padding-right: 3px }
div.pformstrip { border-left: 1px solid #1e1e1e; border-right: 1px solid #1e1e1e }
.pformleft { background-color: #323232; padding:6px; width:25%; margin: 1px; border: 1px solid #1e1e1e; background-image: url(); background-position: top; background-repeat: repeat-x }
.pformleftw { background-color: #323232; padding:6px; margin: 1px; border: 1px solid #1e1e1e; width:40%; background-image: url(); background-position: top; background-repeat: repeat-x }
.pformright { background-color: #323232; padding:6px; margin-top:1px; border-right: 1px solid #1e1e1e; border-top: 1px solid #1e1e1e; background-image: url(); background-position: top; background-repeat: repeat-x }
td.pformleft, td.pformleftw, td.pformright { border: 0px; } table.tableborder tbody tr td.pformleft { border-left: 1px solid #1e1e1e; border-right: 1px solid #1e1e1e; border-top: 1px solid #1e1e1e; border-bottom: 1px solid #1e1e1e } table.tableborder tbody tr td.pformright { border-right: 1px solid #1e1e1e; border-top: 1px solid #1e1e1e; border-bottom: 1px solid #1e1e1e } table.tableborder tbody tr td.pformstrip { border-left: 1px solid #1e1e1e; border-right: 1px solid #1e1e1e } table tbody tr td.pformstrip { }
form div.pformstrip { } form div.tablepad table td.row1 { background: url(http://i1.ifrm.com/8994/113/upload/p3706039.gif) top repeat-x #373737;border:1px solid #1e1e1e; color:#676767!important; } form div.tablepad table td.row1 strong { color: #676767!important;} form div.tablepad { border-bottom:0px }
.pformstrip IMG { padding-bottom: 2px }
.post1, .post2 { background-color: #373737; background-image: url(http://i1.ifrm.com/8994/113/upload/p7471562.gif); padding: 5px; background-position: top; background-repeat: repeat-x; }
.postlinksbar {background-color: #373737; background-image: url(http://i1.ifrm.com/8994/113/upload/p3706039.gif); padding: 2px; background-position: top; background-repeat: repeat-x; border-left: 1px solid #1e1e1e; border-right: 1px solid #1e1e1e; border-top: 1px solid #1e1e1e }
.row1, .row2, .row3, .row4 { background-color: #373737; background-image: url(http://i1.ifrm.com/8994/113/upload/p7471562.gif); background-position: top; background-repeat: repeat-x }
div.row4 { background-color: #3c3c3c; background-image: url(http://i1.ifrm.com/8994/113/upload/p1081238.gif); background-repeat: repeat-x; border: 1px solid #1e1e1e!important; margin-bottom: 1px }
div.row2 { background-color: #3c3c3c; background-image: url(http://i1.ifrm.com/8994/113/upload/p1081238.gif); background-repeat: repeat-x; border-left: 1px solid #1e1e1e; border-right: 1px solid #1e1e1e; }
.darkrow1 { background-color: #3c3c3c; background-image: url(http://i1.ifrm.com/8994/113/upload/p1081238.gif); background-repeat: repeat-x }
.darkrow2 { background-color: #3c3c3c; color:#000; background-image: url(http://i1.ifrm.com/8994/113/upload/p1081238.gif); background-position: center; padding: 1px; border-top: 1px solid #464646 }
div.darkrow2 { border-left: 1px solid #1e1e1e; border-right: 1px solid #1e1e1e }
td.darkrow3 { background-color: #373737; background-image: url(http://i1.ifrm.com/8994/113/upload/p3706039.gif); background-position: top; background-repeat: repeat-x; padding: 5px }
.darkrow3 { background-image: url() }
.darkrow3 a { background-image: url(http://i1.ifrm.com/8994/113/upload/p3706039.gif); padding: 2px; margin: 2px; border: 1px solid #1e1e1e; background-position: top; background-repeat: repeat-x; padding-left: 2px; padding-right: 2px; text-transform: uppercase }
.darkrow3 a:hover { border: 1px solid #101010; background-image: url(http://i1.ifrm.com/8994/113/upload/p3705948.gif); background-position: top; background-repeat: repeat-x; padding: 2px }
.darkrow3 img { background-image: url(http://i1.ifrm.com/8994/113/upload/p3706039.gif); background-position: top; background-repeat: repeat-x; background-color: #373737; padding: 3px }
div.darkrow1 { border-left: 1px solid #1e1e1e; border-right: 1px solid #1e1e1e }
.margin_pad { margin-left: 6px }
.hlight { background-color: #373737; background-image: url(http://i1.ifrm.com/8994/113/upload/p7471562.gif); background-position: top; background-repeat: repeat-x } .dlight { background-color: #373737; background-image: url(http://i1.ifrm.com/8994/113/upload/p7471562.gif); background-position: top; background-repeat: repeat-x }
.titlemedium { font-weight: normal; text-transform: uppercase; font-size: 10px; color:#5e5e5e; background-color: #373737; padding: 0px; padding-left: 2px; margin: 0px; background-image: url(http://i1.ifrm.com/8994/113/upload/p3706039.gif); background-position: center; border-top: 1px solid #464646 } .titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: none; color: #5e5e5e }
div.titlemedium { border: 1px solid #1e1e1e; border-top: none!important }
.maintitle { vertical-align: middle; font-weight: normal; color:#000; background-color: #3c3c3c; letter-spacing:1px; padding:8px 0px 7px 32px; background-image: url(http://i1.ifrm.com/8994/113/upload/p7175054.gif); border: 1px solid #1e1e1e; border-bottom: none!important } .maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #000 } .maintitle a:hover { text-decoration: underline }
div.maintitle table { padding-left: 0px }
.plainborder { border:0px solid #1e1e1e;background-color: #1e1e1e} .tableborder { border:1px solid #4f4f4f;background-color:#1e1e1e; padding:0px; margin:0px; width:100% } .tablefill { background-color: #373737; background-image: url(http://i1.ifrm.com/8994/113/upload/p7471562.gif); background-repeat: repeat-x; background-position: top; border: 1px solid #1e1e1e } .tablepad { background-color: #373737; background-image: url(http://i1.ifrm.com/8994/113/upload/p3706039.gif); padding: 5px; background-position: top; background-repeat: repeat-x; border: 1px solid #1e1e1e } .tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }
div.tableborder div.tablepad { background-color: #373737!important;border-top:1px solid #1e1e1e} div.tableborder div.tablepad table { background-color: #373737!important; } div.tableborder div.tablepad input { background-color: #edeff1;border:1px solid #1e1e1e; color:#676767!important; }
td.row4 div.row4 { border: 0!important; background-image: url(); background-color: transparent }
.wrapmini { float:left;line-height:1.5em;width:25%; border: 1px solid #1e1e1e; background-color: #373737; background-image: url(http://i1.ifrm.com/8994/113/upload/p7471562.gif); background-position: top; background-repeat: repeat-x; margin: 1px; }
.pagelinks { float:left;line-height:1.2em;width:35% }
.desc { font-size:10px; color:#676767 } .edit { font-size: 9px }
.signature { font-size: 10px; color: #676767; padding: 10px } .postdetails { font-size: 10px } .postcolor { font-size: 12px; line-height: 160% }
.normalname { font-size: 12px; font-weight: bold; color: #676767 } .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:#3c3c3c }
#QUOTE { background-color: #3c3c3c; background-image: url(http://i1.ifrm.com/8994/113/upload/p1081238.gif); background-position: top; background-repeat: repeat-x; border: 1px solid #1e1e1e; padding: 3px; text-align: left } #CODE { background-color: #3c3c3c; background-image: url(http://i1.ifrm.com/8994/113/upload/p1081238.gif); background-position: top; background-repeat: repeat-x; border: 1px solid #1e1e1e; padding: 3px; text-align: left }
.codebuttons { background-color: #373737; background-image: url(http://i1.ifrm.com/8994/113/upload/p3706039.gif); background-position: top; background-repeat: repeat-x; border: 1px solid #1e1e1e; font-family: Trebuchet MS, Tahoma, Arial, sans-serif; font-size: 10px; color: #595959; padding: 0px; margin: 1px }
.codebuttons:hover { border: 1px solid #101010; background-image: url(http://i1.ifrm.com/8994/113/upload/p3705948.gif); background-position: top; background-repeat: repeat-x }
.forminput { background-color: #373737; background-image: url(http://i1.ifrm.com/8994/113/upload/p3706039.gif); background-position: top; background-repeat: repeat-x; border: 1px solid #1e1e1e; font-family: Trebuchet MS, Tahoma, Arial, sans-serif; font-size: 10px; color: #595959; padding: 0px; margin: 1px }
.forminput:hover { border: 1px solid #101010; background-image: url(http://i1.ifrm.com/8994/113/upload/p3705948.gif); background-position: top; background-repeat: repeat-x }
.textinput {background-color: #373737; background-image: url(http://i1.ifrm.com/8994/113/upload/p7471562.gif); background-position: top; background-repeat: repeat-x; border: 1px solid #1e1e1e; font-family: Trebuchet MS, Tahoma, Arial, sans-serif; font-size: 10px; color: #595959; padding: 3px; margin: 1px }
.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px }
.post1 table { background-color: #3a3a3a; background-image: url(http://i1.ifrm.com/8994/113/upload/p3706039.gif); background-repeat: repeat-x; border: 1px solid #1e1e1e; text-align: right }
.post2 table { background-color: #3a3a3a; background-image: url(http://i1.ifrm.com/8994/113/upload/p3706039.gif); background-repeat: repeat-x; border: 1px solid #1e1e1e; text-align: right }
#fancyMenu { position:relative; width:200px; margin: -1px; padding:2px; text-transform:uppercase; filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90; -khtml-opacity:0.90 }
#fancyMenu li { position:relative; padding:1px 2px 1px 6px; width:190px; border:1px solid #1e1e1e; list-style-type:none; background-color:#FDFDFD; margin: -1px; background-image:url(http://i1.ifrm.com/8994/113/upload/p1081238.gif);filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90; -khtml-opacity:0.90 }
#fancyMenu li a { position:relative; display:inline-block; width:100%; height:100%; color:#000; text-decoration:none; z-index:10; margin: -1px; filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90; -khtml-opacity:0.90 }
#fancyMenu li>a { display:block; }
#fancyMenu li a:hover { color:#606060; }
.expander { position:absolute; background-color:#1e1e1e; width:199px; left:0px; height:1px; z-index:0; display:none; padding:0; font-size:1px; margin:0; }
input.row1 { background-image: url(); background-color: transparent }
.navitable { margin-left: 20px }
fieldset.search { border: 1px solid #1e1e1e!important;}
.skin_copyright { background-color: #373737; padding: 3px; border: 1px solid #1e1e1e; text-align: center }
.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 }
|