<Map> <ulclass= "Nav-site">{pc:content action= "category" catid= "0" num= "siteid=" $siteid "order=" Listorder ASC "}<Li><ahref= "{SiteURL ($siteid)}"><span>Home</span></a></Li> <Liclass= "line">|</Li>{loop $data $k $v}<Li><ahref= "{$v [url]}">{$v [catname]}<!--[If IE 7]><! -</a><!--<! [EndIf] - <!--[If LTE IE 6]><table><tr><td><! [EndIf] - <ul>{pc:content action= "category" Catid= "$k" num= "siteid=" $siteid "order=" Listorder ASC "} { Loop $data $b $d}<Li><ahref= "{$d [url]}">{$d [catname]}<!--[If IE 7]><! -</a><!--<! [EndIf] - <!--[If LTE IE 6]><table><tr><td><! [EndIf] - <ulclass= "Nav-site22">{pc:content action= "category" Catid= "$b" num= "siteid=" $siteid "order=" Listorder ASC "} {Loop $data $r}<Li><ahref= "{$r [url]}">{$r [catname]}</a></Li>{/loop} {/PC}</ul> </Li>{/loop} {/PC}</ul> <!--[If LTE IE 6]></td></tr></table></a><! [EndIf] - </Li> <Liclass= "line">|</Li>{/loop} {/PC}</ul>{php echo runhook (' Glogal_menu ')}</Map>
The CSS code is as follows:
. Nav-site{List-style:None;}. Nav-site Li{position:relative;Z-index:Ten;Margin-left:0px!important;}. Nav-site ul{Visibility:Hidden;position:Absolute; Left:0px;Top:30px;}. nav-site Table{position:Absolute;Top:0; Left:0;}. Nav-site Li:hover>ul,.nav-site a:hover ul{Visibility:Visible;}. Nav-site a:hover{background:#3a6ea5;Color:#ffffff;}. Nav-site ul{ }. Nav-site ul a{Background-color:#FFF100;Color:#333333;Border-top:1px solid #7aa5d2;Border-bottom:1px solid #4e6a87;text-decoration:None;}. Nav-site ul Li{Clear:both;Height:28px!important;Line-height:28px!important;text-align:Center;font-size:13px;List-style:None; }. Nav-site ul Li a{Display:Block;width:138px;}. Nav-site ul li A:hover{Border-top:1px solid #7aa5d2;Border-bottom:1px solid #4e6a87;Color:#ffffff;background:#6d93bc;}. Nav-site22{List-style:None;Margin-left:137px;}. Nav-site22 Li{position:relative;Z-index: -;Padding-lef:0px;Bottom:30px;}. Nav-site22 ul{Visibility:Hidden;position:Absolute; Left:0px;Top:0px!important;}. Nav-site22 Table{position:Absolute;Top:0px; Left:3px;}. NAV-SITE22 li:hover> ul{Visibility:Visible;}. Nav-site22 a:hover >ul{Visibility:Visible;}. Nav-site22 a:hover{background:#3a6ea5;}. Nav-site22 ul{ }. Nav-site22 ul a{Background-color:#FFF100;Color:#ffffff;Border-top:1px solid #7aa5d2;Border-bottom:1px solid #4e6a87;text-decoration:None;}. Nav-site22 ul Li{Clear:both;Height:38px!important;Line-height:38px!important;text-align:Center;font-size:13px;List-style:None;Margin-top:10px; }. Nav-site22 ul Li a{Display:Block;width:138px;}. Nav-site22 ul li A:hover{Border-top:1px solid #7aa5d2;Border-bottom:1px solid #4e6a87;background:#6d93bc;}
PHPCMS_V9 level three navigation (with style)