新闻中心

ECTouch如何去掉快速导航栏的边框

作者 / 时间 2018-01-09 19:19:34

使用php空间搭建ECTouch程序的站长都知道,程序安装好后,在首页的快速导航栏是带有边框的,这让人看上去觉得别扭,而我们经常逛的一些商城网站像淘宝、京东、苏宁的导航栏就没有边框,于是无忧主机小编就想办法去除了这些不好看的边框,下面为大家分享去除ECTouch导航栏边框的操作过程。 找到导航栏的样式表位置 用电脑浏览器访问ECTouch程序,以谷歌浏览器为例,在首页的导航栏边框位置点击鼠标右键,选择检查,如图1所示, 图1 在控制台的style中,对应的类是.ect-row-nav li,我们只需要在程序将这个css的border改为0即可,通过notepad工具检索,该标签存在于下列五个模板样式中: \themes\default\css\ectouch.css  //默认模板 \default\css\ectouch_green.css  //绿色模板 \default\css\ectouch_orange.css  //橙色模板 \default\css\ectouch_purple.css  //紫色模板 \default\css\ectouch_red.css  //红色模板 修改模板样式 以修默认模板的样式表为例,其他的修改方法是一样的,将ectouch.css文件用ftp工具下载到本地,使用文本编辑器打开检索找到.ect-row-nav li,如图2所示的, 图2 在地272行找到下载这段代码:


.ect-row-nav li { border: 1px #e3e3e3 solid; padding: 0.8em 0; border-left: none; border-bottom: none; }
改为

.ect-row-nav li { border: 0px #e3e3e3 solid; padding: 0.8em 0; border-left: none; border-bottom: none; }
即修改border:1px;为border:0px; 其他模板样式表的默认位置都是在第198行。全部修改好后保存并上传回空间,到回首页刷新浏览器,如图3所示, 图3 边框已经去除。

本文地址:https://www.51php.com/ectouch/26111.html

1
1
1
1
1
1
1