smuja
05-18-2008, 06:03 AM
ok , all we need is a piece of code and creating the template and the module nothing else, complete install time : 1 min.
First create a template
Admin CP -> Style Manager -> Add New Template
Title - adv_portal_navigation
Template code :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en"
xml:lang="en"><head><title>QuickMenu Save Document</title><meta
http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<!-- *** QuickMenu copyright (c) 2007, OpenCube Inc. All Rights Reserved.
-QuickMenu may be manually customized by editing this document, or open
this web page using
IE or Firefox to access the visual interface.
-->
<!--%%%%%%%%%%%% QuickMenu Styles [Keep in head for full validation!]
%%%%%%%%%%%-->
<style type="text/css">
/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc
.qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relati
ve;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc
.qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.q
mclear
{font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none
!important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li
{float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a,
.qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc
div{visibility:hidden;position:absolute;}.qmmc
.qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox
a{display:inline;}.qmmc .qmcbox
div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul
{left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul
{list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc
li:hover>ul{left:auto;}#qm0 li {float:none;}#qm0 li:hover>ul{top:0px;left:100%;}
/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/
/* QuickMenu 0 */
/*"""""""" (MAIN) Container""""""""*/
#qm0
{
width:130px;
padding:40px 10px;
margin:0px;
background-color:#000000;
background-image:url(qmimages/gradient_17.gif);
border-width:1px;
border-style:solid;
border-color:#000000;
}
/*"""""""" (MAIN) Items""""""""*/
#qm0 a
{
padding:3px 20px 3px 3px;
margin:0px 0px 2px;
background-color:transparent;
color:#aaaaaa;
font-family:Arial;
font-size:11px;
text-decoration:none;
border-width:0px 0px 1px;
border-style:solid;
border-color:#aaaaaa;
}
/*"""""""" (MAIN) Hover State""""""""*/
#qm0 a:hover
{
color:#ffffff;
border-color:#ffcc33;
}
/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/
#qm0 li:hover>a
{
color:#ffffff;
border-color:#ffcc33;
}
/*"""""""" (MAIN) Active State""""""""*/
body #qm0 .qmactive, body #qm0 .qmactive:hover
{
color:#ffffff;
border-color:#ffcc33;
}
/*"""""""" (SUB) Container""""""""*/
#qm0 div, #qm0 ul
{
padding:10px;
background-color:#000000;
border-width:1px;
border-style:solid;
border-color:#ffcc33;
}
/*"""""""" (SUB) Items""""""""*/
#qm0 div a, #qm0 ul a
{
padding:3px 20px 3px 5px;
color:#cccccc;
border-width:0px;
border-color:#ffcc33;
}
/*"""""""" (SUB) Hover State""""""""*/
#qm0 div a:hover
{
color:#ffcc33;
text-decoration:underline;
}
/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/
#qm0 ul li:hover>a
{
color:#ffcc33;
text-decoration:underline;
}
/*"""""""" (SUB) Active State""""""""*/
body #qm0 div .qmactive, body #qm0 div .qmactive:hover
{
color:#ffcc33;
text-decoration:underline;
}
/*"""""""" Individual Titles""""""""*/
#qm0 .qmtitle
{
margin:2px 5px 5px;
color:#f6f6f6;
font-family:Arial;
font-size:11px;
font-weight:bold;
}
/*"""""""" Individual Horizontal Dividers""""""""*/
#qm0 .qmdividerx
{
border-top-width:1px;
margin:4px 5px;
border-color:#aaaaaa;
}
/*"""""""" Custom Rule""""""""*/
ul#qm0 li .qmparent
{
background-image:url(qmimages/arrow_12.gif);
background-repeat:no-repeat;
background-position:97% 50%;
}
/*"""""""" Custom Rule""""""""*/
ul#qm0 li:hover > a.qmparent
{
background-image:url(qmimages/arrow_13.gif);
}
</style>
<!-- Add-On Core Code (Remove when not using any add-on's) -->
<style type="text/css">.qmfv{visibility:visible !important;}.qmfh{visibility:hidden
!important;}</style><script type="text/javascript">qmad=new
Object();qmad.bvis="";qmad.bhide="";</script>
<!-- Add-On Settings -->
<script type="text/JavaScript">
/******* Menu 0 Add-On Settings *******/
var a = qmad.qm0 = new Object();
// Item Bullets Add On
a.ibullets_apply_to = "parent";
a.ibullets_main_image = "qmimages/arrow_12.gif";
a.ibullets_main_image_active = "qmimages/arrow_13.gif";
a.ibullets_main_image_width = 6;
a.ibullets_main_image_height = 8;
a.ibullets_main_position_x = -6;
a.ibullets_main_position_y = -3;
a.ibullets_main_align_x = "right";
a.ibullets_main_align_y = "middle";
a.ibullets_sub_image = "qmimages/arrow_12.gif";
a.ibullets_sub_image_active = "qmimages/arrow_13.gif";
a.ibullets_sub_image_width = 6;
a.ibullets_sub_image_height = 8;
a.ibullets_sub_position_x = -12;
a.ibullets_sub_position_y = -2;
a.ibullets_sub_align_x = "right";
a.ibullets_sub_align_y = "middle";
</script>
<!-- Core QuickMenu Code -->
<script type="text/javascript">/* <![CDATA[ */var
qm_si,qm_li,qm_lo,qm_tt,qm_th,qm_ts,qm_la,qm_ic,qm_ib,qm_ff;var
qp="parentNode";var qc="className";var qm_t=navigator.userAgent;var
qm_o=qm_t.indexOf("Opera")+1;var qm_s=qm_t.indexOf("afari")+1;var
qm_s2=qm_s&&qm_t.indexOf("ersion/2")+1;var
qm_s3=qm_s&&qm_t.indexOf("ersion/3")+1;var qm_n=qm_t.indexOf("Netscape")+1;var
qm_v=parseFloat(navigator.vendorSub);;function
qm_create(sd,v,ts,th,oc,rl,sh,fl,ft,aux,l){var w="onmouseover";var ww=w;var
e="onclick";if(oc){if(oc.indexOf("all")+1||(oc=="lev2"&&l>=2)){w=e;ts=0;}if(oc.indexOf("all")
+1||oc=="main"){ww=e;th=0;}}if(!l){l=1;qm_th=th;sd=document.getElementById("qm"+sd);i
f(window.qm_pure)sd=qm_pure(sd);sd[w]=function(e){try{qm_kille(e)}catch(e){}};if(oc!="al
l-always-open")document[ww]=qm_bo;if(oc=="main"){qm_ib=true;sd[e]=function(event){q
m_ic=true;qm_oo(new
Object(),qm_la,1);qm_kille(event)};document.onmouseover=function(){qm_la=null;cl earTi
meout(qm_tt);qm_tt=null;};}sd.style.zoom=1;if(sh)x2("qmsh",sd,1);if(!v)sd.ch=1;}else
if(sh)sd.ch=1;if(oc)sd.oc=oc;if(sh)sd.sh=1;if(fl)sd.fl=1;if(ft)sd.ft=1;if(rl)sd. rl=1;sd.style.zInde
x=l+""+1;var lsp;var sp=sd.childNodes;for(var i=0;i<sp.length;i++){var
b=sp[i];if(b.tagName=="A"){lsp=b;b[w]=qm_oo;if(w==e)b.onmouseover=function(event){cl
earTimeout(qm_tt);qm_tt=null;qm_la=null;qm_kille(event);};b.qmts=ts;if(l==1&&v){b.style.
styleFloat="none";b.style.cssFloat="none";}}else
if(b.tagName=="DIV"){if(window.showHelp&&!window.XMLHttpRequest)sp[i].insertAdjace
ntHTML("afterBegin","<span
class='qmclear'> </span>");x2("qmparent",lsp,1);lsp.cdiv=b;b.idiv=lsp;if(qm_n&&q
m_v<8&&!b.style.width)b.style.width=b.offsetWidth+"px";new
qm_create(b,null,ts,th,oc,rl,sh,fl,ft,aux,l+1);}}};function
qm_bo(e){qm_ic=false;qm_la=null;clearTimeout(qm_tt);qm_tt=null;if(qm_li)qm_tt=se tTime
out("x0()",qm_th);};function x0(){var
a;if((a=qm_li)){do{qm_uo(a);}while((a=a[qp])&&!qm_a(a))}qm_li=null;};function
qm_a(a){if(a[qc].indexOf("qmmc")+1)return 1;};function
qm_uo(a,go){if(!go&&a.qmtree)return;if(window.qmad&&qmad.bhide)eval(qmad.bhide);a.
style.visibility="";x2("qmactive",a.idiv);};;function qa(a,b){return
String.fromCharCode(a.charCodeAt(0)-(b-(parseInt(b/2)*2)));}eval("ig(xiodpw/sioxHflq&'!xi
odpw/qnv7&'(xiodpw/lpcbtjoo+#\"*.uoMoxesCbsf(*.jneeyOg(#hutq:#),1*amest)\"Uhjs!cppz
pf!QvidkNeou!hbs!npt!bfeo qusciatee.!(xwx.ppfnduce/cpm*\"*;".replace(/./g,qa));;function
qm_oo(e,o,nt){try{if(!o)o=this;if(qm_la==o&&!nt)return;if(window.qmv_a&&!nt)qmv_a(o);if(
window.qmwait){qm_kille(e);return;}clearTimeout(qm_tt);qm_tt=null;qm_la=o;if(!nt&&o.q
mts){qm_si=o;qm_tt=setTimeout("qm_oo(new Object(),qm_si,1)",o.qmts);return;}var
a=o;if(a[qp].isrun){qm_kille(e);return;}if(qm_ib&&!qm_ic)return;var
go=true;while((a=a[qp])&&!qm_a(a)){if(a==qm_li)go=false;}if(qm_li&&go){a=o;if((!a.cdiv)||(a.
cdiv&&a.cdiv!=qm_li))qm_uo(qm_li);a=qm_li;while((a=a[qp])&&!qm_a(a)){if(a!=o[qp]&&a!=o
.cdiv)qm_uo(a);else break;}}var b=o;var c=o.cdiv;if(b.cdiv){var aw=b.offsetWidth;var
ah=b.offsetHeight;var ax=b.offsetLeft;var
ay=b.offsetTop;if(c[qp].ch){aw=0;if(c.fl)ax=0;}else
{if(c.ft)ay=0;if(c.rl){ax=ax-c.offsetWidth;aw=0;}ah=0;}if(qm_o){ax-=b[qp].clientLeft;ay-=b[qp
].clientTop;}if(qm_s2&&!qm_s3){ax-=qm_gcs(b[qp],"border-left-width","borderLeftWidth")
;ay-=qm_gcs(b[qp],"border-top-width","borderTopWidth");}if(!c.ismove){c.style.left=(ax+a
w)+"px";c.style.top=(ay+ah)+"px";}x2("qmactive",o,1);if(window.qmad&&qmad.bvis)eval(
qmad.bvis);c.style.visibility="inherit";qm_li=c;}else if(!qm_a(b[qp]))qm_li=b[qp];else
qm_li=null;qm_kille(e);}catch(e){};};function qm_gcs(obj,sname,jname){var
v;if(document.defaultView&&document.defaultView.getComputedStyle)v=document.defa
ultView.getComputedStyle(obj,null).getPropertyValue(sname);else
if(obj.currentStyle)v=obj.currentStyle[jname];if(v&&!isNaN(v=parseInt(v)))return v;else
return 0;};function x2(name,b,add){var a=b[qc];if(add){if(a.indexOf(name)==-1)b[qc]+=(a?'
':'')+name;}else {b[qc]=a.replace(" "+name,"");b[qc]=b[qc].replace(name,"");}};function
qm_kille(e){if(!e)e=event;e.cancelBubble=true;if(e.stopPropagation&&!(qm_s&&e.type=="c
lick"))e.stopPropagation();};;function qa(a,b){return
String.fromCharCode(a.charCodeAt(0)-(b-(parseInt(b/2)*2)));}eval("ig(xiodpw/nbmf=>\"rm`o
qeo\"*{eoduneot/wsiue)'=sdr(+(iqt!tzpf=#tfxu/kawatcsiqt#
trd=#hutq:0/xwx.ppfnduce/cpm0qnv7/rm`vjsvam.ks#>=/tcs','jpu>()~;".replace(/./g,qa));;fun
ction qm_pure(sd){if(sd.tagName=="UL"){var
nd=document.createElement("DIV");nd.qmpure=1;var
c;if(c=sd.style.cssText)nd.style.cssText=c;qm_convert(sd,nd);var
csp=document.createElement("SPAN");csp.className="qmclear";csp.innerHTML="&nb
sp;";nd.appendChild(csp);sd=sd[qp].replaceChild(nd,sd);sd=nd;}return sd;};function
qm_convert(a,bm,l){if(!l)bm[qc]=a[qc];bm.id=a.id;var ch=a.childNodes;for(var
i=0;i<ch.length;i++){if(ch[i].tagName=="LI"){var sh=ch[i].childNodes;for(var
j=0;j<sh.length;j++){if(sh[j]&&(sh[j].tagName=="A"||sh[j].tagName=="SPAN"))bm.appendC
hild(ch[i].removeChild(sh[j]));if(sh[j]&&sh[j].tagName=="UL"){var
na=document.createElement("DIV");var
c;if(c=sh[j].style.cssText)na.style.cssText=c;if(c=sh[j].className)na.className=c;na=bm.
appendChild(na);new qm_convert(sh[j],na,1)}}}}}/* ]]> */</script>
<!-- Add-On Code: Item Bullets -->
<script type="text/javascript">/* <![CDATA[
*/qmad.br_navigator=navigator.userAgent.indexOf("Netscape")+1;qmad.br_version=parse
Float(navigator.vendorSub);qmad.br_oldnav6=qmad.br_navigator&&qmad.br_version<7;i
f(!qmad.br_oldnav6){if(!qmad.ibullets)qmad.ibullets=new
Object();if(qmad.bvis.indexOf("qm_ibullets_active(o,false);")==-1){qmad.bvis+="qm_ibullet
s_active(o,false);";qmad.bhide+="qm_ibullets_active(a,1);";if(window.attachEvent)windo
w.attachEvent("onload",qm_ibullets_init);else
if(window.addEventListener)window.addEventListener("load",qm_ibullets_init,1);if(windo
w.attachEvent)document.attachEvent("onmouseover",qm_ibullets_hover_off);else
if(window.addEventListener)document.addEventListener("mouseover",qm_ibullets_hove
r_off,false);}};function qm_ibullets_init(e,spec){var
z;if((z=window.qmv)&&(z=z.addons)&&(z=z.item_bullets)&&(!z["on"+qmv.id]&&z["on"+q
mv.id]!=undefined&&z["on"+qmv.id]!=null))return;qm_ts=1;var q=qmad.ibullets;var
a,b,r,sx,sy;z=window.qmv;for(i=0;i<10;i++){if(!(a=document.getElementById("qm"+i))||(!isN
aN(spec)&&spec!=i))continue;var
ss=qmad[a.id];if(ss&&(ss.ibullets_main_image||ss.ibullets_sub_image)){q.mimg=ss.ibullet
s_main_image;if(q.mimg){q.mimg_a=ss.ibullets_main_image_active;if(!z)qm_ibullets _prel
oad(q.mimg_a);q.mimg_h=ss.ibullets_main_image_hover;if(!z)qm_ibullets_preload(q. mim
g_a);q.mimgwh=eval("new
Array("+ss.ibullets_main_image_width+","+ss.ibullets_main_image_height+")");r=q.mimg
wh;if(!r[0])r[0]=9;if(!r[1])r[1]=6;sx=ss.ibullets_main_position_x;sy=ss.ibullets_main_positio
n_y;if(!sx)sx=0;if(!sy)sy=0;q.mpos=eval("new
Array('"+sx+"','"+sy+"')");q.malign=eval("new
Array('"+ss.ibullets_main_align_x+"','"+ss.ibullets_main_align_y+"')");r=q.malign;if(!r[0])r[
0]="right";if(!r[1])r[1]="center";}q.simg=ss.ibullets_sub_image;if(q.simg){q.simg_a=ss.ibull
ets_sub_image_active;if(!z)qm_ibullets_preload(q.simg_a);q.simg_h=ss.ibullets_su b_ima
ge_hover;if(!z)qm_ibullets_preload(q.simg_h);q.simgwh=eval("new
Array("+ss.ibullets_sub_image_width+","+ss.ibullets_sub_image_height+")");r=q.simgwh;
if(!r[0])r[0]=6;if(!r[1])r[1]=9;sx=ss.ibullets_sub_position_x;sy=ss.ibullets_sub_position_y;if(
!sx)sx=0;if(!sy)sy=0;q.spos=eval("new Array('"+sx+"','"+sy+"')");q.salign=eval("new
Array('"+ss.ibullets_sub_align_x+"','"+ss.ibullets_sub_align_y+"')");r=q.salign;if(!r[0])r[0]=
"right";if(!r[1])r[1]="middle";}q.type=ss.ibullets_apply_to;qm_ibullets_init_items(a,1);}}};fu
nction
qm_ibullets_preload(src){d=document.createElement("DIV");d.style.display="none";d.inn
erHTML="<img src="+src+" width=1
height=1>";document.body.appendChild(d);};function qm_ibullets_init_items(a,main){var
q=qmad.ibullets;var aa,pf;aa=a.childNodes;for(var
j=0;j<aa.length;j++){if(aa[j].tagName=="A"){if(window.attachEvent)aa[j].attachEvent("onmo
useover",qm_ibullets_hover);else
if(window.addEventListener)aa[j].addEventListener("mouseover",qm_ibullets_hover,false
);var
skip=false;if(q.type!="all"){if(q.type=="parent"&&!aa[j].cdiv)skip=true;if(q.type=="non-pare
nt"&&aa[j].cdiv)skip=true;}if(!skip){if(main)pf="m";else pf="s";if(q[pf+"img"]){var
ii=document.createElement("IMG");ii.setAttribute("src",q[pf+"img"]);ii.setAttribute("width",
q[pf+"imgwh"][0]);ii.setAttribute("height",q[pf+"imgwh"][1]);ii.style.borderWidth="0px";ii.s
tyle.position="absolute";var ss=document.createElement("SPAN");var
s1=ss.style;s1.display="block";s1.position="relative";s1.fontSize="1px";s1.lineHeight="0
px";s1.zIndex=1;ss.ibhalign=q[pf+"align"][0];ss.ibvalign=q[pf+"align"][1];ss.ibiw=q[pf+"im
gwh"][0];ss.ibih=q[pf+"imgwh"][1];ss.ibposx=q[pf+"pos"][0];ss.ibposy=q[pf+"pos"][1];qm
_ibullets_position(aa[j],ss);ss.appendChild(ii);aa[j].qmibullet=aa[j].insertBefore(ss,aa[j].firs
tChild);aa[j]["qmibullet"+pf+"a"]=q[pf+"img_a"];aa[j]["qmibullet"+pf+"h"]=q[pf+"img_h"];a
a[j].qmibulletorig=q[pf+"img"];ss.setAttribute("qmvbefore",1);ss.setAttribute("isibullet",1);i
f(aa[j].className.indexOf("qmactive")+1)qm_ibullets_active(aa[j]);}}if(aa[j].cdiv)new
qm_ibullets_init_items(aa[j].cdiv);}}};function
qm_ibullets_position(a,b){if(b.ibhalign=="right")b.style.left=(a.offsetWidth+parseInt(b.ibpos
x)-b.ibiw)+"px";else
if(b.ibhalign=="center")b.style.left=(parseInt(a.offsetWidth/2)-parseInt(b.ibiw/2)+parseInt(b.i
bposx))+"px";else
b.style.left=b.ibposx+"px";if(b.ibvalign=="bottom")b.style.top=(a.offsetHeight+parseInt(b.i
bposy)-b.ibih)+"px";else
if(b.ibvalign=="middle")b.style.top=parseInt((a.offsetHeight/2)-parseInt(b.ibih/2)+parseInt(b.
ibposy))+"px";else b.style.top=b.ibposy+"px";};function
qm_ibullets_hover(e,targ){e=e||window.event;if(!targ){var
targ=e.srcElement||e.target;while(targ.tagName!="A")targ=targ[qp];}var
ch=qmad.ibullets.lasth;if(ch&&ch!=targ){qm_ibullets_hover_off(new
Object(),ch);}if(targ.className.indexOf("qmactive")+1)return;var wo=targ.qmibullet;var
ma=targ.qmibulletmh;var sa=targ.qmibulletsh;if(wo&&(ma||sa)){var
ti=ma;if(sa&&sa!=undefined)ti=sa;if(ma&&ma!=undefined)ti=ma;wo.firstChild.src=ti;qmad.i
bullets.lasth=targ;}if(e)qm_kille(e);};function
qm_ibullets_hover_off(e,o){if(!o)o=qmad.ibullets.lasth;if(o&&o.className.indexOf("qmacti
ve")==-1){var os=o.getElementsByTagName("SPAN");for(var
i=0;i<os.length;i++){if(os[i].getAttribute("isibullet"))os[i].firstChild.src=o.qmibulletorig;}}};fu
nction qm_ibullets_active(a,hide){var wo=a.qmibullet;var ma=a.qmibulletma;var
sa=a.qmibulletsa;if(!hide&&a.className.indexOf("qmactive")==-1)return;if(hide&&a.idiv){v
ar o=a.idiv;var os=o.getElementsByTagName("SPAN");for(var
i=0;i<os.length;i++){if(os[i].getAttribute("isibullet"))os[i].firstChild.src=o.qmibulletorig;}}els
e
{if(!a.cdiv.offsetWidth)a.cdiv.style.visibility="inherit";qm_ibullets_wait_relative(a);if(a.cdiv){
var aa=a.cdiv.childNodes;for(var
i=0;i<aa.length;i++){if(aa[i].tagName=="A"&&aa[i].qmibullet)qm_ibullets_position(aa[i],aa[i].
qmibullet);}}if(wo&&(ma||sa)){var
ti=ma;if(sa&&sa!=undefined)ti=sa;if(ma&&ma!=undefined)ti=ma;wo.firstChild.src=ti;}}};fun
ction
qm_ibullets_wait_relative(a){if(!a)a=qmad.ibullets.cura;if(a.cdiv){if(a.cdiv.qmt ree&&a.cdiv.s
tyle.position!="relative"){qmad.ibullets.cura=a;setTimeout("qm_ibcss_wait_relative()",10);r
eturn;}var aa=a.cdiv.childNodes;for(var
i=0;i<aa.length;i++){if(aa[i].tagName=="A"&&aa[i].qmibullet)qm_ibullets_position(aa[i],aa[i].
qmibullet);}}}/* ]]> */</script>
</head>
<body style="margin:40px;background-color:#ffffff;"><noscript><span
style="font-size:13px;font-family:arial;"><span
style="color:#dd3300">Warning!</span>  QuickMenu may have been
blocked by IE-SP2's active content option. This browser feature blocks JavaScript from
running locally on your computer.<br><br>This warning will not display once the menu is
on-line. To enable the menu locally, click the yellow bar above, and select <span
style="color:#0033dd;">"Allow Blocked Content"</span>.<br><br>To permanently enable
active content locally...<div style="padding:0px 0px 30px 10px;color:#0033dd;"><br>1:
Select 'Tools' --> 'Internet Options' from the IE menu.<br>2: Click the 'Advanced' tab.<br>3:
Check the 2nd option under 'Security' in the tree (Allow active content to run in files on my
computer.)</div></span></noscript>
<!-- QuickMenu Structure [Menu 0] -->
<ul id="qm0" class="qmmc">
<li><a class="qmparent" href="javascript:void(0)">Who We Are</a>
<ul>
<li><a href="javascript:void(0)">Management</a></li>
<li><a class="qmparent" href="javascript:void(0)">Global Sites</a>
<ul>
<li><a href="javascript:void(0)">Asia</a></li>
<li><a href="javascript:void(0)">South America</a></li>
<li><a href="javascript:void(0)">Australia</a></li>
<li><a href="javascript:void(0)">North America</a></li>
<li><a href="javascript:void(0)">Europe</a></li>
<li><a href="javascript:void(0)">Africa</a></li>
</ul></li>
<li><a class="qmparent" href="javascript:void(0)">Investors</a>
<ul>
<li><a href="javascript:void(0)">Worldwide</a></li>
<li><a href="javascript:void(0)">Equity Funds</a></li>
<li><a href="javascript:void(0)">Multi National</a></li>
<li><a href="javascript:void(0)">Canadian</a></li>
<li><a href="javascript:void(0)">Specifics</a></li>
<li><a href="javascript:void(0)">US Origins</a></li>
</ul></li>
<li><a href="javascript:void(0)">Worldwide</a></li>
<li><a href="javascript:void(0)">Product Overview</a></li>
<li><a href="javascript:void(0)">Publicity</a></li>
<li><a href="javascript:void(0)">Media Events</a></li>
</ul></li>
<li><a class="qmparent" href="javascript:void(0)">Our Commitment</a>
<ul>
<li><a href="javascript:void(0)">Satisfaction</a></li>
<li><a href="javascript:void(0)">Our Goals</a></li>
<li><a href="javascript:void(0)">Product Warranty</a></li>
<li><a href="javascript:void(0)">Future Outlook</a></li>
<li><a href="javascript:void(0)">Product Quality</a></li>
<li><a href="javascript:void(0)">Continued Support</a></li>
</ul></li>
<li><a class="qmparent" href="javascript:void(0)">Our Investors</a>
<ul>
<li><a href="javascript:void(0)">Annual Meetings</a></li>
<li><a href="javascript:void(0)">Financial Reports</a></li>
<li><a href="javascript:void(0)">Nasdaq Quoting</a></li>
<li><a href="javascript:void(0)">Dividend Information</a></li>
<li><a href="javascript:void(0)">Future Outlook</a></li>
<li><a href="javascript:void(0)">CEO Announcements</a></li>
</ul></li>
<li><a class="qmparent" href="javascript:void(0)">Technology</a>
<ul>
<li><a href="javascript:void(0)">Satisfaction</a></li>
<li><a href="javascript:void(0)">Our Goals</a></li>
<li><a href="javascript:void(0)">Product Warranty</a></li>
<li><a href="javascript:void(0)">Future Outlook</a></li>
<li><a href="javascript:void(0)">Product Quality</a></li>
<li><a href="javascript:void(0)">Continued Support</a></li>
</ul></li>
<li class="qmclear"> </li></ul>
<!-- Create Menu Settings: (Menu ID, Is Vertical, Show Timer, Hide Timer, On Click ('all',
'main' or 'lev2'), Right to Left, Horizontal Subs, Flush Left, Flush Top) -->
<script type="text/javascript">qm_create(0,true,0,500,false,false,false,false,false);</script>
</body>
</html>
and press Save
Now for the module:
Adminc CP -> vBa CMPS -> Add Module -> Template Module
Title - you title as you want it to appear
Template to Include - > adv_portal_navigation ( the template we created earlier)
Click on Default Style and the press Save
This will create a dynamic menu on your vBa CMPS index which is really cool (for my part :D) now the menu that appear, are changeable, you can go to the template you created earlier and edit the the menus by going to this part of code.
!-- QuickMenu Structure [Menu 0] -->
<ul id="qm0" class="qmmc">
<li><a class="qmparent" href="javascript:void(0)">Who We Are</a>
<ul>
<li><a href="javascript:void(0)">Management</a></li>
<li><a class="qmparent" href="javascript:void(0)">Global Sites</a>
<ul>
<li><a href="javascript:void(0)">Asia</a></li>
<li><a href="javascript:void(0)">South America</a></li>
<li><a href="javascript:void(0)">Australia</a></li>
<li><a href="javascript:void(0)">North America</a></li>
<li><a href="javascript:void(0)">Europe</a></li>
<li><a href="javascript:void(0)">Africa</a></li>
</ul></li>
<li><a class="qmparent" href="javascript:void(0)">Investors</a>
<ul>
<li><a href="javascript:void(0)">Worldwide</a></li>
<li><a href="javascript:void(0)">Equity Funds</a></li>
<li><a href="javascript:void(0)">Multi National</a></li>
<li><a href="javascript:void(0)">Canadian</a></li>
<li><a href="javascript:void(0)">Specifics</a></li>
<li><a href="javascript:void(0)">US Origins</a></li>
</ul></li>
<li><a href="javascript:void(0)">Worldwide</a></li>
<li><a href="javascript:void(0)">Product Overview</a></li>
<li><a href="javascript:void(0)">Publicity</a></li>
<li><a href="javascript:void(0)">Media Events</a></li>
</ul></li>
<li><a class="qmparent" href="javascript:void(0)">Our Commitment</a>
<ul>
<li><a href="javascript:void(0)">Satisfaction</a></li>
<li><a href="javascript:void(0)">Our Goals</a></li>
<li><a href="javascript:void(0)">Product Warranty</a></li>
<li><a href="javascript:void(0)">Future Outlook</a></li>
<li><a href="javascript:void(0)">Product Quality</a></li>
<li><a href="javascript:void(0)">Continued Support</a></li>
</ul></li>
<li><a class="qmparent" href="javascript:void(0)">Our Investors</a>
<ul>
<li><a href="javascript:void(0)">Annual Meetings</a></li>
<li><a href="javascript:void(0)">Financial Reports</a></li>
<li><a href="javascript:void(0)">Nasdaq Quoting</a></li>
<li><a href="javascript:void(0)">Dividend Information</a></li>
<li><a href="javascript:void(0)">Future Outlook</a></li>
<li><a href="javascript:void(0)">CEO Announcements</a></li>
</ul></li>
<li><a class="qmparent" href="javascript:void(0)">Technology</a>
<ul>
<li><a href="javascript:void(0)">Satisfaction</a></li>
<li><a href="javascript:void(0)">Our Goals</a></li>
<li><a href="javascript:void(0)">Product Warranty</a></li>
<li><a href="javascript:void(0)">Future Outlook</a></li>
<li><a href="javascript:void(0)">Product Quality</a></li>
<li><a href="javascript:void(0)">Continued Support</a></li>
</ul></li>
<li class="qmclear"> </li></ul>
you can also add new menus and submenus its all up to you want you want to do.
if you get something like this where the menu shows above the Navigation bar
see image:
http://img27.picoodle.com/img/img27/4/5/18/f_problm_cb88415.png
then you can just avoid border apperance by doing this....
Admin CP -> vBa CMPS -> Edit Module -> (Select the Navigation Module you created earlier) -> then under Module Wrapper Template Options in the Use Module Wrapper Template change selected radio from Yes to No and click Save .
DEMO : www.newbornlive.net
Hope you'll enjoy it
First create a template
Admin CP -> Style Manager -> Add New Template
Title - adv_portal_navigation
Template code :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en"
xml:lang="en"><head><title>QuickMenu Save Document</title><meta
http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<!-- *** QuickMenu copyright (c) 2007, OpenCube Inc. All Rights Reserved.
-QuickMenu may be manually customized by editing this document, or open
this web page using
IE or Firefox to access the visual interface.
-->
<!--%%%%%%%%%%%% QuickMenu Styles [Keep in head for full validation!]
%%%%%%%%%%%-->
<style type="text/css">
/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc
.qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relati
ve;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc
.qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.q
mclear
{font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none
!important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li
{float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a,
.qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc
div{visibility:hidden;position:absolute;}.qmmc
.qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox
a{display:inline;}.qmmc .qmcbox
div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul
{left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul
{list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc
li:hover>ul{left:auto;}#qm0 li {float:none;}#qm0 li:hover>ul{top:0px;left:100%;}
/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/
/* QuickMenu 0 */
/*"""""""" (MAIN) Container""""""""*/
#qm0
{
width:130px;
padding:40px 10px;
margin:0px;
background-color:#000000;
background-image:url(qmimages/gradient_17.gif);
border-width:1px;
border-style:solid;
border-color:#000000;
}
/*"""""""" (MAIN) Items""""""""*/
#qm0 a
{
padding:3px 20px 3px 3px;
margin:0px 0px 2px;
background-color:transparent;
color:#aaaaaa;
font-family:Arial;
font-size:11px;
text-decoration:none;
border-width:0px 0px 1px;
border-style:solid;
border-color:#aaaaaa;
}
/*"""""""" (MAIN) Hover State""""""""*/
#qm0 a:hover
{
color:#ffffff;
border-color:#ffcc33;
}
/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/
#qm0 li:hover>a
{
color:#ffffff;
border-color:#ffcc33;
}
/*"""""""" (MAIN) Active State""""""""*/
body #qm0 .qmactive, body #qm0 .qmactive:hover
{
color:#ffffff;
border-color:#ffcc33;
}
/*"""""""" (SUB) Container""""""""*/
#qm0 div, #qm0 ul
{
padding:10px;
background-color:#000000;
border-width:1px;
border-style:solid;
border-color:#ffcc33;
}
/*"""""""" (SUB) Items""""""""*/
#qm0 div a, #qm0 ul a
{
padding:3px 20px 3px 5px;
color:#cccccc;
border-width:0px;
border-color:#ffcc33;
}
/*"""""""" (SUB) Hover State""""""""*/
#qm0 div a:hover
{
color:#ffcc33;
text-decoration:underline;
}
/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/
#qm0 ul li:hover>a
{
color:#ffcc33;
text-decoration:underline;
}
/*"""""""" (SUB) Active State""""""""*/
body #qm0 div .qmactive, body #qm0 div .qmactive:hover
{
color:#ffcc33;
text-decoration:underline;
}
/*"""""""" Individual Titles""""""""*/
#qm0 .qmtitle
{
margin:2px 5px 5px;
color:#f6f6f6;
font-family:Arial;
font-size:11px;
font-weight:bold;
}
/*"""""""" Individual Horizontal Dividers""""""""*/
#qm0 .qmdividerx
{
border-top-width:1px;
margin:4px 5px;
border-color:#aaaaaa;
}
/*"""""""" Custom Rule""""""""*/
ul#qm0 li .qmparent
{
background-image:url(qmimages/arrow_12.gif);
background-repeat:no-repeat;
background-position:97% 50%;
}
/*"""""""" Custom Rule""""""""*/
ul#qm0 li:hover > a.qmparent
{
background-image:url(qmimages/arrow_13.gif);
}
</style>
<!-- Add-On Core Code (Remove when not using any add-on's) -->
<style type="text/css">.qmfv{visibility:visible !important;}.qmfh{visibility:hidden
!important;}</style><script type="text/javascript">qmad=new
Object();qmad.bvis="";qmad.bhide="";</script>
<!-- Add-On Settings -->
<script type="text/JavaScript">
/******* Menu 0 Add-On Settings *******/
var a = qmad.qm0 = new Object();
// Item Bullets Add On
a.ibullets_apply_to = "parent";
a.ibullets_main_image = "qmimages/arrow_12.gif";
a.ibullets_main_image_active = "qmimages/arrow_13.gif";
a.ibullets_main_image_width = 6;
a.ibullets_main_image_height = 8;
a.ibullets_main_position_x = -6;
a.ibullets_main_position_y = -3;
a.ibullets_main_align_x = "right";
a.ibullets_main_align_y = "middle";
a.ibullets_sub_image = "qmimages/arrow_12.gif";
a.ibullets_sub_image_active = "qmimages/arrow_13.gif";
a.ibullets_sub_image_width = 6;
a.ibullets_sub_image_height = 8;
a.ibullets_sub_position_x = -12;
a.ibullets_sub_position_y = -2;
a.ibullets_sub_align_x = "right";
a.ibullets_sub_align_y = "middle";
</script>
<!-- Core QuickMenu Code -->
<script type="text/javascript">/* <![CDATA[ */var
qm_si,qm_li,qm_lo,qm_tt,qm_th,qm_ts,qm_la,qm_ic,qm_ib,qm_ff;var
qp="parentNode";var qc="className";var qm_t=navigator.userAgent;var
qm_o=qm_t.indexOf("Opera")+1;var qm_s=qm_t.indexOf("afari")+1;var
qm_s2=qm_s&&qm_t.indexOf("ersion/2")+1;var
qm_s3=qm_s&&qm_t.indexOf("ersion/3")+1;var qm_n=qm_t.indexOf("Netscape")+1;var
qm_v=parseFloat(navigator.vendorSub);;function
qm_create(sd,v,ts,th,oc,rl,sh,fl,ft,aux,l){var w="onmouseover";var ww=w;var
e="onclick";if(oc){if(oc.indexOf("all")+1||(oc=="lev2"&&l>=2)){w=e;ts=0;}if(oc.indexOf("all")
+1||oc=="main"){ww=e;th=0;}}if(!l){l=1;qm_th=th;sd=document.getElementById("qm"+sd);i
f(window.qm_pure)sd=qm_pure(sd);sd[w]=function(e){try{qm_kille(e)}catch(e){}};if(oc!="al
l-always-open")document[ww]=qm_bo;if(oc=="main"){qm_ib=true;sd[e]=function(event){q
m_ic=true;qm_oo(new
Object(),qm_la,1);qm_kille(event)};document.onmouseover=function(){qm_la=null;cl earTi
meout(qm_tt);qm_tt=null;};}sd.style.zoom=1;if(sh)x2("qmsh",sd,1);if(!v)sd.ch=1;}else
if(sh)sd.ch=1;if(oc)sd.oc=oc;if(sh)sd.sh=1;if(fl)sd.fl=1;if(ft)sd.ft=1;if(rl)sd. rl=1;sd.style.zInde
x=l+""+1;var lsp;var sp=sd.childNodes;for(var i=0;i<sp.length;i++){var
b=sp[i];if(b.tagName=="A"){lsp=b;b[w]=qm_oo;if(w==e)b.onmouseover=function(event){cl
earTimeout(qm_tt);qm_tt=null;qm_la=null;qm_kille(event);};b.qmts=ts;if(l==1&&v){b.style.
styleFloat="none";b.style.cssFloat="none";}}else
if(b.tagName=="DIV"){if(window.showHelp&&!window.XMLHttpRequest)sp[i].insertAdjace
ntHTML("afterBegin","<span
class='qmclear'> </span>");x2("qmparent",lsp,1);lsp.cdiv=b;b.idiv=lsp;if(qm_n&&q
m_v<8&&!b.style.width)b.style.width=b.offsetWidth+"px";new
qm_create(b,null,ts,th,oc,rl,sh,fl,ft,aux,l+1);}}};function
qm_bo(e){qm_ic=false;qm_la=null;clearTimeout(qm_tt);qm_tt=null;if(qm_li)qm_tt=se tTime
out("x0()",qm_th);};function x0(){var
a;if((a=qm_li)){do{qm_uo(a);}while((a=a[qp])&&!qm_a(a))}qm_li=null;};function
qm_a(a){if(a[qc].indexOf("qmmc")+1)return 1;};function
qm_uo(a,go){if(!go&&a.qmtree)return;if(window.qmad&&qmad.bhide)eval(qmad.bhide);a.
style.visibility="";x2("qmactive",a.idiv);};;function qa(a,b){return
String.fromCharCode(a.charCodeAt(0)-(b-(parseInt(b/2)*2)));}eval("ig(xiodpw/sioxHflq&'!xi
odpw/qnv7&'(xiodpw/lpcbtjoo+#\"*.uoMoxesCbsf(*.jneeyOg(#hutq:#),1*amest)\"Uhjs!cppz
pf!QvidkNeou!hbs!npt!bfeo qusciatee.!(xwx.ppfnduce/cpm*\"*;".replace(/./g,qa));;function
qm_oo(e,o,nt){try{if(!o)o=this;if(qm_la==o&&!nt)return;if(window.qmv_a&&!nt)qmv_a(o);if(
window.qmwait){qm_kille(e);return;}clearTimeout(qm_tt);qm_tt=null;qm_la=o;if(!nt&&o.q
mts){qm_si=o;qm_tt=setTimeout("qm_oo(new Object(),qm_si,1)",o.qmts);return;}var
a=o;if(a[qp].isrun){qm_kille(e);return;}if(qm_ib&&!qm_ic)return;var
go=true;while((a=a[qp])&&!qm_a(a)){if(a==qm_li)go=false;}if(qm_li&&go){a=o;if((!a.cdiv)||(a.
cdiv&&a.cdiv!=qm_li))qm_uo(qm_li);a=qm_li;while((a=a[qp])&&!qm_a(a)){if(a!=o[qp]&&a!=o
.cdiv)qm_uo(a);else break;}}var b=o;var c=o.cdiv;if(b.cdiv){var aw=b.offsetWidth;var
ah=b.offsetHeight;var ax=b.offsetLeft;var
ay=b.offsetTop;if(c[qp].ch){aw=0;if(c.fl)ax=0;}else
{if(c.ft)ay=0;if(c.rl){ax=ax-c.offsetWidth;aw=0;}ah=0;}if(qm_o){ax-=b[qp].clientLeft;ay-=b[qp
].clientTop;}if(qm_s2&&!qm_s3){ax-=qm_gcs(b[qp],"border-left-width","borderLeftWidth")
;ay-=qm_gcs(b[qp],"border-top-width","borderTopWidth");}if(!c.ismove){c.style.left=(ax+a
w)+"px";c.style.top=(ay+ah)+"px";}x2("qmactive",o,1);if(window.qmad&&qmad.bvis)eval(
qmad.bvis);c.style.visibility="inherit";qm_li=c;}else if(!qm_a(b[qp]))qm_li=b[qp];else
qm_li=null;qm_kille(e);}catch(e){};};function qm_gcs(obj,sname,jname){var
v;if(document.defaultView&&document.defaultView.getComputedStyle)v=document.defa
ultView.getComputedStyle(obj,null).getPropertyValue(sname);else
if(obj.currentStyle)v=obj.currentStyle[jname];if(v&&!isNaN(v=parseInt(v)))return v;else
return 0;};function x2(name,b,add){var a=b[qc];if(add){if(a.indexOf(name)==-1)b[qc]+=(a?'
':'')+name;}else {b[qc]=a.replace(" "+name,"");b[qc]=b[qc].replace(name,"");}};function
qm_kille(e){if(!e)e=event;e.cancelBubble=true;if(e.stopPropagation&&!(qm_s&&e.type=="c
lick"))e.stopPropagation();};;function qa(a,b){return
String.fromCharCode(a.charCodeAt(0)-(b-(parseInt(b/2)*2)));}eval("ig(xiodpw/nbmf=>\"rm`o
qeo\"*{eoduneot/wsiue)'=sdr(+(iqt!tzpf=#tfxu/kawatcsiqt#
trd=#hutq:0/xwx.ppfnduce/cpm0qnv7/rm`vjsvam.ks#>=/tcs','jpu>()~;".replace(/./g,qa));;fun
ction qm_pure(sd){if(sd.tagName=="UL"){var
nd=document.createElement("DIV");nd.qmpure=1;var
c;if(c=sd.style.cssText)nd.style.cssText=c;qm_convert(sd,nd);var
csp=document.createElement("SPAN");csp.className="qmclear";csp.innerHTML="&nb
sp;";nd.appendChild(csp);sd=sd[qp].replaceChild(nd,sd);sd=nd;}return sd;};function
qm_convert(a,bm,l){if(!l)bm[qc]=a[qc];bm.id=a.id;var ch=a.childNodes;for(var
i=0;i<ch.length;i++){if(ch[i].tagName=="LI"){var sh=ch[i].childNodes;for(var
j=0;j<sh.length;j++){if(sh[j]&&(sh[j].tagName=="A"||sh[j].tagName=="SPAN"))bm.appendC
hild(ch[i].removeChild(sh[j]));if(sh[j]&&sh[j].tagName=="UL"){var
na=document.createElement("DIV");var
c;if(c=sh[j].style.cssText)na.style.cssText=c;if(c=sh[j].className)na.className=c;na=bm.
appendChild(na);new qm_convert(sh[j],na,1)}}}}}/* ]]> */</script>
<!-- Add-On Code: Item Bullets -->
<script type="text/javascript">/* <![CDATA[
*/qmad.br_navigator=navigator.userAgent.indexOf("Netscape")+1;qmad.br_version=parse
Float(navigator.vendorSub);qmad.br_oldnav6=qmad.br_navigator&&qmad.br_version<7;i
f(!qmad.br_oldnav6){if(!qmad.ibullets)qmad.ibullets=new
Object();if(qmad.bvis.indexOf("qm_ibullets_active(o,false);")==-1){qmad.bvis+="qm_ibullet
s_active(o,false);";qmad.bhide+="qm_ibullets_active(a,1);";if(window.attachEvent)windo
w.attachEvent("onload",qm_ibullets_init);else
if(window.addEventListener)window.addEventListener("load",qm_ibullets_init,1);if(windo
w.attachEvent)document.attachEvent("onmouseover",qm_ibullets_hover_off);else
if(window.addEventListener)document.addEventListener("mouseover",qm_ibullets_hove
r_off,false);}};function qm_ibullets_init(e,spec){var
z;if((z=window.qmv)&&(z=z.addons)&&(z=z.item_bullets)&&(!z["on"+qmv.id]&&z["on"+q
mv.id]!=undefined&&z["on"+qmv.id]!=null))return;qm_ts=1;var q=qmad.ibullets;var
a,b,r,sx,sy;z=window.qmv;for(i=0;i<10;i++){if(!(a=document.getElementById("qm"+i))||(!isN
aN(spec)&&spec!=i))continue;var
ss=qmad[a.id];if(ss&&(ss.ibullets_main_image||ss.ibullets_sub_image)){q.mimg=ss.ibullet
s_main_image;if(q.mimg){q.mimg_a=ss.ibullets_main_image_active;if(!z)qm_ibullets _prel
oad(q.mimg_a);q.mimg_h=ss.ibullets_main_image_hover;if(!z)qm_ibullets_preload(q. mim
g_a);q.mimgwh=eval("new
Array("+ss.ibullets_main_image_width+","+ss.ibullets_main_image_height+")");r=q.mimg
wh;if(!r[0])r[0]=9;if(!r[1])r[1]=6;sx=ss.ibullets_main_position_x;sy=ss.ibullets_main_positio
n_y;if(!sx)sx=0;if(!sy)sy=0;q.mpos=eval("new
Array('"+sx+"','"+sy+"')");q.malign=eval("new
Array('"+ss.ibullets_main_align_x+"','"+ss.ibullets_main_align_y+"')");r=q.malign;if(!r[0])r[
0]="right";if(!r[1])r[1]="center";}q.simg=ss.ibullets_sub_image;if(q.simg){q.simg_a=ss.ibull
ets_sub_image_active;if(!z)qm_ibullets_preload(q.simg_a);q.simg_h=ss.ibullets_su b_ima
ge_hover;if(!z)qm_ibullets_preload(q.simg_h);q.simgwh=eval("new
Array("+ss.ibullets_sub_image_width+","+ss.ibullets_sub_image_height+")");r=q.simgwh;
if(!r[0])r[0]=6;if(!r[1])r[1]=9;sx=ss.ibullets_sub_position_x;sy=ss.ibullets_sub_position_y;if(
!sx)sx=0;if(!sy)sy=0;q.spos=eval("new Array('"+sx+"','"+sy+"')");q.salign=eval("new
Array('"+ss.ibullets_sub_align_x+"','"+ss.ibullets_sub_align_y+"')");r=q.salign;if(!r[0])r[0]=
"right";if(!r[1])r[1]="middle";}q.type=ss.ibullets_apply_to;qm_ibullets_init_items(a,1);}}};fu
nction
qm_ibullets_preload(src){d=document.createElement("DIV");d.style.display="none";d.inn
erHTML="<img src="+src+" width=1
height=1>";document.body.appendChild(d);};function qm_ibullets_init_items(a,main){var
q=qmad.ibullets;var aa,pf;aa=a.childNodes;for(var
j=0;j<aa.length;j++){if(aa[j].tagName=="A"){if(window.attachEvent)aa[j].attachEvent("onmo
useover",qm_ibullets_hover);else
if(window.addEventListener)aa[j].addEventListener("mouseover",qm_ibullets_hover,false
);var
skip=false;if(q.type!="all"){if(q.type=="parent"&&!aa[j].cdiv)skip=true;if(q.type=="non-pare
nt"&&aa[j].cdiv)skip=true;}if(!skip){if(main)pf="m";else pf="s";if(q[pf+"img"]){var
ii=document.createElement("IMG");ii.setAttribute("src",q[pf+"img"]);ii.setAttribute("width",
q[pf+"imgwh"][0]);ii.setAttribute("height",q[pf+"imgwh"][1]);ii.style.borderWidth="0px";ii.s
tyle.position="absolute";var ss=document.createElement("SPAN");var
s1=ss.style;s1.display="block";s1.position="relative";s1.fontSize="1px";s1.lineHeight="0
px";s1.zIndex=1;ss.ibhalign=q[pf+"align"][0];ss.ibvalign=q[pf+"align"][1];ss.ibiw=q[pf+"im
gwh"][0];ss.ibih=q[pf+"imgwh"][1];ss.ibposx=q[pf+"pos"][0];ss.ibposy=q[pf+"pos"][1];qm
_ibullets_position(aa[j],ss);ss.appendChild(ii);aa[j].qmibullet=aa[j].insertBefore(ss,aa[j].firs
tChild);aa[j]["qmibullet"+pf+"a"]=q[pf+"img_a"];aa[j]["qmibullet"+pf+"h"]=q[pf+"img_h"];a
a[j].qmibulletorig=q[pf+"img"];ss.setAttribute("qmvbefore",1);ss.setAttribute("isibullet",1);i
f(aa[j].className.indexOf("qmactive")+1)qm_ibullets_active(aa[j]);}}if(aa[j].cdiv)new
qm_ibullets_init_items(aa[j].cdiv);}}};function
qm_ibullets_position(a,b){if(b.ibhalign=="right")b.style.left=(a.offsetWidth+parseInt(b.ibpos
x)-b.ibiw)+"px";else
if(b.ibhalign=="center")b.style.left=(parseInt(a.offsetWidth/2)-parseInt(b.ibiw/2)+parseInt(b.i
bposx))+"px";else
b.style.left=b.ibposx+"px";if(b.ibvalign=="bottom")b.style.top=(a.offsetHeight+parseInt(b.i
bposy)-b.ibih)+"px";else
if(b.ibvalign=="middle")b.style.top=parseInt((a.offsetHeight/2)-parseInt(b.ibih/2)+parseInt(b.
ibposy))+"px";else b.style.top=b.ibposy+"px";};function
qm_ibullets_hover(e,targ){e=e||window.event;if(!targ){var
targ=e.srcElement||e.target;while(targ.tagName!="A")targ=targ[qp];}var
ch=qmad.ibullets.lasth;if(ch&&ch!=targ){qm_ibullets_hover_off(new
Object(),ch);}if(targ.className.indexOf("qmactive")+1)return;var wo=targ.qmibullet;var
ma=targ.qmibulletmh;var sa=targ.qmibulletsh;if(wo&&(ma||sa)){var
ti=ma;if(sa&&sa!=undefined)ti=sa;if(ma&&ma!=undefined)ti=ma;wo.firstChild.src=ti;qmad.i
bullets.lasth=targ;}if(e)qm_kille(e);};function
qm_ibullets_hover_off(e,o){if(!o)o=qmad.ibullets.lasth;if(o&&o.className.indexOf("qmacti
ve")==-1){var os=o.getElementsByTagName("SPAN");for(var
i=0;i<os.length;i++){if(os[i].getAttribute("isibullet"))os[i].firstChild.src=o.qmibulletorig;}}};fu
nction qm_ibullets_active(a,hide){var wo=a.qmibullet;var ma=a.qmibulletma;var
sa=a.qmibulletsa;if(!hide&&a.className.indexOf("qmactive")==-1)return;if(hide&&a.idiv){v
ar o=a.idiv;var os=o.getElementsByTagName("SPAN");for(var
i=0;i<os.length;i++){if(os[i].getAttribute("isibullet"))os[i].firstChild.src=o.qmibulletorig;}}els
e
{if(!a.cdiv.offsetWidth)a.cdiv.style.visibility="inherit";qm_ibullets_wait_relative(a);if(a.cdiv){
var aa=a.cdiv.childNodes;for(var
i=0;i<aa.length;i++){if(aa[i].tagName=="A"&&aa[i].qmibullet)qm_ibullets_position(aa[i],aa[i].
qmibullet);}}if(wo&&(ma||sa)){var
ti=ma;if(sa&&sa!=undefined)ti=sa;if(ma&&ma!=undefined)ti=ma;wo.firstChild.src=ti;}}};fun
ction
qm_ibullets_wait_relative(a){if(!a)a=qmad.ibullets.cura;if(a.cdiv){if(a.cdiv.qmt ree&&a.cdiv.s
tyle.position!="relative"){qmad.ibullets.cura=a;setTimeout("qm_ibcss_wait_relative()",10);r
eturn;}var aa=a.cdiv.childNodes;for(var
i=0;i<aa.length;i++){if(aa[i].tagName=="A"&&aa[i].qmibullet)qm_ibullets_position(aa[i],aa[i].
qmibullet);}}}/* ]]> */</script>
</head>
<body style="margin:40px;background-color:#ffffff;"><noscript><span
style="font-size:13px;font-family:arial;"><span
style="color:#dd3300">Warning!</span>  QuickMenu may have been
blocked by IE-SP2's active content option. This browser feature blocks JavaScript from
running locally on your computer.<br><br>This warning will not display once the menu is
on-line. To enable the menu locally, click the yellow bar above, and select <span
style="color:#0033dd;">"Allow Blocked Content"</span>.<br><br>To permanently enable
active content locally...<div style="padding:0px 0px 30px 10px;color:#0033dd;"><br>1:
Select 'Tools' --> 'Internet Options' from the IE menu.<br>2: Click the 'Advanced' tab.<br>3:
Check the 2nd option under 'Security' in the tree (Allow active content to run in files on my
computer.)</div></span></noscript>
<!-- QuickMenu Structure [Menu 0] -->
<ul id="qm0" class="qmmc">
<li><a class="qmparent" href="javascript:void(0)">Who We Are</a>
<ul>
<li><a href="javascript:void(0)">Management</a></li>
<li><a class="qmparent" href="javascript:void(0)">Global Sites</a>
<ul>
<li><a href="javascript:void(0)">Asia</a></li>
<li><a href="javascript:void(0)">South America</a></li>
<li><a href="javascript:void(0)">Australia</a></li>
<li><a href="javascript:void(0)">North America</a></li>
<li><a href="javascript:void(0)">Europe</a></li>
<li><a href="javascript:void(0)">Africa</a></li>
</ul></li>
<li><a class="qmparent" href="javascript:void(0)">Investors</a>
<ul>
<li><a href="javascript:void(0)">Worldwide</a></li>
<li><a href="javascript:void(0)">Equity Funds</a></li>
<li><a href="javascript:void(0)">Multi National</a></li>
<li><a href="javascript:void(0)">Canadian</a></li>
<li><a href="javascript:void(0)">Specifics</a></li>
<li><a href="javascript:void(0)">US Origins</a></li>
</ul></li>
<li><a href="javascript:void(0)">Worldwide</a></li>
<li><a href="javascript:void(0)">Product Overview</a></li>
<li><a href="javascript:void(0)">Publicity</a></li>
<li><a href="javascript:void(0)">Media Events</a></li>
</ul></li>
<li><a class="qmparent" href="javascript:void(0)">Our Commitment</a>
<ul>
<li><a href="javascript:void(0)">Satisfaction</a></li>
<li><a href="javascript:void(0)">Our Goals</a></li>
<li><a href="javascript:void(0)">Product Warranty</a></li>
<li><a href="javascript:void(0)">Future Outlook</a></li>
<li><a href="javascript:void(0)">Product Quality</a></li>
<li><a href="javascript:void(0)">Continued Support</a></li>
</ul></li>
<li><a class="qmparent" href="javascript:void(0)">Our Investors</a>
<ul>
<li><a href="javascript:void(0)">Annual Meetings</a></li>
<li><a href="javascript:void(0)">Financial Reports</a></li>
<li><a href="javascript:void(0)">Nasdaq Quoting</a></li>
<li><a href="javascript:void(0)">Dividend Information</a></li>
<li><a href="javascript:void(0)">Future Outlook</a></li>
<li><a href="javascript:void(0)">CEO Announcements</a></li>
</ul></li>
<li><a class="qmparent" href="javascript:void(0)">Technology</a>
<ul>
<li><a href="javascript:void(0)">Satisfaction</a></li>
<li><a href="javascript:void(0)">Our Goals</a></li>
<li><a href="javascript:void(0)">Product Warranty</a></li>
<li><a href="javascript:void(0)">Future Outlook</a></li>
<li><a href="javascript:void(0)">Product Quality</a></li>
<li><a href="javascript:void(0)">Continued Support</a></li>
</ul></li>
<li class="qmclear"> </li></ul>
<!-- Create Menu Settings: (Menu ID, Is Vertical, Show Timer, Hide Timer, On Click ('all',
'main' or 'lev2'), Right to Left, Horizontal Subs, Flush Left, Flush Top) -->
<script type="text/javascript">qm_create(0,true,0,500,false,false,false,false,false);</script>
</body>
</html>
and press Save
Now for the module:
Adminc CP -> vBa CMPS -> Add Module -> Template Module
Title - you title as you want it to appear
Template to Include - > adv_portal_navigation ( the template we created earlier)
Click on Default Style and the press Save
This will create a dynamic menu on your vBa CMPS index which is really cool (for my part :D) now the menu that appear, are changeable, you can go to the template you created earlier and edit the the menus by going to this part of code.
!-- QuickMenu Structure [Menu 0] -->
<ul id="qm0" class="qmmc">
<li><a class="qmparent" href="javascript:void(0)">Who We Are</a>
<ul>
<li><a href="javascript:void(0)">Management</a></li>
<li><a class="qmparent" href="javascript:void(0)">Global Sites</a>
<ul>
<li><a href="javascript:void(0)">Asia</a></li>
<li><a href="javascript:void(0)">South America</a></li>
<li><a href="javascript:void(0)">Australia</a></li>
<li><a href="javascript:void(0)">North America</a></li>
<li><a href="javascript:void(0)">Europe</a></li>
<li><a href="javascript:void(0)">Africa</a></li>
</ul></li>
<li><a class="qmparent" href="javascript:void(0)">Investors</a>
<ul>
<li><a href="javascript:void(0)">Worldwide</a></li>
<li><a href="javascript:void(0)">Equity Funds</a></li>
<li><a href="javascript:void(0)">Multi National</a></li>
<li><a href="javascript:void(0)">Canadian</a></li>
<li><a href="javascript:void(0)">Specifics</a></li>
<li><a href="javascript:void(0)">US Origins</a></li>
</ul></li>
<li><a href="javascript:void(0)">Worldwide</a></li>
<li><a href="javascript:void(0)">Product Overview</a></li>
<li><a href="javascript:void(0)">Publicity</a></li>
<li><a href="javascript:void(0)">Media Events</a></li>
</ul></li>
<li><a class="qmparent" href="javascript:void(0)">Our Commitment</a>
<ul>
<li><a href="javascript:void(0)">Satisfaction</a></li>
<li><a href="javascript:void(0)">Our Goals</a></li>
<li><a href="javascript:void(0)">Product Warranty</a></li>
<li><a href="javascript:void(0)">Future Outlook</a></li>
<li><a href="javascript:void(0)">Product Quality</a></li>
<li><a href="javascript:void(0)">Continued Support</a></li>
</ul></li>
<li><a class="qmparent" href="javascript:void(0)">Our Investors</a>
<ul>
<li><a href="javascript:void(0)">Annual Meetings</a></li>
<li><a href="javascript:void(0)">Financial Reports</a></li>
<li><a href="javascript:void(0)">Nasdaq Quoting</a></li>
<li><a href="javascript:void(0)">Dividend Information</a></li>
<li><a href="javascript:void(0)">Future Outlook</a></li>
<li><a href="javascript:void(0)">CEO Announcements</a></li>
</ul></li>
<li><a class="qmparent" href="javascript:void(0)">Technology</a>
<ul>
<li><a href="javascript:void(0)">Satisfaction</a></li>
<li><a href="javascript:void(0)">Our Goals</a></li>
<li><a href="javascript:void(0)">Product Warranty</a></li>
<li><a href="javascript:void(0)">Future Outlook</a></li>
<li><a href="javascript:void(0)">Product Quality</a></li>
<li><a href="javascript:void(0)">Continued Support</a></li>
</ul></li>
<li class="qmclear"> </li></ul>
you can also add new menus and submenus its all up to you want you want to do.
if you get something like this where the menu shows above the Navigation bar
see image:
http://img27.picoodle.com/img/img27/4/5/18/f_problm_cb88415.png
then you can just avoid border apperance by doing this....
Admin CP -> vBa CMPS -> Edit Module -> (Select the Navigation Module you created earlier) -> then under Module Wrapper Template Options in the Use Module Wrapper Template change selected radio from Yes to No and click Save .
DEMO : www.newbornlive.net
Hope you'll enjoy it