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
tangerine.FLAVA
Topic Started: Aug 13 2007, 07:02 PM (3,720 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
 
DarkDragonLord
Member
[ * ]
one of the best skins i even seen :D
Offline Profile Quote Post Goto Top
 
Jonpat0
Member Avatar
Member
[ *  * ]
Wow, very nice, one of the very best skins I've seen. I wont be surprised if it becomes a WOW!
Offline Profile Quote Post Goto Top
 
.Person
Member Avatar
iPBFS Public Relations
[ *  *  *  * ]
OMG! That was how my latest skin was going to look. (version 5.0)

Now If I work on that you will say I ripped. :'( Why does life do this to me!

Please post it on my site
Offline Profile Quote Post Goto Top
 
inguris100
Member
[ * ]
where is buttons? i want download buttons!
Offline Profile Quote Post Goto Top
 
TrashBack
Member
[ * ]
inguris100
Aug 25 2007, 11:10 AM
where is buttons? i want download buttons!

yeah xD

please the author of this post of even Varelli post the buttons please...
Offline Profile Quote Post Goto Top
 
skins!
Member
[ *  * ]
TrashBack
Sep 10 2007, 06:05 PM
inguris100
Aug 25 2007, 11:10 AM
where is buttons? i want download buttons!

yeah xD

please the author of this post of even Varelli post the buttons please...

That would be great if you could please post them.
Offline Profile Quote Post Goto Top
 
TrashBack
Member
[ * ]
please some 1 give us the buttons... im going nuts... :arr: :hehe: XD x_x :'( :@
Offline Profile Quote Post Goto Top
 
Elite_Masta916
Member Avatar
Member
[ *  * ]
DAYAM ITS NICE! IM USIN!
Offline Profile Quote Post Goto Top
 
Karrit
Member Avatar
Perfection
[ *  *  *  * ]
On the plus side: (+) Everything about the skin is awesome

On the down side: (-) I think the skin would look much better if you make a better background and better side bars.
Offline Profile Quote Post Goto Top
 
allmyjunk444
Member Avatar
Member
[ *  * ]
Gorgeous. Great colors.
Offline Profile Quote Post Goto Top
 
Mahala
Member
[ *  * ]
beautiful. might just use it for my site for the summer skin
Offline Profile Quote Post Goto Top
 
MisaTange
Member Avatar
Member
[ *  *  *  * ]
Nice, very cool. 9/10 rating. Too simple for me. Good summer skin, yes, also, it's too bright.
Offline Profile Quote Post Goto Top
 
xel014
Member Avatar
Member
[ *  *  * ]
very good skin...orange!!
Offline Profile Quote Post Goto Top
 
tamagirlmaster
Member Avatar
Member
[ *  * ]
agggggggjhhh
i love it.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Light · Next Topic »
Add Reply
  • Pages:
  • 1