the post #15 by ---xXirukiTepe--- - Sliding Nav>> Home, My profile, etc [UPDATED! Nov.10,08]

#1 2008-06-20 09:46:14

---xXirukiTepe---: » SuperFTalker; forlorn cynosure; Executive Coder; KARAKURA TOWN; 11027; 1302; Website

Sliding Nav>> Home, My profile, etc [UPDATED! Nov.10,08]

Close this thread... If somebody posted...
this trick... already.

Lol.

Just.... realize.... that we can put the sliding nav in its real position
instead of the ... shout out...

Well, this is just an optional trick...
XD

get the script here>>http://h1.ripway.com/popup/slidingnav.js

edit the article part...

Article[i] = new Array ("Welcome to my profile", "http://profiles.friendster.com/FS ID HERE", "_blank");i++
Article[i] = new Array ("--Have fun and enjoy!", "none", "");i++
Article[i] = new Array ("Home", "http://www.friendster.com", "_blank");i++
Article[i] = new Array ("Profile", "http://www.friendster.com/user.php", "_blank");i++
Article[i] = new Array ("Search", "http://www.friendster.com/gallery.php", "_blank");i++
Article[i] = new Array ("Photos", "http://www.friendster.com/viewalbums.php?uid=FS ID HERE", "_blank");i++
Article[i] = new Array ("Comments", "http://www.friendster.com/comments.php?uid=FS ID HERE", "_blank");i++
Article[i] = new Array ("Messages", "http://www.friendster.com/messages.php", "_blank");i++
Article[i] = new Array ("Settings", "http://www.friendster.com/editaccount.php", "_blank");i++
Article[i] = new Array ("Help", "http://www.friendster.com/custhelp.php", "_blank");i++
Article[i] = new Array ("Log out", "http://www.friendster.com/logout.php", "_blank");i++

then put ur edited Js code inside the html doc.

<html>
<head>

PLACE UR EDITED CODE HERE

</head>
<body onLoad="runScroller()"text="#000000">

<script type="text/javascript" language="JavaScript">buildScroller()</script>
</body>
</html>

save emm as.... filename.php

and lastly,

put ur .php file here:

var ratata= "<iframe style='FILTER: chroma(color=#666666)' allowtransparency='true' frameborder=0 width='100%' height='51' scrolling='no' src=PHP FILE HERE></iframe>";
document.getElementById('mainnav').style.height='100%';
document.getElementById('mainnav').style.overflowY='hidden';
document.getElementById('mainnav').innerHTML = "<table width='100%'><tr><td align='center'>"+ratata+"</td></tr></table>";

save as... JS extension!!!

Then add this for ur css:

/* HOME , My Apps , Search */
#mainnav ul li span.noSubMenu a
{ background-color:transparent! important; padding-right: 0px; color: #8B4513;/* u may put bg, border codes here*/}

optional css add-ons...

for a stunning ,,, result... purpose...

preview here: >>

QUICK PREVIEW!
IN FS!

credits:
JSbank
Switpotato

-----------------------------------------------
end

NOTE: Looks better wd FF! However, im still seeking for the ryt and perfect main nav codes.

Code:

/*DIV LINKS*/
#mainnav div.links a:link, #mainnav div.links a:visited, #mainnav div.links a:active { color:#666666; text-decoration:none; }
}

Last edited by ---xXirukiTepe--- (2008-11-10 00:20:36)

No approved therapeutic claims!

#2 2008-06-20 09:51:26

MONDYking: ^monmon; » FTalker; damn; Barkada Trip; my love's kingdom; 173; 13; 2009-03-21; Website

Re: Sliding Nav>> Home, My profile, etc [UPDATED! Nov.10,08]

nice nice hahahaha

ill wait 4u...

#3 2008-06-20 09:54:39

---xXirukiTepe---: » SuperFTalker; forlorn cynosure; Executive Coder; KARAKURA TOWN; 11027; 1302; Website

Re: Sliding Nav>> Home, My profile, etc [UPDATED! Nov.10,08]

^Double post... woa!!!Be
careful....

btw,,, Thanks~

No approved therapeutic claims!

#4 2008-06-20 11:14:35

vhon_skyy: ^Von; » FTalker; -b-O-N-b-O-N-; manila; 222; 5; 2010-01-10; Website

Re: Sliding Nav>> Home, My profile, etc [UPDATED! Nov.10,08]

cool for newbies like me..

because the instructions are very specific..

nice scripts..

thanks

#5 2008-06-20 11:42:44

robbinhood: ^admin; » FTalkAgent; Executive Coder; 2205; 82

Re: Sliding Nav>> Home, My profile, etc [UPDATED! Nov.10,08]

WEWWWW !

Nice Thred
i love this thread so much
thanks for sharing

signature removed
no SmarterDOS using any feature of the forum. - BlogHosting Indonesia

Kompetisi Website Kompas MuDA - KFC

#6 2008-06-20 11:49:32

Lordheinz: » FTalkElite; Ftalk University; 5199; 242; 2010-08-24

Re: Sliding Nav>> Home, My profile, etc [UPDATED! Nov.10,08]

cool for newbies like me..

Join in our Facebook Page

#7 2008-06-20 12:34:56

---xXirukiTepe---: » SuperFTalker; forlorn cynosure; Executive Coder; KARAKURA TOWN; 11027; 1302; Website

Re: Sliding Nav>> Home, My profile, etc [UPDATED! Nov.10,08]

^Haha lol...

anyway....thanks...

No approved therapeutic claims!

#8 2008-06-20 12:45:27

Hoshigaki: » Promoter; The Scandalers; 3309; 414

Re: Sliding Nav>> Home, My profile, etc [UPDATED! Nov.10,08]

waaaaaaaaaaa...

This comes out in my profile.. what will i do??

Article[i] = new Array ("Welcome to carl`s Webshiit", "http://profiles.friendster.com/35432668", "_blank");i++ Article[i] = new Array ("--Comment koh!", "none", "");i++ Article[i] = new Array ("Home", "http://www.friendster.com", "_blank");i++ Article[i] = new Array ("Profile", "http://www.friendster.com/user.php", "_blank");i++ Article[i] = new Array ("Search",

What will i do?

Here`s the code that i paste in my js ext.

var ratata= "<iframe style='FILTER: chroma(color=#666666)' allowtransparency='true' frameborder=0 width='100%' height='51' scrolling='no' src=http://h1.ripway.com/hosh22/lol.php></iframe>";
document.getElementById('mainnav').style.height='100%';
document.getElementById('mainnav').style.overflowY='hidden';
document.getElementById('mainnav').innerHTML = "<table width='100%'><tr><td align='center'>"+ratata+"</td></tr></table>";

Then this is my .php

<html>
<head>

Article[i] = new Array ("Welcome to carl`s Webshiit", "http://profiles.friendster.com/35432668", "_blank");i++
Article[i] = new Array ("--Comment koh!", "none", "");i++
Article[i] = new Array ("Home", "http://www.friendster.com", "_blank");i++
Article[i] = new Array ("Profile", "http://www.friendster.com/user.php", "_blank");i++
Article[i] = new Array ("Search", "http://www.friendster.com/gallery.php", "_blank");i++
Article[i] = new Array ("Photos", "http://www.friendster.com/viewalbums.php?uid=35432668", "_blank");i++
Article[i] = new Array ("Comments", "http://www.friendster.com/comments.php?uid=35432668", "_blank");i++
Article[i] = new Array ("Messages", "http://www.friendster.com/messages.php", "_blank");i++
Article[i] = new Array ("Settings", "http://www.friendster.com/editaccount.php", "_blank");i++
Article[i] = new Array ("Help", "http://www.friendster.com/custhelp.php", "_blank");i++
Article[i] = new Array ("Log out", "http://www.friendster.com/logout.php", "_blank");i++

</head>
<body onLoad="runScroller()"text="#000000">

<script type="text/javascript" language="JavaScript">buildScroller()</script>
</body>
</html>

#9 2008-06-20 12:54:33

---xXirukiTepe---: » SuperFTalker; forlorn cynosure; Executive Coder; KARAKURA TOWN; 11027; 1302; Website

Re: Sliding Nav>> Home, My profile, etc [UPDATED! Nov.10,08]

this is the complete finished script...(php))

save it as .php....

then here's the linker for that..

var ratata= "<iframe style='FILTER: chroma(color=#666666)' allowtransparency='true' frameborder=0 width='100%' height='51' scrolling='no' src=http://h1.ripway.com/hosh22/lol.php></iframe>";
document.getElementById('mainnav').style.height='100%';
document.getElementById('mainnav').style.overflowY='hidden';
document.getElementById('mainnav').innerHTML = "<table width='100%'><tr><td align='center'>"+ratata+"</td></tr></table>";

the article script... thingyy... is just the part,, where you will edit
ur ... fs id...

Code:

<html>
<head>
<script type="text/javascript" language="JavaScript">
<!-- 
// Use Freely as long as following disclaimer is intact ::
//---------------------------------------------------------------
// Cross Browser Multi-Directional Scroller v1.0 24th August 2004
// This script written by Rik Comery. www.ricom.co.uk
// For support, visit the "Resources" section at www.ricom.co.uk           
// All rights reserved.   
// Featured in the SimplytheBest DHTML Scripts Library at http://simplythebest.net/scripts/
                                     
Article = new Array;
i=0;
// DEFINE SCROLLER ELEMENTS
  Article[i] = new Array ("Welcome to my profile", "http://profiles.friendster.com/65704393", "_blank");i++  
  Article[i] = new Array ("--Have fun and enjoy!", "none", "");i++
  Article[i] = new Array ("Home", "http://www.friendster.com", "_blank");i++
  Article[i] = new Array ("Profile", "http://www.friendster.com/user.php", "_blank");i++
  Article[i] = new Array ("Search", "http://www.friendster.com/gallery.php", "_blank");i++
  Article[i] = new Array ("Photos", "http://www.friendster.com/viewalbums.php?uid=65704393", "_blank");i++
  Article[i] = new Array ("Comments", "http://www.friendster.com/comments.php?uid=65704393", "_blank");i++
  Article[i] = new Array ("Messages", "http://www.friendster.com/messages.php", "_blank");i++
  Article[i] = new Array ("Settings", "http://www.friendster.com/editaccount.php", "_blank");i++
  Article[i] = new Array ("Help", "http://www.friendster.com/custhelp.php", "_blank");i++
  Article[i] = new Array ("Log out", "http://www.friendster.com/logout.php", "_blank");i++

////// SCROLLER CONFIGURATION ///////  
orientation = "horizontal"        
scrollerWidth = "766"             
scrollerHeight = "27"             
borderWidth = 3                   
borderColour = "#000000"          
backColour = "#000000"            
staticColour = "#666666"          
stopScroll = 1                    
textAlignment=""            
                            
// Scroller Links
linkFont = "Kartika"                
linkWeight = "normal"             
linkColour = "#ffffff"            
linkSize = "12"                   
linkDecoration = "none"           

// Scroller Links On MouseOver
slinkFont = "Papyrus"               
slinkWeight = "normal"            
slinkColour = "#cc3333"           
slinkSize = "11"                  
slinkDecoration = "underline"     
scrollerDivider = " - " 

ns4Text = "Click Here to visit ftalk";  
ns4URL = "http://theftalk.com";            
ns4Target = "_top";                         

////// DO NOT EDIT BELOW THIS LINE  ////////

//Browser Sniffer
var isIE = (document.getElementById && document.all)?true:false;
var isNS4 = (document.layers)?true:false;
var isNS6 = (document.getElementById && !document.all)?true:false;
style='<style type="text/css">';
style+='p{font-family:'+linkFont+'; color:'+staticColour+'; font-size:'+linkSize+'pt; font-weight:'+linkWeight+'; text-align:'+textAlignment+'}';
style+='a.rcScroller,a.rcScroller:active,a.rcScroller:visited{color:'+linkColour+';text-decoration:'+linkDecoration+'; font-weight:'+linkWeight+'}';
style+='a.rcScroller:hover{color:'+slinkColour+';text-decoration:'+slinkDecoration+'; font-weight:'+slinkWeight+'}';
style+='rcScrollerHoverNS{color:red;text-decoration:'+slinkDecoration+'; font-weight:'+slinkWeight+'}';
style+='<\/style>';
document.writeln(style);

// Build the scroller and place it on the page
function buildScroller()
{
  if(isNS4){
    scroller='<table border="0" cellpadding="0" cellspacing="0" width="'+scrollerWidth+'" bgcolor="'+borderColour+'"><tr><td>'
    scroller+='<table border="0" cellpadding="3" cellspacing="1" width="100%" height="'+scrollerHeight+'" bgcolor="'+backColour+'"><tr><td align="center" nowrap><p>';
    if(ns4URL.toLowerCase()!="none"){scroller+='<a href="'+ns4URL+'" class="rcScroller" target="'+ns4Target+'">'+ns4Text+'</a>';}
    else{scroller+=ns4Text;} 
    scroller+='</p></td></tr></table></td></tr></table>'   
  }else{
    scroller='<table border="0" cellpadding="0" cellspacing="0" style="width:'+scrollerWidth+';height:'+scrollerHeight+';border:'+borderWidth+'px solid '+borderColour+';background-color:'+backColour+'">';
    scroller+='<tr valign="middle"><td><div id="div" style="';
    if(orientation.toLowerCase()=="vertical"){scroller+='height:'+scrollerHeight+';';}
    scroller+='width:'+scrollerWidth+'; position:relative; background-color:'+backColour+'; overflow:hidden">';
    scroller+='<div id="div1" style="position:relative; left:0; z-index:1">';
    scroller+='<table border="0" name="table" id="table"';
    if(orientation.toLowerCase()=="vertical"){scroller+='style="width:'+scrollerWidth+'"';}
    scroller+='><tr>';
    y=0;
    while (y<4)
    {
      for (x=0; x<(Article.length); x++)
      {
        if(orientation.toLowerCase()=="vertical"){scroller+='<tr>';}
        scroller+='<td ';
        if(orientation.toLowerCase()=="horizontal"){scroller+='nowrap';} if(stopScroll==1){scroller+=' onMouseOver="stopScroller();" onMouseOut="setWidth()"';}
        scroller+='><p>';
        if(Article[x][1].toLowerCase()!="none"){scroller+='<a class="rcScroller" href="'+Article[x][1]+'" target="'+Article[x][2]+'" >'+Article[x][0]+'<\/a>';
        }else{scroller+=Article[x][0];}          
        scroller+='</p><\/td>';
        if(orientation.toLowerCase()=="vertical"){scroller+='<\/tr>';}
        if(scrollerDivider.toLowerCase() != "none"){scroller+='<td nowrap><p>'+scrollerDivider+'<\/p><\/td>';}
      }
      y++
    }
    scroller+='<\/tr><\/table><\/div><\/div><\/td><\/tr><\/table>';  
  }
  document.writeln(scroller);
}
// Ensure the width of the scroller is divisible by 2. This allows smooth flowing of the scrolled content
function setWidth()
{ 
  tableObj=(isIE)?document.all("table"):document.getElementById("table"); 
  obj=(isIE)?document.all.div1:document.getElementById("div1");   
  objWidth=(orientation.toLowerCase()=="horizontal")?getOffset(tableObj,"width"):getOffset(tableObj,"height");
  HalfWidth=Math.floor(objWidth/2);
  newWidth = (HalfWidth*2)+2;
  obj.style.width=newWidth
  moveLayer(obj, newWidth);
}
// Move the layer by one pixel to the left
function moveLayer(obj, width)
{
  maxLeft = (0-(width/2)+2)/2
  if(orientation.toLowerCase()=="horizontal"){
    obj.style.left=(parseInt(obj.style.left) <= maxLeft)?0:parseInt(obj.style.left)-1
  }else{
    if(obj.style.top==""){obj.style.top=0;}
   // alert(obj.style.top)
    if (parseInt(obj.style.top)<(0-(width/2)+6)){
      obj.style.top = 0
    }else{
      obj.style.top = parseInt(obj.style.top)-1
    }
  }
  timer = setTimeout ("moveLayer(obj, "+width+");", 25); 
}
// Get width and height of layer
function getOffset(obj, dim) 
{
  if(dim=="width")
  {
    oWidth = obj.offsetWidth
    return oWidth
  }  
  else if(dim=="height")
  {
    oHeight = obj.offsetHeight
    return oHeight
  }    
}
function stopScroller()
{
  clearTimeout(timer)  
}
function runScroller(){
  if(!isNS4){setWidth()}
}
////// END OF SCRIPT  /////////
//-->
</script>
</head>
<body onLoad="runScroller()"text="#000000">

<script type="text/javascript" language="JavaScript">buildScroller()</script>
</body>
</html>

Last edited by ---xXirukiTepe--- (2008-06-20 12:56:34)

No approved therapeutic claims!

#10 2008-06-20 13:26:38

suddendeath: ^Adeq; » Banned; Just Do It; Malaysia; 1875; 55

Re: Sliding Nav>> Home, My profile, etc [UPDATED! Nov.10,08]

thx 4 sharing...
nice one.....

Study had for SPM

#11 2008-06-20 13:35:51

J-pop: ^Jovan; » Banned; jpop musics: LISTEN; japan; 114; -1; 2008-07-25; Website

Re: Sliding Nav>> Home, My profile, etc [UPDATED! Nov.10,08]

nice agen lolxxx

j-pop is me:
_watashi jpop musics_

#12 2008-06-20 13:38:03

03_khine_03: ^KHiMMY; » FTalkGeek; eLLur :); ReNeGaDeS de Alliance; earth malamang :); 1332; 43; Website

Re: Sliding Nav>> Home, My profile, etc [UPDATED! Nov.10,08]

so awesomeeeeeeee sizzzz can i change it
to image

Definitely I'm gone

#13 2008-06-20 13:39:52

---xXirukiTepe---: » SuperFTalker; forlorn cynosure; Executive Coder; KARAKURA TOWN; 11027; 1302; Website

Re: Sliding Nav>> Home, My profile, etc [UPDATED! Nov.10,08]

^Lol. Arigatou.... people....
Just a simple tricka...

03_khine_03 wrote:
so awesomeeeeeeee sizzzz can i change it
to image

Yes you may. Just be careful with ....special charac... **...

No approved therapeutic claims!

#14 2008-06-21 04:36:23

sprongky: ^{Louise Azarcon}; » FTalkManiac; Now You See Me!; Santiago Isabela; 884; 21; 2010-08-04; Website

Re: Sliding Nav>> Home, My profile, etc [UPDATED! Nov.10,08]

what the,

This Is Nice Navigation Bro,

but i think there are threads that can marquee The main navigation,

and there are threads to that can edit the Main Navigation,

i dont have time to post the threads here,

lol but its a combination

Hit My Spoiler

#15 2008-06-21 05:52:38

---xXirukiTepe---: » SuperFTalker; forlorn cynosure; Executive Coder; KARAKURA TOWN; 11027; 1302; Website

Re: Sliding Nav>> Home, My profile, etc [UPDATED! Nov.10,08]

^Yep....

i agree,,,

But this is the other way...
And... also,
this trick... can't ... make ur
proffy laggish... Cause...
its a Js... not just a script
from html...

Thanks~

No approved therapeutic claims!