新聞中心
ECTouch如何去掉快速導(dǎo)航欄的邊框
使用php空間搭建ECTouch程序的站長都知道,程序安裝好后,在首頁的快速導(dǎo)航欄是帶有邊框的,這讓人看上去覺得別扭,而我們經(jīng)常逛的一些商城網(wǎng)站像淘寶、京東、蘇寧的導(dǎo)航欄就沒有邊框,于是無憂主機(jī)小編就想辦法去除了這些不好看的邊框,下面為大家分享去除ECTouch導(dǎo)航欄邊框的操作過程。 找到導(dǎo)航欄的樣式表位置 用電腦瀏覽器訪問ECTouch程序,以谷歌瀏覽器為例,在首頁的導(dǎo)航欄邊框位置點(diǎn)擊鼠標(biāo)右鍵,選擇檢查,如圖1所示, 在控制臺的style中,對應(yīng)的類是.ect-row-nav li,我們只需要在程序?qū)⑦@個(gè)css的border改為0即可,通過notepad工具檢索,該標(biāo)簽存在于下列五個(gè)模板樣式中: \themes\default\css\ectouch.css??//默認(rèn)模板 \default\css\ectouch_green.css??//綠色模板 \default\css\ectouch_orange.css??//橙色模板 \default\css\ectouch_purple.css??//紫色模板 \default\css\ectouch_red.css??//紅色模板 修改模板樣式 以修默認(rèn)模板的樣式表為例,其他的修改方法是一樣的,將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; 其他模板樣式表的默認(rèn)位置都是在第198行。全部修改好后保存并上傳回空間,到回首頁刷新瀏覽器,如圖3所示, 邊框已經(jīng)去除。
本文地址:http://www.gle-technology.com/ectouch/26111.html