无法在这个位置找到: head2.htm
当前位置: 建站首页 > 新闻动态 > 行业新闻 >

织梦cmsdedecms5.7sp1极致完成往下拉莱单全自动启用

时间:2021-02-27 15:58来源:未知 作者:jianzhan 点击:
LI A href= {dede:global.cfg_indexurl/} /A /LI {dede:channel row='10' type ='top'}li a href= [field:typeurl/] [field:rel/] [field:typename/] /a /li /LI {/dede:channel}/UL /div 大家要是留意灰黑色的这一行,这一是輸出导航栏
LI A href= {dede:global.cfg_indexurl/} /A /LI
{dede:channel row='10' type ='top'}
li a href= [field:typeurl/] [field:rel/] [field:typename/] /a /li /LI
{/dede:channel}
/UL
/div

大家要是留意灰黑色的这一行,这一是輸出导航栏栏频道的,必须在这里里加上上鲜红色的一部分[field:rel/] 你要要大量款式必须你自身渐渐地检测了。
提示:这儿务必用id= navMenu ,在css报表里吧头顶部的id或是class变更为默认设置这一。
二、你自身网站已经用的模版的footer.htm或是index.htm,head.htm这些都可,这儿强烈推荐footer.htm。
在网页页面上加上以下java编码,所有拷贝黏贴就可以。

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/} > {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

三、到templets\default\style 中开启dedecms.css
找寻.dropMenu 这一类,拷贝他的全部编码到你自身的css中,
你还可以立即拷贝下边的编码到你的css中。
以下:
.dropMenu {
position:absolute;
top: 0;
z-index:100;
width: 80px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA, direction=135, strength=4);
margin-top: -1px;
border: 3px solid #FF0000;
border-top: 0px solid #3CA2DC;
background-color: #FFF;
background:url(templets/sdgwy/index_files/mmenubg.gif);
padding-top:6px;
padding-bottom:6px;
}
.dropMenu li {
margin-top:2px;
margin-bottom:4px;
padding-left:6px;
}
.dropMenu a {
width: auto;
display: block;
color: black;
padding: 2px 0 2px 1.2em;
}
* html .dropMenu a {
width: 100%;
}
.dropMenu a:hover {
color:red;
text-decoration: underline;
}

自然这儿面能够改动往下拉莱单款式,这一能够自身调节,包含往下拉的情况色。
历经上边的三步后,你的dede往下拉莱单作用就完成了,坚信对你很有协助的。

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: ajaxfeedback.htm
栏目列表
推荐内容


扫描二维码分享到微信