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
tangerine.FLAVA
Topic Started: Aug 13 2007, 07:02 PM (3,719 Views)
Amberon
Member Avatar
Winter is Coming
[ *  *  *  *  *  *  *  *  * ]
Posting in proxy for Valleri
Preview
Posted Image
the skin.
Buttons hosted
DOWNLOAD buttons

Board Wrappers --> Header and Body
 
<center><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000">

<table cellpadding="9"
cellspacing="0"
bgcolor="#FFFFFF"
valign="top"
height="100%"
width="742">

<!--Border Left-->

<tr>
  <td valign="top"
  height="100%"
  halign="right"
  width="2"
background="http://i6.ifrm.com/1854/63/upload/p6215671.jpg" 
  style="padding: 12px;
  border: 0px;">
  </td>
  <td height="100%" valign="top">

<% BOARD HEADER %>

<script language="javascript">
<!--//
/*****************************************************
// Created by Mercury for invisionFree.
// Change Toolbar v 1.1.2
// Free for use. Please keep intact.
// The gods are watching. )O+
// http://invisionfree.com/forums/support/ind...showtopic=15533
*****************************************************/
function addIconToToolBar(text, image, link){
    newButtons[newButtons.length] = new Array(text, image, link);
}
function changeToolBarIcons(){
    var allRows; var rowText; var tempText; var buttonDefaultLinks = new Array();
    var spaCing = "";
    var buttonDefaultText = new Array("Help","Search","Members","calendar");
    var buttonDefaultSrc = new Array(
        "http://i1.ifrm.com/style_images/1/atb_help.gif",
        "http://i1.ifrm.com/style_images/1/atb_search.gif",
        "http://i1.ifrm.com/style_images/1/atb_members.gif",
        "http://i1.ifrm.com/style_images/1/atb_calendar.gif");
    var linkDefault = new Array();
    var linkIndex; var linkBegin; var linkEnd=0;

    if (document.all){
        allRows = document.all.tags('td');
    }else if ( document.getElementsByTagName ){
        allRows = document.getElementsByTagName('td');
    }else{
        allRows = new Array();
    }

    linkSearch:
    for (var i=0; i<allRows.length; i++){
        rowText = allRows.innerHTML;
        if ( rowText.indexOf('<td')!=-1 && rowText.indexOf('    ')!=-1 ) { continue; }
        actionSearch:
        for ( var j=0 ; j<buttonDefaultText.length; j++ ){
            if ( rowText.indexOf("act="+buttonDefaultText[j])==-1 ){
                continue linkSearch;
            }
        }
        linkIndex=i; break;
    }

    for (var i=0; i<buttonDefaultText.length; i++){
        rowText = allRows[linkIndex].innerHTML;
        linkBegin = rowText.indexOf('href="',linkEnd+1);
        linkEnd = rowText.indexOf('"',linkBegin+8);
        tempText = rowText.substring(linkBegin+6,linkEnd)
        for ( var j=0; j<buttonDefaultText.length; j++){
            if ( tempText.indexOf(buttonDefaultText[j]) != -1 ){
                buttonDefaultLinks[j] = tempText;
            }
        }
    }
    for ( var i=0; i<newButtons.length; i++ ){
        var wBText=newButtons[0]; var wBSrc=newButtons[1]; var wBLink=newButtons[2];
        for ( var j=0; j<buttonDefaultText.length; j++ ){
            if ( wBSrc == buttonDefaultText[j].toUpperCase() ){ wBSrc = buttonDefaultSrc[j]; }
            if ( wBLink == buttonDefaultText[j].toUpperCase() ){ wBLink = buttonDefaultLinks[j]; }
        }
        newButtons[3] = "<a href='"+wBLink+"'>";
        if (showIcon.toLowerCase() != "no"){
            wBSrc = "<img src='"+wBSrc+"' border='0' alt='"+wBText+"' align='absmiddle' />";
        }else{
            wBSrc = "";
        }
        if ( showText.toLowerCase() != "no" ){
            textLocation = textLocation.toLowerCase();
            switch(textLocation.toLowerCase()){
                case "left" : newButtons[3] += wBText+" "+wBSrc; break;
                case "top" : newButtons[3] += wBText+"</a><br /><a href='"+wBLink+"'>"+wBSrc; break;
                case "bottom" : newButtons[3] += wBSrc+"</a><br /><a href='"+wBLink+"'>"+wBText; break;
                default : newButtons[3] += wBSrc+" "+wBText; break;
            }
        }else{
            newButtons[3] = wBSrc;
        }
        newButtons[3] += "</a>";
    }
    if ( diVider == "NONE" ){ spaCing = ""; }else{ spaCing = diVider; }
    spaCes = parseInt(spaCes); if ( isNaN(spaCes) ){ spaCes = 5; }
    for (var i=0; i<spaCes; i+=2 ){
        if ( spaCes%2 != 0 ) { spaCing = " "+spaCing; spaCes++; continue; }
        spaCing = " "+spaCing + " "
    }
    var newToolbar = "<table cellspacing=0 cellpadding=0 border=0><tbody>"
    if (oriEntation.toLowerCase() != "vertical"){
        newToolbar +="<tr>"; var buttonStart = "<td align='"+buttonAlign+"'>"; var buttonEnd = "</td>";
    }else{
        var buttonStart = "<tr><td align='"+buttonAlign+"'>"; spaCing =""; var buttonEnd = "</td></tr>";
    }
    for ( var i=0; i< newButtons.length; i++ ){
        var addSpace = ( i==0)? "" : spaCing;
        newToolbar += buttonStart + addSpace + newButtons[3] + buttonEnd; }
    newToolbar = (oriEntation.toLowerCase() != "vertical")? newToolbar + "</tr></tbody></table>" : newToolbar + "</tbody></table>";
    allRows[linkIndex].innerHTML = newToolbar;
}
var newButtons = new Array()

// Use: addIconToToolBar("Text","Image","Link");
// Example: addIconToToolBar("Help", "http://www.host.com/help.gif", "http://www.help.com/")
// Use "HELP", "SEARCH", "MEMBERS", and "CALENDAR" for default images and links.
// Icons and links will appear in order below. Leave out any default button to remove from bar.
// Remove all addIconToToolBar() below to leave blank.
addIconToToolBar("Help", "http://i6.ifrm.com/1854/63/upload/p6218035.jpg", "HELP");
addIconToToolBar("Search", "http://i6.ifrm.com/1854/63/upload/p6218035.jpg", "SEARCH");
addIconToToolBar("Members", "http://i6.ifrm.com/1854/63/upload/p6218035.jpg", "MEMBERS");
addIconToToolBar("Calendar", "http://i6.ifrm.com/1854/63/upload/p6218035.jpg", "CALENDAR");

var showText = "yes"; // yes, no // Default Yes.
var showIcon = "yes"; // yes, no // Default Yes.
var textLocation = "right"; // left, top, right, bottom // Default Right. No effect if showText is no.
var buttonAlign = "left"; // left, right, center // No effect if textLocation is left or right and oriEntation is horizontal.
var oriEntation = "horizontal"; // vertical, horizontal // Default Horizontal
var spaCes = "5"; // Number of spaces between icons. Default 5. No effect if oriEntation is vertical.
var diVider = "NONE"; // See use below.
// Anything you want the divider between each link to be. Default NONE
// Set spaces to an even number for uniform spacing.
// Has no effect if oriEntation is vertical.

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

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

<center><div style="border: 1px solid #BABABA; padding: 4px">Skin created by <b>Valleri</b> of <a href='http://forums.ifskinzone.net/index.php?act=idx'><b>IF Skin Zone</b></a>.</div></center>


Board Wrappers --> Footer
 
<!--Border Right-->
</td>
<td valign="top"
height="100%"
halign="left"
width="2"
background="http://i6.ifrm.com/1854/63/upload/p740016.jpg" style="padding: 12px"
border: 0px;
background-position: left">


[/i]
CSS
 
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: 10px;
color: #BBBBBB;
margin:0px 10px 0px 10px;
background-color:#FFFFFF;
background-image: url()
}

TABLE, TR, TD
{font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 10px;
color: #A9A9A9;
}

a:link, a:visited, a:active
{text-decoration: none;
color: #E59826;
}

a:hover
{color: #FDA90B;
text-decoration: underline
}

.maintitle
{vertical-align:middle;
font-family: Verdana, Tahoma, Arial, sans-serif;
color:#ffffff;
letter-spacing:1px;
padding:10px 0px 8px 33px;
background-image: url(http://i6.ifrm.com/1854/63/upload/p739706.jpg);
border: 1px solid #E66807;
}


.maintitle a:link, .maintitle  a:visited, .maintitle  a:active
{ text-decoration: none;
color: #FFFFFF;
}

.maintitle a:hover
{color: #FFFFFF
}

.titlemedium
{font-weight:bold;
color:#E18E18;
padding:4px;
margin:0px;
background-image: url(http://i6.ifrm.com/1854/63/upload/p6215926.jpg);
border: 1px solid #D3d3d3;
background-repeat: repeat-x;
background-color: D6D6D6
}

.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active
{ text-decoration: underline;
color: #ACACAC
}

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:10px;
color:#BBBBBB;
background-color:#DADADA;
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; color: #E59826}

#photowrap
{ padding:6px;
}

#phototitle
{font-size:24px;
text-align: center;
border:1px solid #E9E9E9;
color: #FA5B02;
}

#photoimg  { text-align:center; margin-top:15px }

#ucpmenu    { line-height:150%;width:22%; border:1px solid #CACACA;background-color: #FFFFFF }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #FFFFFF; border:1px solid #CACACA;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }

#logostrip
{ border:1px solid #CACACA;
background-color: #F1F1F1;
background-image:url();
padding:0px;margin:0px; }

#submenu 
{ border:1px dotted #CACACA;
background-color: #F1F1F1;
font-size:10px;
margin:3px 0px 3px 0px;
color:#91C1CB;
font-weight:bold;
}

#userlinks
{ border:1px dotted #CACACA;
background-color: #F1F1F1;
font-size:10px;
text-decoration: none;
color: #91C1CB; }

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

.activeuserstrip
{ background-color:#d5d5d5;
padding:4px;
background-image: url(http://i6.ifrm.com/1854/63/upload/p6215926.jpg);
border: 1px solid #D3d3d3}

.pformstrip
{ background-color: #F1F1F1;
background-image: url(http://i6.ifrm.com/1854/63/upload/p6215926.jpg);
background-repeat: repeat-x;
background-color: D6D6D6;
color:#E18E18;
font-weight:bold;
padding:4px;
margin-top:1px;
border: 1px solid #d0d0d0;
}


.pformleft 
{ background-color: #EEEEEE;
padding:6px;
margin-top:1px;
width:25%;
border-right: 1px solid #CACACA;
}

.pformleftw
{ background-color: #FFFFFF;
padding:6px;
margin-top:1px;
width:40%;
border-right:1px solid #CACACA;
}

.pformright
{background-color: #EEEEEE;
padding:6px;
margin-top:1px;
}

.post1 { background-color: #F0f0f0; border: 1px solid #E5E5E5; color: #aaaaaa}
.post2 { background-color: #f0f0f0; border: 1px solid #E5E5E5; color: #aaaaaa }

.postlinksbar
{background-color:#D5D5D5;
padding:7px;
margin-top:1px;
font-size:9px;
padding: 4px;
background-image:url(http://i6.ifrm.com/1854/63/upload/p6215926.jpg);
border: 1px solid #D3d3d3;
}

.postlinksbar a:link, .postlinksbar  a:visited, .postlinksbar  a:active
{ text-decoration: none; color: #ACACAC
}

.row1 { background-color: #EEEEEE; border: 1px solid #E0E0E0 }
.row2 { background-color: #eBeBeB; border: 1px solid #DEDEDE}
.row3 { background-color: #EEEEEE; border: 1px solid #E0E0E0 }
.row4 { background-color: #EEEEEE; border: 1px solid #E0E0E0}

.darkrow1
{background-color: #EEEEEE;
color:#CACACA;
}

.darkrow2
{background-color: #D5D5D5;
color:#BCBCBC;
background-image: url(http://i6.ifrm.com/1854/63/upload/p6215926.jpg);
background-repeat: repeat-x;
padding: 3px
}

.darkrow3
{background-color: #D5D5D5;
color:#BCBCBC;
background-image: url(http://i6.ifrm.com/1854/63/upload/p6215926.jpg);
background-repeat: repeat-x;
border: 1px solid #D3d3d3}

.hlight { background-color: #FFFFFF }
.dlight { background-color: #EEEEEE }

.plainborder { border:1px solid #CACACA;background-color:#FFFFFF }

.tableborder
{ border:1px solid #CACACA;
background-color:#FFFFFF;
padding:0px; margin:0px; width:100%
}

.tablefill 
{border:1px solid #EEEEEE;
background-color:#ECECEC;
padding:6px;
}

.tablepad    { background-color:#FFFFFF;padding:6px }
.tablebasic  { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px; background-color:#EBEBEB;}

.wrapmini    { float:left;line-height:1.5em;width:25% }
.pagelinks  { float:left;line-height:1.2em;width:35% }

.desc { font-size:9px; color:#BBBBBB }
.edit { font-size: 9px }

.signature  { font-size: 9px; color: #FDA109 }
.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: 9px;
color: #E59826;
background-color: #FFFFFF;
border: 1px dotted #E59826;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px
}

#CODE 
{ font-family: Verdana, Arial;
font-size: 9px;
color: #E59826;
background-color: #FFFFFF;
border: 1px dotted #E59826;
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

border: 1px dotted #A09671

}

.codebuttons 
{ font-size: 9px;
font-family: verdana, helvetica, sans-serif;
vertical-align: middle;
color:#A9A9A9;
border: 1px solid #DDDDDD;
background-repeat: repeat-x;
background-color: #E0E0E0;
background-image: url(http://i1.ifrm.com/1890/169/upload/p7026093.jpg)
}


.forminput, .radiobutton, .checkbox, .textinput
{ font-size: 10px;
font-family: verdana, helvetica, sans-serif;
vertical-align: middle;
color:#A9A9A9;
border: 1px solid #E0E0E0;
background-color: #FFFFFF;
}


.thin
{ padding:6px 0px 6px 0px;
line-height:140%;
margin:2px 0px 2px 0px;
border-top:1px dotted #D5D3D4;
border-right:1px dotted #D5D3D4;
border-bottom:1px dotted #D5D3D4
}

.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 }
Attached to this post:
Attachments: TangerineFLAButtons.zip (34.23 KB)
Edited by Helena, Nov 20 2012, 07:41 PM.
Offline Profile Quote Post Goto Top
 
Replies:
AdiCtEd2LuSaM
Member
[ *  * ]
oh i like this one!
Offline Profile Quote Post Goto Top
 
taengsic
Member Avatar
Member
[ * ]
so orange
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Light · Next Topic »
Add Reply
  • Pages:
  • 1
  • 2