新聞中心
Dedecms應(yīng)用經(jīng)驗(yàn):修改dedecms首頁導(dǎo)航菜單之間的間距
dede簡單、強(qiáng)大、容易上手,任何新手站長都會(huì)很容易的掌握它。Dedecms是一個(gè)很成熟的系統(tǒng),站長只需要會(huì)有它,并用好它,使讓dede為你馬首是瞻。無憂主機(jī)(m.gle-technology.com)在維護(hù)dedecms系統(tǒng)中,積累一些使用經(jīng)驗(yàn),日后將陸續(xù)將dedecms應(yīng)用的小技巧,小經(jīng)驗(yàn)整理成文檔奉獻(xiàn)給大家。今天我要向大家介紹的是:修改dedecms首頁導(dǎo)航菜單欄之間的間距。 在用dede建站中,難免發(fā)生dede模版的默認(rèn)間距無法滿足要求,為了是dede首頁排版更加合理,這就需要我們小小的修改一下dede模版,來達(dá)到我們想要的效果。由于dede模版的使用div+css+html制作的,我們只需要修改一下css文件就可以實(shí)現(xiàn)了,下面我以dedecmsv5.6的官方默認(rèn)模版為例,來講解如何修改css文件來實(shí)現(xiàn)修改dede首頁導(dǎo)航欄菜單之間的間距。 請(qǐng)用戶登錄php虛擬主機(jī)的ftp空間,在dede默認(rèn)模版目錄下找到dedecms.css文件,并下載下來。詳細(xì)路徑為:dede網(wǎng)站根目錄/templets/default/style/dedecms.css 用Editplus編輯器打開dedecms.css文件,搜索:“#navMenu ul li”如下紅色字體(margin-right: 10px)就是dede導(dǎo)航菜單的間距。 #navMenu ul li { ?????? float:left;?????? ?????? height: 22px; ?????? margin-right: 10px; ?????? margin-left: -3px; ?????? padding-left: 10px; 為了演示效果,我將margin-right的值改為:50px 如下圖: 修改后保存,并上傳的ftp。下面就是我修改前后的效果對(duì)比圖: Dede默認(rèn)導(dǎo)航菜單間距(margin-right: 10px;) 修改Dede默認(rèn)導(dǎo)航菜單間距(margin-right: 50px;) 這個(gè)雖然是一個(gè)小小的技能,但是很實(shí)用。希望能幫助你。歡迎選購無憂主機(jī)香港/美國 純Linux環(huán)境下高端php空間全年僅需99元起。
本文地址:http://m.gle-technology.com/dedecms/1530.html