香港独立IP空间
香港php空间
美国php空间
域名注册

使用php空间搭建ECTouch程序的站长都知道,程序安装好后,在首页的快速导航栏是带有边框的,这让人看上去觉得别扭,而我们经常逛的一些商城网站像淘宝、京东、苏宁的导航栏就没有边框,于是无忧主机小编就想办法去除了这些不好看的边框,下面为大家分享去除ECTouch导航栏边框的操作过程。

找到导航栏的样式表位置

用电脑浏览器访问ECTouch程序,以谷歌浏览器为例,在首页的导航栏边框位置点击鼠标右键,选择检查,如图1所示,

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

在控制台的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所示的,

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

在地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所示,

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

边框已经去除。

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

喜欢本文或觉得本文对您有帮助,请分享给您的朋友 ^_^

阅读本文的人还阅读: