Pages: 12
 [url=http://profiles.friendster.com/asshole018][b]PROFILE TESTER[/b][/url]
[b]SCREENSHOT:[/b] 
 [img]http://www.geocities.com/profile_tester018/fLoatingmenuLinks/menu_prev.jpg[/img]
uhm, Good day guyz... Let me share to aLL ftaLkers about my trick, this trick is Like a fLoating object post by [b]shakiro214[/b] [url=http://theftalk.com/t21022-floating-objects-left-side-(JS).html]topic![/url], but i convert that trick into fLoating menu, with toggLe show hide! so if you think that this trick is useLess, kindLy ingnore this session.. thnx...
Let's start on JS code...
simpLy downLoad the fiLe on Link beLow! rightcLick (save target as/ save Link as), and then upLoad the fiLe in your fiLe hosting, eg. ripway or geocities...
[url=http://www.geocities.com/profile_tester018/fLoatingmenuLinks/menu.js][b]menu.js[/b][/url]
now, after that, copy the URL of your [b]menu.js[/b] and then paste it inside the code beLow!
[quote]//fLoating menuLinks tricks
var fLoatmenutr = document.createElement("script");
fLoatmenutr.type = "text/javascript";
fLoatmenutr.src = "[b]URL OF YOUR MENU.JS[/b]";
document.getElementsByTagName("body")[0].appendChild(fLoatmenutr);[/quote]
and then, copy the code above paste it inside your JS fiLes...
now, Let's proceed inside the customizing codes....
open a new text fiLe, using notepad, and then copy the given code beLow, and then paste it...and then, edit some boLd part of the code...
[quote]//fLoating object
fLoatmenu="<div id='divStayTopLeft' style='position:absolute;z-index:50;'><div class='sdmenu'>"+
"<span class='title' id='top'><img src='http://www.geocities.com/profile_tester018/fLoatingmenuLinks/expanded.gif' class='arrow' title='click to show the content'>[b]TITLE HERE[/b]</span>"+
"<div class='submenu'>"+
"<a href='[b]URL HERE[/b]' target='_blank'>[b]NAME OF SITE[/b]</a>"+
"<a href='[b]URL HERE[/b]' target='_blank'>[b]NAME OF SITE[/b]</a>"+
"<a href='[b]URL HERE[/b]' target='_blank'>[b]NAME OF SITE[/b]</a>"+
"<a href='[b]URL HERE[/b]' target='_blank'>[b]NAME OF SITE[/b]</a>"+
"<a href='[b]URL HERE[/b]' target='_blank'>[b]NAME OF SITE[/b]</a>"+
"</div>"+
"<span class='title' ><img src='http://www.geocities.com/profile_tester018/fLoatingmenuLinks/expanded.gif' class='arrow' title='click to show the content'>[b]TITLE HERE[/b]</span>"+
"<div class='submenu'>"+
"<a href='[b]URL HERE[/b]' target='_blank'>[b]NAME OF SITE[/b]</a>"+
"<a href='[b]URL HERE[/b]' target='_blank'>[b]NAME OF SITE[/b]</a>"+
"<a href='[b]URL HERE[/b]' target='_blank'>[b]NAME OF SITE[/b]</a>"+
"<a href='[b]URL HERE[/b]' target='_blank'>[b]NAME OF SITE[/b]</a>"+
"<a href='[b]URL HERE[/b]' target='_blank'>[b]NAME OF SITE[/b]</a>"+
"</div>"+
"<span class='title'><img src='http://www.geocities.com/profile_tester018/fLoatingmenuLinks/expanded.gif' class='arrow' title='click to show the content'>[b]TITLE HERE[/b]</span>"+
"<div class='submenu'>"+
"<a href='[b]URL HERE[/b]' target='_blank'>[b]NAME OF SITE[/b]</a>"+
"<a href='[b]URL HERE[/b]' target='_blank'>[b]NAME OF SITE[/b]</a>"+
"<a href='[b]URL HERE[/b]' target='_blank'>[b]NAME OF SITE[/b]</a>"+
"<a href='[b]URL HERE[/b]' target='_blank'>[b]NAME OF SITE[/b]</a>"+
"<a href='[b]URL HERE[/b]' target='_blank'>[b]NAME OF SITE[/b]</a>"+
"</div></div>";
flow=document.getElementById('flo_wrapper');
river=document.createElement("div");
river.innerHTML=fLoatmenu;
flow.parentNode.insertBefore(river,flow);
//in this part you can change it into "frombottom" or "fromtop"
var verticalpos="fromtop"
function BoyantDiv()
{
    var startX = 5;
    var startY = 90;
    function ml(id)
    {
    if (document.getElementById)
      {
      var wek=document.getElementById(id);
      }
    else if (document.all)
      {
      var wek=document.all[id];
      }
    else
      {
      var wek=document.layers[id];
      }
        if(document.layers)
        {
        wek.style=wek;
        }
        wek.sP = function(x,y) {shino(x,y);};
        function shino(x,y)
        {
        wek.style.left=x;
        wek.style.top=y;
        }
        wek.x = startX;
        if (verticalpos=="fromtop")
           {
           wek.y = startY;
           }
        else{
           if (navigator.appName.indexOf("Netscape") != -1)
           {
           wek.y = pageYOffset + innerHeight;
           }
           else
           {
           wek.y = document.body.scrollTop + document.body.clientHeight;
           }
           wek.y -= startY;
           }
        return wek;
    }
    window.stayTopLeft = function () {boyant();};
    function boyant()
    {
        if (verticalpos=="fromtop"){
           if (navigator.appName.indexOf("Netscape") != -1)
           {
           var tenten = pageYOffset;
           }
           else
           {
           var tenten = document.body.scrollTop;
           }
           ftlObj.y += (tenten + startY - ftlObj.y)/8;
        }
        else{
           if (navigator.appName.indexOf("Netscape") != -1)
           {
           var tenten = pageYOffset + innerHeight;
           }
           else
           {
           var tenten = document.body.scrollTop + document.body.clientHeight;
           }
           ftlObj.y += (tenten - startY - ftlObj.y)/8;
        }
        ftlObj.sP(ftlObj.x, ftlObj.y);
        wakoko=setTimeout("stayTopLeft()", 50);
    }
    ftlObj = ml("divStayTopLeft");
    stayTopLeft();
}
BoyantDiv();[/quote]
and then, save your fiLe as [b]fLoatingmenutr.js[/b], and then after that upLoad your fiLe in your fiLe hosting...
copy the URL of of fLoatingmenutr.js, and then paste it inside the code beLow!
[quote]//fLoatingmenuLinksjs tricks
var fLoatingmenuLinksjs = document.createElement("script");
fLoatingmenuLinksjs.type = "text/javascript";
fLoatingmenuLinksjs.src = "[b]URL OF YOUR FLOATINGMENUTR.JS[/b]";
document.getElementsByTagName("head")[0].appendChild(fLoatingmenuLinksjs);[/quote]
sorry, i forgot this one....
paste the given code beLow inside your css fiLes...
[quote]/* fLoating menuLinks styLe */
.sdmenu {
  width: 100px;
  font-family: verdana;
  font-weight:bold;
  font-size: 10px;
  padding-bottom: 10px;
  background-color: transparent;
  background-image:url(http://www.geocities.com/profile_tester018/fLoatingmenuLinks/bottom02.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  color: #FFF;
}
.sdmenu .title, .sdmenu .titlehidden{
  display: block;
  padding: 5px 0;
  font-weight: bold;
  color: white;
  background: #FFF url(http://www.geocities.com/profile_tester018/fLoatingmenuLinks/title.gif) repeat-x;
  text-align: left;
}
.sdmenu .title {
  border-bottom: 1px solid #DDD;
}
.sdmenu .arrow {
  margin-left: 10px;
  margin-right: 7px;
}
.sdmenu .titlehidden {
  border-bottom: none;
}
.sdmenu #top {
  background: url(http://www.geocities.com/profile_tester018/fLoatingmenuLinks/toptitle02.png) no-repeat;
}
.sdmenu .submenu {
    overflow: hidden;
}
.sdmenu .submenu a {
    padding: 5px 0;
    text-indent: 15px;
    background: #fff;
    display: block;
    border-bottom: 1px solid #DDD;
    color: #242424;
    text-decoration: none;
    text-align: left;
}
.sdmenu .submenu a:hover {
  background : #242424;
 background-image:url(http://www.geocities.com/profile_tester018/fLoatingmenuLinks/linkarrow.gif);
  background-repeat: no-repeat;
  background-position: left center;
  color: #FFF;
  text-align: left;
}[/quote]
and then, you're done... hope you Like it guyz....
gudLuck...
					Last edited by irishandme (2008-08-16 11:09:22)
 finally youve shared it here....
 finally youve shared it here....
				
				
..ehhee
				
[/quote]
uhm, thnx buddy... and thnx aLso for shakiro, coz' i got the idea on his trick... cheers.... 
[quote=toinkz101]hhaa..nyc trick..BTW u have lots of proffy?..
..ehhee[/quote]
thnx bro... yap, but some of my fs account, is under construction... hehe...
				
http://profiles.friendster.com/benreyno3
				
				
http://profiles.friendster.com/benreyno3[/quote]
aw, sorry, bro,, i forgot the css....
owh, sorry guyz...
				
 on my making me lose more hair..already bald 
				
 on my making me lose more hair..already bald 
[/quote]
sorry, sir bobcbar... hehe...
@topic: sorry guyz, i forgot the css codes...but, i finaLLy post the codes for your css...
					Last edited by irishandme (2008-08-16 11:27:40)
				
[/quote]
thnx, bro...
a Lot of miLLion thnx for you...
				Last edited by irishandme (2008-08-16 12:53:44)
 
				
 
[/quote]
ukei, no probLem bro...
				Last edited by irishandme (2008-08-16 14:14:01)