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
  • Pages:
  • 1
  • 2
Diary of Jane - First Release; [D.Grey/Grey]
Topic Started: Mar 30 2008, 08:32 PM (1,890 Views)
.Logan
Member Avatar
Demand More
[ *  *  *  *  *  * ]
Posted Image

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&amp;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 }
Offline Profile Quote Post Goto Top
 
Replies:
Eminem_Da1st
Member Avatar
Member
[ *  * ]
WOW Skin.
Offline Profile Quote Post Goto Top
 
CFClewis
Member
[ * ]
Great Job, keep up the good work
Offline Profile Quote Post Goto Top
 
GenetiX Uk
Member Avatar
Member
[ *  * ]
Very nice man, Good job mate
Offline Profile Quote Post Goto Top
 
P.hant0m
Member Avatar
Member
[ *  *  * ]
This is one of my favorite dark skins/themes.
It gives off a smooth, cool feeling that still keeps the idea of being dark.
Offline Profile Quote Post Goto Top
 
msgurl21x (PM)
Member Avatar
Member
[ *  * ]
I love it.


I wish someone would convert it to ZB. it looks so nice.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Dark · Next Topic »
Add Reply
  • Pages:
  • 1
  • 2