View Full Version: [complete][taken]need a one of a kind skin

Shadowplay > Archived Requests > [complete][taken]need a one of a kind skin


Title: [complete][taken]need a one of a kind skin
Description: [if] twilight


cazakins - January 18, 2012 01:58 AM (GMT)
URL TO FORUM: http://z13.invisionfree.com/VENOMOUS_KISS/index.php
PROBOARDS OR INVISIONFREE [OR OTHER]: IF
COLOURS/FEEL: would like something like this, if possible http://z13.invisionfree.com/YOUTHHAUNTS/index.php?act=idx or, http://z13.invisionfree.com/DOGSOFSUMMER/index.php?act=idx but maybe with thick categories like this one, http://z13.invisionfree.com/SKINNEDBYMARV0...dex.php?act=idx with ire One', sans-serif as the font for the categories, if possible.
REQUIRED PIPS: Would something like this, http://i2.ifrm.com/15866/188/pip/Picture_7.png but with text in the box.
text
ADMIN
MODERATOR
VOLTURI
WEREWOLF
QUILEUTE SHIFTER
MAKAH SHIFTER
SHIFTER
HUMAN
CRIMSON EYED
GOLDEN EYED
HYBRID
GHOST
BANNED
WITCH
UNDECIDED (member)
OTHER SITES WHERE REQUEST IS POSTED:nope first site
ANYTHING ELSE: Would like a top table where i can add announcements and my long width chat box , a side bar with staff images that can be hovered over with their names, and a hover code for links. Affiliate button (at the bottom of the board like pro board have seen this done on If), and awards and a member legend any codes that are up to date :(

rDiana13 - January 23, 2012 08:26 AM (GMT)
I can do it but it will take me a while to get it done. One week or a bit more. Sorrz :D

SD. - January 23, 2012 05:52 PM (GMT)
This request has been taken. If it is not completed within two and a half weeks, the requester has the right to open it again for another artist to complete.

cazakins - January 25, 2012 10:44 PM (GMT)
thats fine :)

rDiana13 - January 26, 2012 10:44 AM (GMT)
for META TAGS
CODE
<link href='http://fonts.googleapis.com/css?family=Terminal+Dosis:200' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css'>


for JAVASCRIPT
QUOTE
<style type="text/css">

#popitmenu{
position: absolute;
background-color: white;
border:1px solid black;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100;
visibility: hidden;
}

#popitmenu a{
text-decoration: none;
padding-left: 6px;
color: black;
display: block;
}

#popitmenu a:hover{ /*hover background color*/
background-color: #CCFF9D;
}

</style>

<script type="text/javascript">

/***********************************************
* Pop-it menu- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

var defaultMenuWidth="150px" //set default menu width.

var linkset=new Array()
//SPECIFY MENU SETS AND THEIR LINKS. FOLLOW SYNTAX LAID OUT

linkset[0]='<a href="URL">link name</a>'
linkset[0]+='<a href="URL">link name</a>'
linkset[0]+='<a href="URL">link name</a>'
linkset[0]+='<a href="URL">link name</a>'
linkset[0]+='<a href="URL">link name</a>'

linkset[1]='<a href="URL">link name</a>'
linkset[1]+='<a href="URL">link name</a>'
linkset[1]+='<a href="URL">link name</a>'
linkset[1]+='<a href="URL">link name</a>'
linkset[1]+='<a href="URL">link name</a>'


linkset[2]='<a href="URL">link name</a>'
linkset[2]+='<a href="URL">link name</a>'
linkset[2]+='<a href="URL">link name</a>'
linkset[2]+='<a href="URL">link name</a>'
linkset[2]+='<a href="URL">link name</a>'

////No need to edit beyond here

var ie5=document.all && !window.opera
var ns6=document.getElementById

if (ie5||ns6)
document.write('<div id="popitmenu" onMouseover="clearhidemenu();" onMouseout="dynamichide(event)"></div>')

function iecompattest(){
return (document.compatMode && document.compatMode.indexOf("CSS")!=-1)? document.documentElement : document.body
}

function showmenu(e, which, optWidth){
if (!document.all&&!document.getElementById)
return
clearhidemenu()
menuobj=ie5? document.all.popitmenu : document.getElementById("popitmenu")
menuobj.innerHTML=which
menuobj.style.width=(typeof optWidth!="undefined")? optWidth : defaultMenuWidth
menuobj.contentwidth=menuobj.offsetWidth
menuobj.contentheight=menuobj.offsetHeight
eventX=ie5? event.clientX : e.clientX
eventY=ie5? event.clientY : e.clientY
//Find out how close the mouse is to the corner of the window
var rightedge=ie5? iecompattest().clientWidth-eventX : window.innerWidth-eventX
var bottomedge=ie5? iecompattest().clientHeight-eventY : window.innerHeight-eventY
//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<menuobj.contentwidth)
//move the horizontal position of the menu to the left by it's width
menuobj.style.left=ie5? iecompattest().scrollLeft+eventX-menuobj.contentwidth+"px" : window.pageXOffset+eventX-menuobj.contentwidth+"px"
else
//position the horizontal position of the menu where the mouse was clicked
menuobj.style.left=ie5? iecompattest().scrollLeft+eventX+"px" : window.pageXOffset+eventX+"px"
//same concept with the vertical position
if (bottomedge<menuobj.contentheight)
menuobj.style.top=ie5? iecompattest().scrollTop+eventY-menuobj.contentheight+"px" : window.pageYOffset+eventY-menuobj.contentheight+"px"
else
menuobj.style.top=ie5? iecompattest().scrollTop+event.clientY+"px" : window.pageYOffset+eventY+"px"
menuobj.style.visibility="visible"
return false
}

function contains_ns6(a, B) {
//Determines if 1 element in contained in another- by Brainjar.com
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function hidemenu(){
if (window.menuobj)
menuobj.style.visibility="hidden"
}

function dynamichide(e){
if (ie5&&!menuobj.contains(e.toElement))
hidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
hidemenu()
}

function delayhidemenu(){
delayhide=setTimeout("hidemenu()",500)
}

function clearhidemenu(){
if (window.delayhide)
clearTimeout(delayhide)
}

if (ie5||ns6)
document.onclick=hidemenu

</script>

<script language="Javascript" type="text/javascript">      first = 1;
      last = 3;
      current = 1;
           
      function nextPicture() {
          // Hide current picture
          object = document.getElementById('slide' + current);
          object.style.display = 'none';
               
          // Show next picture, if last, loop back to front
          if (current == last) { current = 1; }
          else { current++ }
          object = document.getElementById('slide' + current);
          object.style.display = 'block';
      }

      function previousPicture() {
          // Hide current picture
          object = document.getElementById('slide' + current);
          object.style.display = 'none';
               
          if (current == first) { current = last; }
          else { current--; }
          object = document.getElementById('slide' + current);
          object.style.display = 'block';
      }

</script>


PLEASE edit the part in red so it fits your links for the staff!

for BODY&HEADER
QUOTE
<div class="tablebg">
<div style="border-left:15px solid #F23A46; border-right:15px solid #F23A46; padding-left:3px; padding-right:3px; ">
<div style="border-left:15px solid #F23A46; border-left:10px solid #463D36; border-right:10px solid #463D36; padding-left:5px; padding-right:5px;">

<div class="submenu" align="center">
<a href="http://YOUR BOARD'S URL/index.php">index</a> <a href="http://YOUR BOARD'S URL/index.php?act=Search&f=">search</a> <a href="http://YOUR BOARD'S URL/index.php?act=Help">help</a> <a href="http://YOUR BOARD'S URL/index.php?act=Members">members</a> <a href="http://YOUR BOARD'S URL/index.php?act=calendar">calendar</a></div>

<% BOARD HEADER %>


        <div class="slideShow">
           
<div id="slide1" class="slides">
<table><tr><td valign="top"><a href="javascript:previousPicture()" style="margin: 10px;">

<img src="http://img546.imageshack.us/img546/993/leftr.png"></a></td>

<td style="width:25%;" valign="top"><div style="overflow-y:auto; overflow-x:hidden; height:194px;">

<div style="font-family:'Wire One', sans-serif; font-size:20px; color:#F23A46; border-bottom:1px solid #463D36; text-transform:uppercase;">USEFUL LINKS</div>
<div style="padding-left:10px; text-align:justify; padding-right:2px;">

LINKS GO HERE.<br /><br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vel venenatis lorem. Suspendisse nec leo nulla, feugiat sagittis ligula. Proin ante dui, consequat eu elementum at, viverra in arcu. Nam sed odio mi. Nulla adipiscing dapibus odio, vitae consequat metus rutrum quis. Nam in metus nibh, vel fringilla est. Aenean pretium urna non nisl fringilla tempor. Praesent vel varius tellus. Phasellus euismod semper elit, eu semper diam feugiat id.<br /><br />
Nam et ante nulla. Pellentesque faucibus fringilla rutrum. Maecenas laoreet, nisi in consectetur malesuada, justo elit lobortis eros, id auctor orci turpis sed dui. Aliquam erat volutpat. Sed id massa ut enim lobortis viverra quis vel massa. Morbi lobortis libero ut velit lacinia volutpat. Proin erat libero, dictum vitae volutpat sit amet, facilisis eu est. Suspendisse at lorem sagittis sapien aliquam aliquet vel sit amet risus.
</div>

</div></td>

<td style="width:50%;" valign="top"><div style="overflow-y:auto; overflow-x:hidden; height:194px;">

<div style="font-family:'Wire One', sans-serif; font-size:20px; color:#F23A46; border-bottom:1px solid #463D36; text-transform:uppercase;">SHORT title here</div>
<div style="padding-left:10px; text-align:justify; padding-right:2px;">

ANNOUNCEMENT GOES HERE.<br /><br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vel venenatis lorem. Suspendisse nec leo nulla, feugiat sagittis ligula. Proin ante dui, consequat eu elementum at, viverra in arcu. Nam sed odio mi. Nulla adipiscing dapibus odio, vitae consequat metus rutrum quis. Nam in metus nibh, vel fringilla est. Aenean pretium urna non nisl fringilla tempor. Praesent vel varius tellus. Phasellus euismod semper elit, eu semper diam feugiat id.<br />

</div>


<div style="font-family:'Wire One', sans-serif; font-size:20px; color:#F23A46; border-bottom:1px solid #463D36; text-transform:uppercase;">SHORT title here</div>
<div style="padding-left:10px; text-align:justify; padding-right:2px;">

ANNOUNCEMENT GOES HERE.<br /><br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vel venenatis lorem. Suspendisse nec leo nulla, feugiat sagittis ligula. Proin ante dui, consequat eu elementum at, viverra in arcu. Nam sed odio mi. Nulla adipiscing dapibus odio, vitae consequat metus rutrum quis. Nam in metus nibh, vel fringilla est. Aenean pretium urna non nisl fringilla tempor. Praesent vel varius tellus. Phasellus euismod semper elit, eu semper diam feugiat id.<br />

</div>

</div></td>


<td style="width:25%;" valign="top"><div style="overflow-y:auto; overflow-x:hidden; height:194px;">
<div style="font-family:'Wire One', sans-serif; font-size:20px; color:#F23A46; border-bottom:1px solid #463D36; text-transform:uppercase;">CREDITS</div>
<div style="padding-left:10px; text-align:justify; padding-right:2px;">

Skinned by <a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=6852">rDiana13</a> aka Diana of <a href="http://z10.invisionfree.com/Shadowplay/index.php?">Shadowplay</a>.<br /><br />
Help for the slider from <a href="http://www.knowledgesutra.com/forums/user/4570-andrewsmithy/">andrewsmithy</a> of <a href="http://www.knowledgesutra.com/">Knowledge Sutra</a>, right <a href="http://www.knowledgesutra.com/forums/topic/8741-javascript-slideshow-tutorial/">here</a>.<br /><br />
Coding help also from <a href="http://forums.redcarpetrebellion.org">Red Carpet and Rebellion</a>.<br /><br />
This skin was made solely for <a href="YOURBOARDURL">YOUR BOARD'S NAME</a>.<br /><br />
Please do not rip/remove credit. Happy roleplaying from Dee!
</div>

</div></td>

<td valign="top"><a href="javascript:nextPicture()" style="margin: 10px;"><img src="http://img684.imageshack.us/img684/4261/rightpe.png"></a>
</td>

</tr></table>

            </div>

            <div id="slide2" class="slides">
<table><tr><td><a href="javascript:previousPicture()" style="margin: 10px;"><img src="http://img546.imageshack.us/img546/993/leftr.png"></a><td>


<td valign="top" width="100%"><div style="overflow-y:auto; overflow-x:hidden; height:194px;"><div style="font-family:'Wire One', sans-serif; font-size:20px; color:#F23A46; border-bottom:1px solid #463D36; text-transform:uppercase;">STAFF MEMBERS</div>
<div style="padding-left:10px; text-align:justify; padding-right:2px;">

<a href="#" onMouseover="showmenu(event,linkset[0])" onMouseout="delayhidemenu()"><img src="http://placehold.it/185x175"></a>

<a href="#" onMouseover="showmenu(event,linkset[1], '180px')" onMouseout="delayhidemenu()"><img src="http://placehold.it/185x175"></a>

<a href="#" onMouseover="showmenu(event,linkset[1], '180px')" onMouseout="delayhidemenu()"><img src="http://placehold.it/185x175"></a>

</div></div></td>

                <td><a href="javascript:nextPicture()" style="margin: 10px;"><img src="http://img684.imageshack.us/img684/4261/rightpe.png"></a>

</td></tr></table>
            </div>

            <div id="slide3" class="slides">
<table><tr><td><a href="javascript:previousPicture()" style="margin: 10px;"><img src="http://img546.imageshack.us/img546/993/leftr.png"></a><td>


<td valign="top" width="100%"><div style="overflow-y:auto; overflow-x:hidden; height:194px;"><div style="font-family:'Wire One', sans-serif; font-size:20px; color:#F23A46; border-bottom:1px solid #463D36; text-transform:uppercase;">TITLE</div>
<div style="padding-left:10px; text-align:justify; padding-right:2px;">

stuff goes here

</div></div></td>

                <td><a href="javascript:nextPicture()" style="margin: 10px;"><img src="http://img684.imageshack.us/img684/4261/rightpe.png"></a>

</td></tr></table>
            </div>

<td><form style='display:inline' action="http://BOARD URL HERE/index.php?act=Login&CODE=01&CookieDate=1" method="post">
<div align='center'>
<input type="text" class="forminput" size="10" name="UserName" onfocus="this.value=''" value="User Name" style="display:inline" />
<input type='password' class='forminput' size='10' name='PassWord' onfocus="this.value=''" value='ibfrules' style="display:inline" />
<input type='submit' class='forminput' value='Go' style="display:inline" />
</div></form><br /></td>
        </div>

<% NAVIGATION %>
<% BOARD %>
<% STATS %>


look at the parts in red and edit them. check it twice, I might've forgotten to edit some stuff.

for FOOTER
QUOTE
</div>
</div>
</div>

<script type='text/javascript' language='JavaScript'>
<!--
// Remove 'Welcome back' text by ticlo
// http://s4.invisionfree.com/Digitalized/
function removeWelcomeBack() {
var c, n;
var e = document.getElementsByTagName('DIV');
for (n = 0; n < e.length; n++) {
if (e[n].innerHTML.indexOf('Welcome back; your last visit was on') != -1) {
for (c = e[n].firstChild; c; c = c.nextSibling) {
if ((c.nodeName == '#text') && (c.nodeValue.indexOf('Welcome back; your last visit was on') != -1)){
c.parentNode.removeChild©;
return;
}}}}};

removeWelcomeBack();
// -->
</script>

<script type="text/javascript">
<!--
/*
Remove Latest news
Coded By Greg/Moose
Don't edit or repost
*/
var div = document.getElementsByTagName('div');
for(d=0;d<div.length;d++){
if(div[d].getElementsByTagName('b').length == 1 && div[d].getElementsByTagName('a').length == 1 && div[d].getElementsByTagName('b')[0].innerHTML.match(/latest news:\s+<a/i)){
div[d].getElementsByTagName('b')[0].style.display = "none";
if(div[d].getElementsByTagName('br')[0]){
div[d].getElementsByTagName('br')[0].style.display = "none";
}}}
//-->
</script>


DO NOT EDIT ANYTHING HERE, PLEASE.

for CSS
CODE
html { overflow-x: auto; overflow-y: auto;}

form { display:inline; }
img  { vertical-align:middle; border:0px }
BODY { font-family: Verdana, sans-serif; font-size: 10px; color: #463D36; margin:0px 10px 0px 10px; background-color:#FFFDEE;}
TABLE, TR, TD { font-family: Verdana, sans-serif; font-size: 10px; color: #463D36; }
a:link, a:visited, a:active { text-decoration:none; color: #000 }
a:hover { color: #463D36; text-decoration:none; }

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: #3A4F6C; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#00D; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#434951 }

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:#555 }
.caldate   { text-align:right; font-weight:bold;font-size:11px;  background-color: #463D36; color:000000; text-align:center; 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%; background-color: #FFFDEE }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #FFFDEE;;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { padding:0px; margin:0px; }
#submenu   {display:none; }
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #3A4F6C; }
#userlinks { border:1px solid #463D36; background-color: #F23A46; color:#463D36;}
#userlinks a {color:#463D36;}
#userlinks a:link, #userlinks a:visited, #userlinks a:active { color:#000000; }
#userlinks a:hover {color:#463D36;}

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

.activeuserstrip { background-color:#463D36; padding:6px; text-transform:lowercase; }

.pformstrip { text-align:center; font-weight:bold; color:#463D36; padding:1px; margin:0px; background-color:#FFFDEE;}
.pformleft  { background-color: #FFFDEE; padding:6px; margin-top:1px;width:25%; border-top:1px solid #F23A46; border-right:1px solid #F23A46; }
.pformleftw { background-color: #FFFDEE; padding:6px; margin-top:1px;width:40%; border-top:1px solid #F23A46; border-right:1px solid #F23A46; }
.pformright { background-color: #FFFDEE; padding:6px; margin-top:1px;border-top:1px solid #F23A46; }

.post1 { background-color: #FFFDEE }
.post2 { background-color: #FFFDEE }
.postlinksbar { background-color:#463D36; padding:7px; margin-top:1px; font-size:10px; text-transform:lowercase; color:#FFFDEE; }

.row1 { background-color: #FFFDEE; text-align:center;  }
.row2 { background-color: #FFFDEE; text-align:center;  }
.row3 { background-color: #FFFDEE; text-align:center;  }
.row4 { background-color: #FFFDEE; text-align:center; }
.row4 a:link, .row4 a:visited, .row4 a:active, .row4 a:active { font-family:'Terminal Dosis', sans-serif; font-size:15px; font-weight:200; text-transform:lowercase;}

.darkrow1 { background-color: #F23A46; color:#463D36; }
.darkrow2 { background-color: #463D36; color:#FFFDEE; }
.darkrow3 { background-color: #463D36; color:#FFFDEE; text-transform:lowercase; }

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

.titlemedium { text-align:center; font-weight:bold; color:#463D36; padding:1px; margin:0px; background-color:#463D36;}
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration:none; color: #463D36 }

.maintitle { font-weight:600; vertical-align:middle; font-family:'Wire One', sans-serif; text-transform:uppercase; font-size:40px; color:#000000;padding:2px 0px 2px 0px; background-color:#F23A46; text-align:center; letter-spacing:1px;}
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color:#000000; }
.maintitle a:hover { text-decoration: none; color:#FFFDEE }

.plainborder { border:1px solid #345487;background-color:#F5F9FD }
.tableborder { border:1px solid #463D36;background-color:#463D36; padding:0px; margin:0px; width:100%; color:#FFFDEE; }
.tablefill   { border:1px solid #F23A46;background-color:#FFFDEE;padding:6px;  }
.tablepad    { background-color:#FFFDEE; padding:6px; color:463D36; }
.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:#463D36; display: block; text-align:center; text-transform:lowercase;}
.desc a:link, .desc a:visited, .desc a:active { text-decoration:none; color: #F23A46 }
.desc a:hover { color: #A0D8E8; text-decoration:none; }
.edit { font-size: 9px }

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

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color:#463D36; border-bottom: 20px solid #F23A46; border-radius:0px 0px 20px 0px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE  { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color:#463D36; border-bottom: 20px solid #F23A46; border-radius:0px 0px 20px 0px; 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;}


.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 }

.tablebg { width:800px; padding: 0px 5px 0px 5px; background-color: #FFFDEE; margin-top: 0px; margin-bottom: 0px; border-left:1px dashed #463D36; border-right:1px dashed #A0D8E8; margin-left: auto; margin-right:auto;}

.submenu { display:inline }
.submenu a { background-color: #F23A46; color: #463D36; padding: 2px 5px 2px 5px; }
.submenu a:hover { background-color: #463D36; color: #F23A46; padding: 5px; }

#ipbwrapper { width: 800px; padding: 800px; margin-top: 800px; margin-bottom: 800px; margin-left:auto; margin-right:auto; }

.unread { width:15px; height:15px; background-color:#F23A46; margin-left:auto; margin-right:auto; }

.read { width:15px; height:15px; background-color:#463D36; margin-left:auto; margin-right:auto; }

.pinned { width:15px; height:15px; background-color:#F23A46; margin-left:auto; margin-right:auto; border-radius:15px; }

.locked { width:15px; height:15px; background-color:#463D36; margin-left:auto; margin-right:auto; border-radius:15px; }

           .slideShow { border:3px solid #463D36;background-color: #FFFDEE; text-align: center; margin-bottom: 10px; height:200px;}
           .slides { z-index: 1; display:none; }
           #slide1 { display:block; }



FOR IMAGES.

<div class="unread"></div> is for unread stuff
<div class="read"></div> is for read stuff
<div class="pinned"></div> is for pinned stuff
<div class="locked"></div> is for locked stuff

for the rest it's text:



Locked Post Button


LOCKED

Poll Only Post Button


LOCKED

New Topic Button


NEW TOPIC

Add Reply Button


ADD REPLY

New Poll Button


NEW POLL

Hot Topic Folder


<div class="unread"></div>

Hot Topic Folder (No new posts)


<div class="read"></div>

Hot Topic Folder (with Dot)


<div class="unread"></div>

Hot Topic Folder (No new posts with Dot)


<div class="read"></div>

Plain Folder


<div class="unread"></div>

Plain Folder (No new posts)


<div class="read"></div>

Plain Folder (with Dot)


<div class="unread"></div>

Plain Folder (No new posts with Dot)


<div class="read"></div>

Poll Folder


<div class="unread"></div>

Poll Folder (No new posts)


<div class="read"></div>

Poll Folder (with Dot)


<div class="unread"></div>

Poll Folder (No new posts with Dot)


<div class="read"></div>

Locked Folder


<div class="locked"></div>

Moved Folder


<div class="unread"></div>

Pinned Marker


<div class="pinned"></div>

New reply Marker


»

Forum Marker


<div class="unread"></div>

Forum Marker (No New Posts)


<div class="read"></div>

Sub-Forum Marker


<div class="unread"></div>

Sub-Forum Marker (No New Posts)


<div class="read"></div>

Password Protected Forum


<div class="locked"></div>

Password Protected Forum (No New Posts)


<div class="locked"></div>

Read-only Forum


<div class="locked"></div>

Stats Marker


STATS

Birthdays Marker


BIRTHDAYS

Users Online Marker


ONLINE

Calendar Marker


CALENDAR

Seperator for navigation trail


,

Navigation Marker


•

Triangle bullet



Read PM Marker


<div class="read"></div>

Unread PM Marker


<div class="UNread"></div>

Delete Post


DELETE

Edit Post


EDIT

Quote Post


QUOTE

Goto Top


TOP

AOL


AOL

Email


EMAIL

ICQ


ICQ

PM


PM

Website


WWW

Yahoo


YAHOO

MSN


MSN

Calendar


CALENDAR

Redirect Forum


<div class="unread"></div>

Profile Card


PROFILE CARD

Quick Reply


FAST REPLY

Topic Options


TOPIC OPTIONS

Calendar (New Event)


NEW EVENT

Forum Rules


RULES

Last Post Choice


<img src='http://i1.ifrm.com/style_images/<#IMG_DIR#>/lastpost.gif' border='0' alt='Last Post' />

Report Post


REPORT

No Photo



Photo Icon



Warn (Level 0)


-----

Warn (Level 1)


X----

Warn (Level 2)


XX---

Warn (Level 3)


XXX--

Warn (Level 4)


XXXX-

Warn (Level 5)


XXXXX

Increase Warning


+

Decrease Warning


-


This is copy pasted so it's not looking really how it should, but anyways.


AND THE PREVIEW NOW!

here: http://z13.invisionfree.com/skinnedbydee01/index.php?


for the pips, I can't do pips :3 sorry. request someone else to do them, I just seen it now. for the member legend, I'd rather have you use http://resources.zetaboards.com/topic/477869/1/ since it's explained better than I can do it, hope it's okay.

I posted this in a rush since Mom gave me 5 mins to post it and then I'm grounded so sorryyyy! I'll send you a pm with the login for any eventuality on the test site :3

cazakins - January 27, 2012 12:33 AM (GMT)
omg thank you so much :)

SD. - January 29, 2012 02:45 PM (GMT)
This request has been completed. Remember to credit the artist and re-host. Thank you for requesting at Shadowplay.




* Hosted for free by InvisionFree