详细说明DEDECMS 几行导航栏莱单栏的完成方式

摘要: 详细说明DEDECMS 几行导航栏莱单栏的完成方式|频道:DedeCMS|点一下: 次处理的实际方式,最先改照片。\templets\images\header_bg.png 用PHOTOSHOP变更成你喜爱的导航栏栏款式。非常简单偷懒的方...

详细说明DEDECMS 几行导航栏莱单栏的完成方式 |频道:DedeCMS|点一下: 次

处理的实际方式,最先改照片。\templets\images\header_bg.png

用PHOTOSHOP变更成你喜爱的导航栏栏款式。非常简单偷懒的方式是开启这一照片随后选定下边那一段大概33象素的图,再次转化成一个33象素的照片就可以。或是略微改下色调甚么的,随你的想像去改。

同时留意变更header_hover.png这一照片,色调或款式要和图中相匹配。

随后必须变更的是templets\default\head.htm

 div id="navMenu" 
 li a href='{dede:global.cfg_cmsurl/}/' 首页 /a /li 
{dede:channel type='top' row='10' currentstyle=" li a href='~typelink~' ~rel~ ~typename~ /a /li "} 
 li a href='[field:typeurl/]' [field:rel/] [field:typename/] /a /li 
{/dede:channel} 
 /ul 
 /div 

这一段编码就是你导航栏栏的,在其中

 li a href='{dede:global.cfg_cmsurl/}/' 首页 /a /li 

是第一个新项目‘首页’,在这里里大家要改为4个字的(或是依据你频道的篇幅自身调节篇幅,我的频道全是4个字的,这儿也改为4个字的应用起來就很适合),例如我也改为了‘首页’

{dede:channel type='top' row='10' currentstyle=" li a href='~typelink~' ~rel~ ~typename~ /a /li "} 

查阅DEDE标识指南能够了解ROW的功效,这儿大家例如改为30你导航栏栏就数最多能够显示信息30个。

再次找到面这一段编码

 div 
 form action="{dede:field name='phpurl'/}/search.php" name="formsearch" 
 div 
 h4 检索 /h4 
 input type="hidden" name="kwtype" value="0" / 
 input name="keyword" type="text" id="search-keyword" / 
 select name="searchtype" id="search-option" 
 option value="titlekeyword" selected='1' 智能化模糊不清检索 /option 
 option value="title" 仅检索题目 /option 
 /select 
 button type="submit" 检索 /button 
 /div 
 /form 
 div 
 h4 受欢迎标识 /h4 
{dede:tag row='8' getall='1' sort='month'} li a href='[field:link/]' [field:tag /] /a /li 
{/dede:tag} 
 /ul 
 /div 
 /div !-- //search -- 

这儿是检索框那一行的编码,假如不愿要就立即删了,假如还要想,就裁切,随后放进它下面的哪个 /div 或是更下面哪个,你自身试一下看,究竟哪个我忘记了。

改到这儿应当就基本类似了,你可以以试着升级一下系统软件缓存文件并转化成,看一下实际效果。

假如实际效果并不大好,能够然后跟我改。

templets\style\dedecms.css

这一文档大概是操纵你网页页面一部分合理布局和导航栏栏及其其他的。寻找着一段

.blue .top { 
background-position: 0 -87px; 
background-repeat: repeat-x; 
height: 77px; 
.blue .top .t_l { 
background-position: -13px 0; 
background-repeat: no-repeat; 
height: 77px; 
width: 7px; 
.blue .top .t_r { 
background-position: 0 0; 
background-repeat: no-repeat; 
height: 77px; 
width: 10px; 

由于大家把照片给改为高33象素了,因此改为以下:

/*------ 深蓝色 -------*/ 
.blue .top { 
background-position: 0 0px; 
background-repeat: repeat-x; 
height: 33px; 

其他2个能够删除或是也改为0 0 和33随意了,它是偷懒的方式,假如想转化成更好看的导航栏栏请自身在照片上下功夫就可以。

之上便是文中的所有內容,期待对大伙儿的学习培训有一定的协助,也期待大伙儿多多的适用本网。



联系我们

全国服务热线:4000-399-000 公司邮箱:343111187@qq.com

  工作日 9:00-18:00

关注我们

官网公众号

官网公众号

Copyright?2020 广州凡科互联网科技股份有限公司 版权所有 粤ICP备10235580号 客服热线 18720358503