The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Dynamic-FX Slide-In Menu

Page 1 of 2 1, 2  Next

View previous topic View next topic Go down

Dynamic-FX Slide-In Menu

Post by Mr DarkHaxers2 on August 25th 2011, 3:40 am

Go Look At This Url

I Want This Navigation Bar On My Website

http://www.dynamicdrive.com/dynamicindex1/davidmenu.htm

Then Go To It Then Look At The Left Then U Will See A Navigation Bar

Please Help Me.

Mr DarkHaxers2
Forumember

Male Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali

Back to top Go down

Re: Dynamic-FX Slide-In Menu

Post by Sanket on August 25th 2011, 6:39 am

Its already mentioned, how to do it.

Where are you stuck??

The step 2 code goes into Display>Generalities
Homepage Message
Message Content:

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Re: Dynamic-FX Slide-In Menu

Post by Mr DarkHaxers2 on August 25th 2011, 6:58 am

tell me how

Mr DarkHaxers2
Forumember

Male Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali

Back to top Go down

Re: Dynamic-FX Slide-In Menu

Post by Sanket on August 25th 2011, 7:05 am

Its mentioned there how.

First step: Download that zip file, there are two files in that. Upload the downloaded files to a webhost such as bravenet.com & get the links.

Second Step: Change the two links in the code they provided with your hosted links & add the code to
Display>Generalities
Homepage Message

http://testing.4rumer.com/forum

But adding it to the Homepage message adds it only to the forum page.


Message Content:

I already tried it.


Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Re: Dynamic-FX Slide-In Menu

Post by Mr DarkHaxers2 on August 26th 2011, 12:49 am

the HTML Code Or The Forum Code Or Just The Url Address

Mr DarkHaxers2
Forumember

Male Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali

Back to top Go down

Re: Dynamic-FX Slide-In Menu

Post by Mr DarkHaxers2 on August 26th 2011, 1:18 am

Sanket Can U Give The Code So I Can Put It In Display>Generalities
Homepage Message

Mr DarkHaxers2
Forumember

Male Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali

Back to top Go down

Re: Dynamic-FX Slide-In Menu

Post by Sanket on August 26th 2011, 6:51 am

May I remind you that double/triple posting isn't tolerated unless separated by 24 hours (Use the edit button) Wink

The URL of the files you uploaded !
Something like this.
ttp://webartzforum.bravehost.com/ssm.js

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Re: Dynamic-FX Slide-In Menu

Post by Ryanette on August 26th 2011, 7:18 pm

Create an Html Page titled: menu1-js or javascript

With this
Code:
if (typeof window.attachEvent=='object'){
document.write('<!--[if lte IE 6]>n'+
'<script type="text/javascript">n'+
'var ie6_or_less=1;n'+
'</script>n'+
'<![endif]-->n'+
'<!--[if lt IE 5.5]>n'+
'<script type="text/javascript">n'+
'var less_than_ie5_5=1;n'+
'</script>n'+
'<![endif]-->')
}

var menu=[], resizereinit=true;
function truebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

function getedge(o, is_top){
var edge;
if (is_top)
edge=window.pageYOffset? window.pageYOffset : truebody().scrollTop? truebody().scrollTop : 0;
else{
edge=o.menupos=='left'? 0 : truebody().clientWidth? truebody().clientWidth : window.innerWidth&&truebody().offsetHeight<=window.innerHeight? window.innerWidth :  window.innerWidth? window.innerWidth-20 : 0;
edge+=window.pageXOffset? window.pageXOffset : truebody().scrollLeft? truebody().scrollLeft: 0;
}
return edge;
}

function keep_in_view(o){
if(o.keepinview){
if(o.m.ft){
o.m.ft=0;
o.m.topP=o.m.offsetTop;
o.m.ltop=0;
}
var pt=getedge(o, 'top'), ks=typeof o.keepinview=='number'&&o.keepinview<o.m.topP&&o.keepinview>0? o.keepinview : o.m.topP, smooth=0;
if (pt!=o.m.ltop){
if(o.menupos=='top')
o.m.style.visibility='hidden';
smooth = pt>o.m.topP-ks? .2 * (pt - o.m.ltop - o.m.topP + ks) : o.m.ltop>0? -.2 * o.m.ltop : 0;
smooth = smooth > 0 ? Math.ceil(smooth) : Math.floor(smooth);
}
else if(o.menupos=='top')
o.m.style.visibility='';
o.m.style.top=(o.m.style.top? parseInt(o.m.style.top) : o.m.topP)+smooth+'px';
o.m.ltop += smooth;
}
if(o.menupos=='top'){
if(typeof o.menuleft=='string'){
o.m.style.left=o.menuleft
o.m.style.marginLeft=Math.floor(o.m.getElementsByTagName('div')[0].offsetWidth/-2)+'px';
o.lleft=o.m.offsetLeft;
}
o.m.style.marginLeft=0;
o.m.style.left=o.lleft+(window.pageXOffset? window.pageXOffset : truebody().scrollLeft? truebody().scrollLeft: 0)+'px';
}
else
o.m.style.left=getedge(o)-(o.menupos=='right'? o.m.offsetWidth : 0)+'px';
}
function move(el, num){
el.getElementsByTagName('div')[0].style[el.menupos]=parseInt(el.getElementsByTagName('div')[0].style[el.menupos])+num+'px';
if(el.menupos=='right'){
if(el.kviewtype=='absolute')
el.style.left=parseInt(el.style.left)-num+'px';
el.style.width=parseInt(el.style.width)+num+'px';
}
if(num>0)
el.moving=setTimeout(function(){movein(el)}, el.menuspeed)
else
el.moving=setTimeout(function(){moveout1(el)}, el.menuspeed)
}
function movein(el){
var m1=parseInt(el.getElementsByTagName('div')[0].style[el.menupos]);
if(el.moving)
clearTimeout(el.moving);
if (m1<-1*el.borderwidth)
move(el, Math.min(-1*m1-el.borderwidth, 10));
}
function moveout(el){
if(el.moving)
clearTimeout(el.moving);
el.moving=setTimeout(function(){moveout1(el)}, el.menupause);
}
function moveout1(el){
var aw=el.menupos=='top'? el.b.offsetHeight : el.b.offsetWidth, m1=el.getElementsByTagName('div')[0];
if(el.moving)
clearTimeout(el.moving);
if (parseInt(m1.style[el.menupos])>aw-(el.menupos=='top'? m1.offsetHeight : m1.offsetWidth)+10)
move(el, -10);
else {
m1.style[el.menupos]=aw-(el.menupos=='top'? m1.offsetHeight : m1.offsetWidth)+'px';
if(el.menupos=='right'){
el.style.width=aw+'px';
if(el.kviewtype=='absolute'){
var ed=truebody().clientWidth? truebody().clientWidth : window.innerWidth&&truebody().offsetHeight<=window.innerHeight? window.innerWidth :  window.innerWidth? window.innerWidth-20 : 0;
ed+=window.pageXOffset? window.pageXOffset : truebody().scrollLeft? truebody().scrollLeft: 0;
el.style.left=ed-el.offsetWidth+'px';
}
}
}
}
function to_em(n, o){
return Math.round((n/(16*parseInt(o.fontsize)/100))*1000)/1000;
}
function getrows(o){
var r=o.menuItems.length+(o.wrapbar? 1 : 0);
for (var i_tem = 0; i_tem < o.menuItems.length; i_tem++)
if (o.menuItems[i_tem][4]&&o.menuItems[i_tem][4]=='no')
r--;
return r;
}
function make_bar(o){
var bt=o.menupos=='right'||o.menupos=='top'? '<tr>' : '';
bt+='<td id="'+o.id+'bar" '+(o.menupos=='top'? 'colspan="'+o.d_colspan : 'rowspan="'+getrows(o))+'">'
if (!/<img/.test(o.bartext.toLowerCase())){
for (var i_tem = 0; i_tem < o.bartext.length-(o.menupos=='top'? 1 : 0); i_tem++)
bt+=o.menupos=='top'&&o.bartext.charAt(i_tem)==' '? 'u00a0 ' : o.menupos=='top'? o.bartext.charAt(i_tem)+' ' : '<br>'+o.bartext.charAt(i_tem);
bt+=o.menupos=='top'? o.bartext.charAt(o.bartext.length-1)+'</td>' : '<br>u00a0</td>';
}
else
bt+=o.bartext+'</td>'
return bt+(o.menupos=='right'? 'n' : '</tr>n');
}

function make_style(o){
if(o.user_defined_stylesheet&&!o.design_mode)
return '';
var sheet=''
sheet+='#'+o.id+' {n'+
(o.menupos=='top'? 'top:0;n' : 'top:'+o.menutop+'px; /*set initial Height from top*/n')+
(o.menupos=='top'? 'left:'+o.menuleft+(typeof o.menuleft=='number'? 'px' : '')+';n' : '')+
(o.menupos=='right'&&o.kviewtype=='fixed'? 'right:0;n' : '')+
'position:'+o.kviewtype+';n'+
'overflow:'+(o.menupos=='right'? 'hidden' : 'visible')+';n'+
'z-index:100;n'+
(o.menupos=='left'? 'left:0;n' : '')+
'}n'+
'#'+o.id+' div {n'+
'border-width:'+(typeof o.outbrdwidth=='number'? o.outbrdwidth+'px' : o.outbrdwidth)+'; /*Menu's outer border*/n'+
'border-style:'+o.outbrdstyle+';n'+
(o.outbrdcolor=='none'? '' : 'border-color:'+o.outbrdcolor+';n')+
'position:absolute;n'+
'color:black;n'+
'background-color:transparent;n'+
'}n'+
'#'+o.id+' table {n'+
'border:'+o.borderwidth+'px '+o.borderstyle+' '+o.bordercolor+'; /*Menu's inner border*/n'+
(o.menupos=='top'? 'border-left-width:0;n' : '')+
(o.menupos=='top'? 'border-bottom-width:0;n' : '')+
'font-family:'+o.menufont+', sans-serif; /*Overall font for Menu*/n'+
'font-size:'+o.fontsize+';n'+
'border-collapse:collapse;n'+
'background-color:'+(o.allowtransparent? 'transparent' : o.bordercolor)+';n'+
'width:'+to_em(o.barwidth+o.hdingwidth+o.borderwidth*(o.d_colspan+2), o)+'em;n'+
'}n'+
'#'+o.id+' td { /*Characteristics for cells in the menu table - do not specify width here*/n'+
'border-bottom:'+o.borderwidth+'px '+o.borderstyle+' '+o.bordercolor+';n'+
'border-left:'+o.borderwidth+'px '+o.borderstyle+' '+o.bordercolor+';n'+
'height:'+to_em(o.linkheight, o)+'em;n'+
'padding:0;n'+
'margin:0;n'+
'text-align:'+o.linktxtalign+';n'+
'}n'+
'#'+o.id+' #'+o.id+'bar { /*Characteristics for initially visible 'draw' bar (the vertical cell)*/n'+
(o.menupos=='top'? 'height:' : 'width:')+to_em(o.barwidth+(document.all||o.menupos=='top'? o.borderwidth*2 : 0), o)+'em;n'+
'background-color:'+o.barbgcolor+';n'+
'color:'+o.barcolor+';n'+
'font-weight:'+o.barfontweight+';n'+
'text-align:'+o.baralign+';n'+
(o.menupos=='top'? '' : 'border-width:0;n')+
'cursor:default;n'+
'}n'+
'#'+o.id+' .heading { /*Characteristics for heading cells in the menu table*/n'+
'height:'+to_em(o.hdingheight, o)+'em;n'+
'color:'+o.hdingcolor+';n'+
'font-weight:'+o.hdingfontweight+';n'+
'text-indent:'+o.hdingindent+'ex;n'+
'background-color:'+o.hdingbgcolor+'; /*Background Color for menu headings */n'+
'width:'+to_em(o.hdingwidth, o)+'em; /*This will be the menu body width.  This'+(o.menupos!='top'? ' (plus #'+o.id+'bar width for left and right menus)' : '')+' and 4 times the border width should also be the menu table's approximate width*/n'+
'vertical-align:'+o.hdingvalign+';n'+
'text-align:'+o.hdingtxtalign+';n'+
'border-left-color:'+o.hdingbgcolor+';n'+
'border-left-style:solid;n'+
'}n'+
(o.wrapbar&&o.menupos!='top'? '#'+o.id+' #'+o.id+'lastrow {n'+
'height:'+to_em(o.barwidth, o)+'em;n'+
'background-color:'+o.barbgcolor+';n'+
'border-width:0;n'+
'margin:0 0 '+o.borderwidth+'px '+o.borderwidth+'px;n'+
'}n' : o.menupos!='top'? '#'+o.id+' #'+o.id+'lastrow {n'+
'border-bottom-width:0;n'+
'margin:0 0 '+o.borderwidth+'px '+o.borderwidth+'px;n'+
'}n' : '')+
'#'+o.id+' a {n'+
'width:100%;n'+
'height:100%;n'+
'display:block;n'+
'padding-top:'+to_em(o.linktopad, o)+'em;n'+
'}n';
if(o.design_mode){
if(document.getElementById('ooostyle'))
alert('Only one menu's script generated styles may be displayed at a time!nnCurrently showing '+document.getElementById('ooostyle').tell+''s stylesheetnn(or there is a syntax error - mostnu00a0u00a0u00a0u00a0likely in the menuItem.js file)');
else{
var isusing=o.user_defined_stylesheet? ' not' : '';
var sw=(window.innerWidth? window.innerWidth : truebody().clientWidth)/1.5;
document.write('<textarea id="ooostyle" cols="'+Math.floor(sw/8)+'" rows="65" wrap="off" style="margin-left:-'+Math.floor(sw/2)+'px;overflow:auto;position:absolute;top:10px;left:50%;z-index:1000;">n')
document.write('/* '+o.id+''s Script Generated Styles: */n/* '+o.id+' is'+isusing+' currently using these via the script */nn'+sheet);
document.write('n/* End '+o.id+''s Script Generated Styles */');
document.write('</textarea>')
document.getElementById('ooostyle').tell=o.id;
}
}
if(!o.user_defined_stylesheet)
return '<style type="text/css">n'+sheet+'</style>';
return '';
}
function make_style_make_menu(o, s){
if(s){
if(!o.id) {alert('a unique id is required for each menu');return;};
if(!o.menuItems||o.menuItems.constructor!=Array) {alert('an array of menu items is required for each menu');return;};
if(!o.menutop) {o.menutop=150};
if(!o.menuleft) {o.menuleft='50%'};
if(!o.keepinview&&typeof o.keepinview=='boolean')
o.keepinview=false;
else if(!o.keepinview) {o.keepinview=30};
if(!o.menuspeed) {o.menuspeed=20};
if(!o.menupause) {o.menupause=500};
if(!o.d_colspan) {o.d_colspan=2};
if(!o.allowtransparent) {o.allowtransparent=false};
if(!o.barwidth) {o.barwidth=22};
if(!o.hdingwidth) {o.hdingwidth=149};
if(!o.hdingheight) {o.hdingheight=22};
if(!o.hdingindent) {o.hdingindent=1};
if(!o.linkheight) {o.linkheight=16};
if(!o.outbrdwidth) {o.outbrdwidth=0};
if(!o.outbrdcolor) {o.outbrdcolor="none"};
if(!o.outbrdstyle) {o.outbrdstyle="none"};
if(!o.borderwidth) {o.borderwidth=1};
if(!o.bordercolor) {o.bordercolor="black"};
if(!o.borderstyle) {o.borderstyle="solid"};
if(!o.barcolor) {o.barcolor="white"};
if(!o.barbgcolor) {o.barbgcolor="#444444"};
if(!o.barfontweight) {o.barfontweight="bold"};
if(!o.baralign) {o.baralign="center"};
if(!o.menufont) {o.menufont="verdana"};
if(!o.fontsize) {o.fontsize="80%"};
if(!o.hdingcolor) {o.hdingcolor="white"};
if(!o.hdingbgcolor) {o.hdingbgcolor="#170088"};
if(!o.hdingfontweight) {o.hdingfontweight="bold"};
if(!o.hdingvalign) {o.hdingvalign="middle"};
if(!o.hdingtxtalign) {o.hdingtxtalign="left"};
if(!o.linktopad) {o.linktopad=0};
if(!o.linktxtalign) {o.linktxtalign="left"};
if(!o.linktarget) {o.linktarget=""};
if(!o.menupos) {o.menupos="left"};
if(!o.bartext) {o.bartext="SIDE MENU"};
if(!o.user_defined_stylesheet) {o.user_defined_stylesheet=false};
if(!o.user_defined_markup) {o.user_defined_markup=false};
if(!o.design_mode) {o.design_mode=false};
if(!o.wrapbar) {o.wrapbar=false};
if(!o.kviewtype) {o.kviewtype='absolute'};
if(typeof ie6_or_less!='undefined')
o.kviewtype='absolute';
else if(o.menupos=='top'&&o.kviewtype=='absolute')
o.kviewtype='fixed';
while(!o.menuItems[o.menuItems.length-1])
o.menuItems.length=o.menuItems.length-1;
document.write(make_style(o));
return;
}
else {
if(o.design_mode||!o.user_defined_markup){
var hw=o.hdingwidth;

var tb='<div id="'+o.id+'" onmouseover="movein(this);" onmouseout="moveout(this);"><div><table>n';
tb+=o.menupos=='right'? make_bar(o) : '';
for (var i_tem = 0; i_tem < o.menuItems.length; i_tem++){
if ((o.menupos=='top'&&i_tem==0)||i_tem>0&&(!o.menuItems[i_tem-1][4]||o.menuItems[i_tem-1][4]!=='no'))
tb+='<tr>'
if (o.menuItems[i_tem][1]&&o.menuItems[i_tem][1]!==''){
tb+='<td '+(i_tem==o.menuItems.length-1&&!o.wrapbar&&o.menupos!='top'? 'id="'+o.id+'lastrow" ' : '')+'colspan="'+(o.menuItems[i_tem][3]&&o.menuItems[i_tem][3]!==''? o.menuItems[i_tem][3] : o.d_colspan)+'"><a href="'+o.menuItems[i_tem][1]+'" target="'+(o.menuItems[i_tem][2]? o.menuItems[i_tem][2] : o.linktarget)+'">'+o.menuItems[i_tem][0]+'</a></td>'
}
else
tb+='<td '+(i_tem==o.menuItems.length-1&&!o.wrapbar&&o.menupos!='top'? 'id="'+o.id+'lastrow" ' : '')+'class="heading" '+(o.menuItems[i_tem][3]&&o.menuItems[i_tem][3]!==''&&o.menuItems[i_tem][3]!==o.d_colspan? 'style="width:'+to_em(hw*o.menuItems[i_tem][3]/o.d_colspan, o)+'em;'+(i_tem>0&&o.menuItems[i_tem-1][4]&&o.menuItems[i_tem-1][4]=='no'? 'border-left-width:0;margin-left:'+o.borderwidth+'px;' : '')+'" ' : '')+'colspan="'+(o.menuItems[i_tem][3]&&o.menuItems[i_tem][3]!==''? o.menuItems[i_tem][3] : o.d_colspan)+'">'+o.menuItems[i_tem][0]+'</td>'
if (!o.menuItems[i_tem][4]||o.menuItems[i_tem][4]!=='no')
tb+=o.menupos=='left'&&i_tem==0? make_bar(o) : '</tr>n';
}
tb+=o.wrapbar&&o.menupos!='top'? '<tr><td id="'+o.id+'lastrow" colspan="'+o.d_colspan+'">u00a0</td></tr>n' : '';
tb+=o.menupos=='top'? make_bar(o) : '';

if(!o.user_defined_markup)
document.write(tb+'</table></div></div>')
}
if(o.design_mode)
document.getElementById('ooostyle').value+='nn<!-- The Markup for '+o.id+' -->nn'+tb+'</table></div></div>nn<!-- End '+o.id+''s Markup -->'
o.m=document.getElementById(o.id);
var b=document.getElementById(o.id+'bar');
o.m.b=b;
o.m.ft=1;
o.m.menupos=o.menupos;
o.m.menupause=o.menupause;
o.m.menuspeed=o.menuspeed;
o.m.borderwidth=o.borderwidth;
o.m.kviewtype=o.kviewtype;
resizevent(o);
if(o.menupos=='top'&&typeof window.attachEvent=='object'&&typeof ie6_or_less!='undefined')
window.attachEvent('onscroll', function(){o.m.style.visibility='hidden';});
if(o.kviewtype=='absolute'&&(o.menupos!='top'||(typeof ie6_or_less!='undefined'&&typeof window.attachEvent=='object')))
setInterval(function(){keep_in_view(o)}, 20)
}
}

function resizevent(o){
var m1=o.m.getElementsByTagName('div')[0], bo=o.menupos=='top'? o.m.b.offsetHeight : o.m.b.offsetWidth;
m1.style[o.menupos]=bo-(o.menupos=='top'? m1.offsetHeight : m1.offsetWidth)+'px'
if(o.menupos=='right'){
if(o.kviewtype=='absolute')
o.m.style.left=getedge(o)-o.m.offsetWidth+'px';
o.m.style.width=bo+'px';
o.m.style.height=m1.offsetHeight+'px';
if(typeof less_than_ie5_5!='undefined'){
o.m.onmouseover(o.m);
o.m.onmouseout(o.m);
}
}
if(o.menupos=='top'){
o.m.style.width=m1.style.width=o.m.getElementsByTagName('table')[0].offsetWidth+'px';
if(typeof o.menuleft=='string')
o.m.style.marginLeft=Math.floor(m1.offsetWidth/-2)+'px';
}
}
/*

ONTEXTRESIZE EVENT SPOOFER

Including this file in your page will allow you to assign a function
to window.ontextresize, which will be called when the user changes the
size of text on the page.

Used with (as far as I know) permission from: http://forkandspoonhelmet.com/Fork_and_Spoon_Helmet

*/
var ontextresizeLastSize = false;
if (window.attachEvent) window.attachEvent("onload", initOntextresizeListener);
else if (window.addEventListener) window.addEventListener("load", initOntextresizeListener, false);
function initOntextresizeListener() {
if(!resizereinit||typeof less_than_ie5_5!='undefined')
return;
  var testDiv = document.createElement("div");
  testDiv.style.position = "absolute";
  testDiv.style.height = "1em";
  testDiv.style.width = "1em";
  testDiv.style.top = "-2em";
  testDiv.style.left = "-2em";
  var docTestDiv = document.body.appendChild(testDiv);
  docTestDiv.id = "ontextresizeTestDiv";
  ontextresizeListener = setInterval("ontextresizeCheckTestDiv()",100);
}
function ontextresizeCheckTestDiv() {
  if (ontextresizeLastSize!=document.getElementById("ontextresizeTestDiv").offsetWidth) {
      if (ontextresizeLastSize && window.ontextresize) window.ontextresize.call();
      ontextresizeLastSize = document.getElementById("ontextresizeTestDiv").offsetWidth;
  }
}
window.ontextresize=function(){
for (var i_tem = 0; i_tem < menu.length; i_tem++)
if(typeof menu[i_tem]!='undefined')
resizevent(menu[i_tem]);
};

function make_menus(){
if(document.getElementById){
for (var i_tem = 0; i_tem < menu.length; i_tem++)
if(typeof menu[i_tem]!='undefined')
make_style_make_menu(menu[i_tem], 's');
for (i_tem = 0; i_tem < menu.length; i_tem++)
if(typeof menu[i_tem]!='undefined')
make_style_make_menu(menu[i_tem]);
}
}
That will be your 1st linked script.


Create another Html page titled: menu1items-js

With this
Code:
    //One global variable to set, use true if you want the menus to reinit when the user changes text size (recommended):
    resizereinit=true;


    menu[3] = {
    id:'menu3', //use unique quoted id (quoted) REQUIRED!!
    bartext:'TEST MENU',
    menupos:'right',
    kviewtype:'fixed',
    menuItems:[ // REQUIRED!!
    //[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header
    ["Menu"], //create header
    ["Dynamic Drive", "http://www.dynamicdrive.com", ""],
    ["What's New", "http://www.dynamicdrive.com/new.htm",""],
    ["What's Hot", "http://www.dynamicdrive.com/hot.htm", ""],
    ["Message Forum", "http://www.dynamicdrive.com/forums", ""],
    ["Submit Script", "http://www.dynamicdrive.com/submitscript.htm", ""],
    ["Link to Us", "http://www.dynamicdrive.com/link.htm", ""],

    ["FAQ", "http://www.dynamicdrive.com/faqs.htm", "", 1, "no"], //create two column row, requires d_colspan:2 (the default)
    ["Email", "http://www.dynamicdrive.com/contact.htm", "",1],

    ["External Links", "", ""], //create header
    ["JavaScript Kit", "http://www.javascriptkit.com", "_new"],
    ["Freewarejava", "http://www.freewarejava.com", "_new"],
    ["Coding Forums", "http://www.codingforums.com", "_new"]  //no comma after last entry

    ]}; // REQUIRED!! do not edit or remove

    ////////////////////Stop Editing/////////////////

    /* Omni Slide Menu script - http://www.dynamicdrive.com */

    make_menus();
Notice where to change Links/Titles in the code.
That will be your 2nd linked script.




Create a widget for the portal with this
(or add it to the homepage message)
Code:
<style type="text/css">
                            /*Menu Links*/

/*NOTE: anything not specified for the #(menu id's) a selector and its pseudo classes
may be inherited in some browsers from other 'a' element styles (if any) on the page*/

#menu3 a { /*Menu3 Links*/
color:black;
background-color:white;
text-decoration:none;
text-indent:1ex;padding:1px;
}
#menu3 a:hover {
color:black;background-color:#FFFF99;
}
#menu3 a:active  {color:black;text-decoration:none;}
#menu3 a:visited  {color:black;text-decoration:none;}


                          /*End Menu Links*/
</style>

<script src="http://YOUR SITE NAME/menu1-js-YOUR PAGE NUMBER.htm" type="text/javascript"></script>

<script src="http://YOUR SITE NAME//menu1items-js-YOUR PAGE NUMBER.htm" type="text/javascript">

/***********************************************
Omni Slide Menu script - http://www.dynamicdrive.com/
***********************************************/

</script>
Notice where to add your linked script pages.



Use script "only" on the linked Html pages (no tags, title etc)

menu1-js page [click]



menu1items-js page



Widget code

Use a table type: "no",
notice linked script pages,
drag-drop-add to widgets column.

Ryanette
Forumember

Male Posts : 135
Reputation : 2
Language : English (British)
Location : England, United Kingdom

http://www.devforumz.com

Back to top Go down

Re: Dynamic-FX Slide-In Menu

Post by Mr DarkHaxers2 on August 27th 2011, 1:00 am

wut is my page number or i just copy h107 and h108

Mr DarkHaxers2
Forumember

Male Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali

Back to top Go down

Re: Dynamic-FX Slide-In Menu

Post by Ryanette on August 27th 2011, 1:06 am

call it what ever, as long as you insert it as the javascript/html was titled.
<script type=text/javascript src=http://yoursite.com/html page number></script>

Ryanette
Forumember

Male Posts : 135
Reputation : 2
Language : English (British)
Location : England, United Kingdom

http://www.devforumz.com

Back to top Go down

Re: Dynamic-FX Slide-In Menu

Post by Mr DarkHaxers2 on August 27th 2011, 1:11 am

can i delete .htm at the end of the address

Mr DarkHaxers2
Forumember

Male Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali

Back to top Go down

Re: Dynamic-FX Slide-In Menu

Post by Ryanette on August 27th 2011, 1:13 am

yeah make sure it's 100 % of what the title is called.

Ryanette
Forumember

Male Posts : 135
Reputation : 2
Language : English (British)
Location : England, United Kingdom

http://www.devforumz.com

Back to top Go down

Re: Dynamic-FX Slide-In Menu

Post by Mr DarkHaxers2 on August 27th 2011, 1:16 am

Ok Is this Right


<script type=text/javascript src="http://badhaxer.com/forum/menu1-js-1.htm"type="text/javascript"></script>

Then the Other one

<script type=text/javascript src="http://badhaxer.com/forum/menu1items-js-4.htm"type="text/javascript"></script>



Mr DarkHaxers2
Forumember

Male Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali

Back to top Go down

Re: Dynamic-FX Slide-In Menu

Post by Ryanette on August 27th 2011, 1:22 am

yeah spot on

Ryanette
Forumember

Male Posts : 135
Reputation : 2
Language : English (British)
Location : England, United Kingdom

http://www.devforumz.com

Back to top Go down

Re: Dynamic-FX Slide-In Menu

Post by Mr DarkHaxers2 on August 27th 2011, 1:23 am

Its not Showing On My Home Page

Mr DarkHaxers2
Forumember

Male Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali

Back to top Go down

Re: Dynamic-FX Slide-In Menu

Post by Ryanette on August 27th 2011, 2:03 pm

hmmmmm lmao, that's weird.
Make sure to follow EVERYTHING

Ryanette
Forumember

Male Posts : 135
Reputation : 2
Language : English (British)
Location : England, United Kingdom

http://www.devforumz.com

Back to top Go down

Re: Dynamic-FX Slide-In Menu

Post by LGforum on August 27th 2011, 7:58 pm

You wanna put the script in a Javascript file not a HTML page.
Then put in your homepage message :

<script src="URL OF YOUR JS FILE"></script>

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: Dynamic-FX Slide-In Menu

Post by Mr DarkHaxers2 on August 27th 2011, 10:06 pm

wut file i suppose to put in JavaScript Magenment

Mr DarkHaxers2
Forumember

Male Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali

Back to top Go down

Re: Dynamic-FX Slide-In Menu

Post by Mr DarkHaxers2 on August 27th 2011, 10:16 pm

So I Put This In My Homepage Message

<script src="http://www.badhaxer.com/11978.js"></script>

<script src="http://www.badhaxer.com/10953.js"></script>

Then I put menu1items-js In Java Script Magenment

Then I Put menu1-js In Java Script Magenmen

Is This Right

Mr DarkHaxers2
Forumember

Male Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali

Back to top Go down

Re: Dynamic-FX Slide-In Menu

Post by Ryanette on August 27th 2011, 10:54 pm

site description*

Ryanette
Forumember

Male Posts : 135
Reputation : 2
Language : English (British)
Location : England, United Kingdom

http://www.devforumz.com

Back to top Go down

Re: Dynamic-FX Slide-In Menu

Post by Mr DarkHaxers2 on August 27th 2011, 11:36 pm

is this right or not

Mr DarkHaxers2
Forumember

Male Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali

Back to top Go down

Re: Dynamic-FX Slide-In Menu

Post by Base on August 27th 2011, 11:38 pm

BadHaxers2, posting consecutively is not tolerated unless separated by 24 hours since the last post. This is your second reminder about this. Wink

Base
Forumaster

Male Posts : 10386
Reputation : 1687
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

Re: Dynamic-FX Slide-In Menu

Post by Ryanette on August 28th 2011, 12:43 am

well, there's several tutorials on this, I've even broke it down with the help of RoNo's info.

Ryanette
Forumember

Male Posts : 135
Reputation : 2
Language : English (British)
Location : England, United Kingdom

http://www.devforumz.com

Back to top Go down

Re: Dynamic-FX Slide-In Menu

Post by Mr DarkHaxers2 on August 28th 2011, 12:50 am

Just Tell Me Simple So I Can Do It Right

Mr DarkHaxers2
Forumember

Male Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali

Back to top Go down

Re: Dynamic-FX Slide-In Menu

Post by Ryanette on August 28th 2011, 1:01 am

they're all simple ways, lol

Ryanette
Forumember

Male Posts : 135
Reputation : 2
Language : English (British)
Location : England, United Kingdom

http://www.devforumz.com

Back to top Go down

Re: Dynamic-FX Slide-In Menu

Post by Mr DarkHaxers2 on August 28th 2011, 1:14 am

I Just Want It On My Website Tht's All

Mr DarkHaxers2
Forumember

Male Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali

Back to top Go down

Re: Dynamic-FX Slide-In Menu

Post by Ryanette on August 28th 2011, 1:58 am

put the HTML in a widget

Ryanette
Forumember

Male Posts : 135
Reputation : 2
Language : English (British)
Location : England, United Kingdom

http://www.devforumz.com

Back to top Go down

Re: Dynamic-FX Slide-In Menu

Post by Mr DarkHaxers2 on August 28th 2011, 2:15 am

wut one

Mr DarkHaxers2
Forumember

Male Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali

Back to top Go down

Re: Dynamic-FX Slide-In Menu

Post by Ryanette on August 28th 2011, 1:06 pm

I suggest you learn what HTML is first before attempting http://en.wikipedia.org/wiki/HTML

Ryanette
Forumember

Male Posts : 135
Reputation : 2
Language : English (British)
Location : England, United Kingdom

http://www.devforumz.com

Back to top Go down

Re: Dynamic-FX Slide-In Menu

Post by Mr DarkHaxers2 on August 28th 2011, 5:43 pm

Dude I Kinda No HTML

Mr DarkHaxers2
Forumember

Male Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali

Back to top Go down

Page 1 of 2 1, 2  Next

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum