26日
10月

dede 導航上如何實現二級菜單

首先,復制代碼:
 程序代碼
<!-- //二級子類下拉菜單,考慮SEO原因放置于底部  -->
<script type='text/javascript' src='{dede:global.cfg_cmsurl/}/images/js/dropdown.js'></script>
{dede:channelartlist typeid='top' cacheid='channelsonlist'}<ul id="dropmenu{dede:field.typeid/}" class="dropMenu">
  {dede:channel type='son' noself='yes'}  <li><a href="[field:typelink/]">[field:typename/]</a></li>
  {/dede:channel}
</ul>
{/dede:channelartlist}
<script type="text/javascript">cssdropdown.startchrome("navMenu")</script>
<!-- //底部模板 -->
 
粘貼到DedeCMS5.7的模板文件 /templets/default/footer.htm中的頂端位置。
刷新會發現導航欄已經出現下拉菜單了,但背景是透明的,原因是沒有背景圖片。
到\dede\img里找mmenubg.gif復制到/templets/default/images下面,刷新再看一下效果,呵呵,導航欄是不是已經出現熟悉的下拉菜單了。
下拉菜單的邊框還是原來藍色的,修改/templets/default/style下的dedecms.css,找到代碼:
 
 程序代碼
 
.dropMenu { 
    position:absolute; 
    top: 0; 
    z-index:100; 
    width: 120px; 
    visibility: hidden; 
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA, direction=135, strength=4);  //一個濾鏡效果
    margin-top: -1px; 
    border: 1px solid #93E1EB; //設置邊框的顏色
    background:url(../images/xxx.gif); //設置背景圖片
 
把最后一行的顏色代碼#93E1EB修改為你要的顏色即可。

更多




請輸入您的Email地址,訂閱dedecms電子報:
(建議使用QQ郵箱, Gmail, Yahoo, 163, 126郵箱)

填寫您的郵件地址,訂閱我們的精彩內容:

上一篇:如何去除Dedecms后臺登錄驗證碼       下一篇:dede如何實現別人復制文章自動加上網站版權信息

最新的評論會顯示在最上方,您的每一次鼓勵,都會成為我們成長的動力!


請不要在評論里發HTML格式的鏈接,會直接被屏蔽。
德州直播精华