親注冊(cè)登錄道勤網(wǎng)-可以查看更多帖子內(nèi)容哦。ò蕡D片、文字詳情等)請(qǐng)您及時(shí)注冊(cè)登錄-bmrsportswear.com
您需要 登錄 才可以下載或查看,沒(méi)有賬號(hào)?立即注冊(cè)
x
hot和new小圖標(biāo)素材.rar
(120.37 KB, 下載次數(shù): 0)
2016-4-20 19:58 上傳
點(diǎn)擊文件名下載附件
導(dǎo)航增加new或hot圖標(biāo)的方法以及資源下載 下載積分: 金錢(qián) -1
實(shí)現(xiàn)方法:(共二步)
第一步:template/default/common/header.htm(注意紅色部分,如果你不是官方默認(rèn)模板,請(qǐng)修改相應(yīng)風(fēng)格目錄下的文件)
查找:
復(fù)制代碼
在下面一行加入:
- <div id="topmenu"><div class="topmenu1"> <sup></sup></div>
- <div class="topmenu2"> <sup></sup></div></div>
復(fù)制代碼
第二步:打開(kāi)template/default/common/common.css文件
在最底部加入
- /*導(dǎo)航欄浮動(dòng)小圖標(biāo)*/
- #topmenu{position:relative;z-index:5;}
- .topmenu1 sup{display:block; width:26px; height:27px; position:absolute;background-image:url(/images/soonew/hot13.gif); background-position:0 0; top:-15px; right:350px; _right:515px; clear:left;z-index:5;}
- .topmenu2 sup{display:block; width:28px; height:18px; position:absolute;background-image:url(/images/soonew/New15.gif); background-position:0 0; top:-15px; right:430px; _right:515px; clear:left;z-index:5;}
復(fù)制代碼
解釋?zhuān)?/strong>
/images/soonew/hot13.gif圖片路徑自行修改。
top:-15px; right:430px; 圖標(biāo)的坐標(biāo),請(qǐng)自行修改。
z-index:5圖片處于的哪一個(gè)層,請(qǐng)自行修改(如果你的new和hot小圖標(biāo)被圖層擋住,請(qǐng)?jiān)黾哟酥?00或者1000都可以)
注意:
經(jīng)過(guò)調(diào)試,仍然不能做到兼容所有的瀏覽器。其實(shí)許多大站也不能做到100%兼容所有瀏覽器。IE核心和webKit核心的層表述方式不一。限于本人能力有限,只找到了折中的辦法:就是把你的圖片位置調(diào)整到導(dǎo)航欄上。如本站導(dǎo)航欄
道勤主機(jī)提供365天*24小時(shí)全年全天無(wú)休、實(shí)時(shí)在線(xiàn)、零等待的售后技術(shù)支持。竭力為您免費(fèi)處理您在使用道勤主機(jī)過(guò)程中所遇到的一切問(wèn)題!
如果您是道勤主機(jī)用戶(hù),那么您可以通過(guò)QQ【792472177】、售后QQ【59133755】、旺旺【詮釋意念】、微信:q792472177免費(fèi)電話(huà)、后臺(tái)提交工單這些方式聯(lián)系道勤主機(jī)客服!
如果您不是我們的客戶(hù)也沒(méi)問(wèn)題,點(diǎn)擊頁(yè)面最右邊的企業(yè)QQ在線(xiàn)咨詢(xún)圖標(biāo)聯(lián)系我們并購(gòu)買(mǎi)后,我們?yōu)槟赓M(fèi)進(jìn)行無(wú)縫搬家服務(wù),讓您享受網(wǎng)站零訪(fǎng)問(wèn)延遲的遷移到道勤主機(jī)的服務(wù)! |