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

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

本文地址：https://www.gaosudu.com/ectouch/26111.html