在做Discuz中廣告的時候碰到個大問題,現在我需要做一個輪播的通屏廣告位,調用廣告圖片的代碼應該是以下代碼:
<ul>
<li style="background:url(圖片地址) no-repeat center top;"><a href="#"></a></li>
</ul>
我需要把圖片地址放在li的背景圖片中,來適應所有顯示器的寬度,讓圖片居中。
而且廣告位中不能放置默認圖片,還需要客戶來添加廣告圖片。
這種,那么使用默認的廣告位模板代碼就不能實現了。
按照DZ自帶的廣告位做法,從后台的廣告位中添加自定義廣告(運營->站點廣告-> 添加自定義廣告位 )
在廣告位中選擇圖片類型傳入圖片后,前台使用<!--{ad/custom_1}-->可以調用出剛才傳的廣告圖片
前台調用后的廣告代碼為:
<div style="float: left; width: 圖片寬度px; ">
<a href="#" target="_blank"><img src="圖片地址" height="350" border="0"></a>
</div>
之前的想法是改變DZ中自定義廣告位的模板代碼,找了很多文件,都沒有找到對應的地方。后來高手給我提供了一個方法,完美解決了這個問題。
1、在后台中進入門戶->模塊模板,選擇添加圖片模塊,提交
2、輸入模板名稱和模板代碼
按照上面我需要的效果,我把代碼改成了如下樣式
<ul>
[loop]
<li style="background:url("{pic}") no-repeat center top;"><a href="{url}" target="_blank" alt="{title}"></a></li>
[/loop]
</ul>
在輸入框上DZ提供了常用的標簽,根據需要更改自己的模板代碼,需要注意一點的是,之后插入圖片的時候,圖片的標題是必須輸入的,如果沒有輸入會提示標題長度不正確。而添加位置需要輸入什么內容是根據你調用了哪些標簽決定的。所以為了不彈出標題報錯,我們必須需要加入{title}標簽。
3、點擊提交之后我就建好了一個自定義的模塊模板,在列表中可以看到我們剛才添加的模板。
接下來就是要調用這個模板了,進入門戶->模塊管理,選擇數據調用。在模塊分類中選擇圖片模塊,點擊添加調用。
在彈出的編輯模塊窗口中按照你的需要填寫相關內容,需要注意的是顯示樣式這一項要選擇剛才新建好的模板名稱,點擊確定。
4、新建好后在模塊列表中就會顯示出剛才新增的模塊,添加圖片點擊右邊的數據,在彈出的模塊數據中選擇添加,按照提示加入你的圖片就可以了。
5、到這一步廣告模板已經建立好了,接下來我們就需要把廣告放到頁面中了。
調用方法是點擊模塊列表中該模塊右邊的內部調用/外部調用,把代碼放到htm文件對應的地方就大功告成了!