本篇文章给大家谈谈dedecms网站导航点击过后改变成其他背景是怎么实现的,以及对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
1、找到源文件路径:/templets/default/images中的 green_skin.png 图片
2、用ps打开编辑
3、用左侧的油漆桶工具即可填充相应颜色,
4、最后保存为保存一下,文件---存储为web所用格式,选择png格式保存
5、最后一步,用修改后的图片覆盖源文件green_skin.png,注意是否覆盖,点击"是",刷新一下前台可看到效果
{dede:channel type='top' row='10' currentstyle="li class='d74b-2e27-f7d4-fc65 select'a href='~typelink~' ~rel~span~typename~/span/a/li"}
lia href='[field:typeurl/]' [field:rel/]span[field:typename/]/span/a/li
{/dede:channel}
设置select的样式即可。这样被点击的栏目所在的li标签会显示设置的select样式
这是我的代码是可以实现的,实现效果是单击栏目下的任何内容(例如文章、二级标题等),对应的顶级标题栏都会变成home的样式,home的样式自己写
ul id="biaoti"
lia href="/"首页/a/li
{dede:channel type='top' row='10'}
lia href='[field:typeurl/]'id="a_[field:id/]"[field:typename/]/a/li
{/dede:channel}
/ul
script
var locationurl = location.href;
var biaoji=false;
$("#biaoti li a").each(function(){
var checkurl = $(this).attr("href");
if( checkurl != "/" checkurl !="" locationurl.indexOf(checkurl) != -1){
//alert("包含了给当前的加红true:"+checkurl);
biaoji=true;
$(this).addClass('home');
}else{
alert("else url:"+checkurl);
$(this).removeClass('home');
}
});
if (!biaoji){$("#biaoti li a").eq(0).addClass('home'); }
/script
这个是一个背景图片来的,要改动这个导航条的背景颜色,你需要改这个文件:/templets/images/nav-bg.gif。你可以照着自己做一个图片来覆盖它就可以了。
或者把这个文件用ps来修改,也是可以的。
祝你好运。
楼主提问是三级导航吧,控制样式也是一样的呀,找到相应的一级导航下面的li,给li背景颜色进行设置{background-color:#00F;},给二三级导航也同样进行设置就可以了。。。。{background-color:#FFF;}
写成这样
{dede:channel type='top' row='10' currentstyle="lia href='~typelink~' class='2e27-f7d4-fc65-0c7f hover' ~typename~/a/li"}
lia href="[field:typeurl/]" [field:typename/]/a/li
{/dede:channel}
然后在css 里面增加一条
li a.hover {background-color: #33cc99;}
列表页分页,可在列表页加上
div class="471d-a510-6376-bba9 dede_pages"
ul class="a510-6376-bba9-d74b pagelist"
{dede:pagelist listitem="index,end,pre,next,pageno" listsize="5"/}
/ul
/div
php文件不需要写
导航条用的是背景图片,css的地址是http://www.dedecms.com/css/dedecms.css,找到里面的
#menu {
height: 45px;
background-attachment: scroll;
background-image: url(../img/menu_background.jpg);
background-repeat: repeat-x;
}
修改background-img:url地址就好了
织梦5.7导航颜色用的是背景图片。 地址如下:(templets/default/images/green_skin.png)直接找到图片,修改图片就可以了。
如果你不是这个版本的话,直接把网址发出来,我告诉你在哪个文件,多少行
关于dedecms网站导航点击过后改变成其他背景是怎么实现的和的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。
今天给各位分享网站模板和定制的区别的知识,其中也会对设计模板网站有哪些进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文导读目录: 1、如何区别一个网站是模板网站还是定制网站?...
今天给各位分享公司网站自己是空间服务商cms的知识,其中也会对空间服务器提供商进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文导读目录: 1、公司要做个网站,想用个免费cms...
本篇文章给大家谈谈景安服务器怎么样,以及景安网络是干嘛的对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文导读目录: 1、景安的服务器怎么样?有没有用过的朋友。 2、景安服务器怎么样?...
本篇文章给大家谈谈设计电子商务网站方式,以及电子商务网站界面设计对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文导读目录: 1、电子商务网站建设需要哪些步骤? 2、创建电子商务网站的流...
本篇文章给大家谈谈中心机房服务器配置,以及中心机房服务器价格对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 文章目录列表: 1、IDC机房的服务器是怎么配置的 2、建设一个机房大概40台机...
本篇文章给大家谈谈怎么介绍网站的优缺点,以及怎么介绍网站的优缺点呢对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 文章目录列表: 1、网站优化的优缺点? 2、网站优化的优缺点 3、如何...
今天给各位分享北京随喜设计网站的知识,其中也会对鍖椾含灏氬枩璁捐进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文导读目录: 1、随喜(北京)艺术设计有限公司怎么样? 2、...
本篇文章给大家谈谈宁波企业网站建站,以及宁波企业做网站对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文导读目录: 1、宁波网站建设哪个比较好 2、宁波网站模板哪家速度快 3、宁波模...