dedecmsナビゲーション



  
  
  
  
  1. <div id="navMenu"> 
  2.         <ul> 
  3.         <li><a href='{dede:global.cfg_cmsurl/}/'> </a></li> 
  4.         {dede:channel type='top' row='10'
  5.         <li><a href='[field:typeurl/]' [field:rel/]>[field:typename/]</a></li> 
  6.         {/dede:channel} 
  7.         </ul> 
  8.     </div> 

 CSS:
 

  
  
  
  
  1. /* ---------   ----------------*/ 
  2.  
  3. #navMenu { 
  4.     width:960px; 
  5.     overflow:hidden; 
  6.     height: 48px; 
  7.     background-color: #0053AD; 
  8.     margin-right: auto; 
  9.     margin-left: auto; 
  10.     margin-bottom: 5px; 
  11.     margin-top: 5px; 
  12. #navMenu ul { 
  13.     float:left; 
  14.     height: 48px; 
  15.     margin-left: 10px; 
  16. #navMenu ul li { 
  17.     float:left; 
  18.     height: 48px; 
  19.     display: block; 
  20.     line-height: 48px; 
  21.     padding-right: 10px; 
  22.     padding-left: 10px; 
  23. #navMenu ul li a { 
  24.     color: #FFFFFF; 
  25.     height: 48px; 
  26.     text-decoration:none; 
  27.     display: inline-block; 
  28.     position: relative; 
  29.     font-size: 16px; 
  30.     line-height: 48px; 
  31.     font-weight: bold; 
  32.     font-family: " "; 
  33. /*... li ......*/ 
  34. #navMenu ul li:hover { 
  35.     text-decoration:none; 
  36.     display: inline-block; 
  37.     position: relative; 
  38.     background-color: #FF6600; 

End !