Discuz添加自定義模板廣告

在作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中自定義廣告位的模板代碼，找了不少文件，都沒有找到對應的地方。後來高手給我提供了一個方法，完美解決了這個問題。

 

一、在後臺中進入門戶->模塊模板，選擇添加圖片模塊，提交

二、輸入模板名稱和模板代碼

按照上面我須要的效果，我把代碼改爲了以下樣式

<ul>
[loop]
 <li style="background:url("{pic}") no-repeat center top;"><a href="{url}" target="_blank" alt="{title}"></a></li>
[/loop]
</ul>

在輸入框上DZ提供了經常使用的標籤，根據須要更改本身的模板代碼，須要注意一點的是，以後插入圖片的時候，圖片的標題是必須輸入的，若是沒有輸入會提示標題長度不正確。而添加位置須要輸入什麼內容是根據你調用了哪些標籤決定的。因此爲了避免彈出標題報錯，咱們必須須要加入{title}標籤。

三、點擊提交以後我就建好了一個自定義的模塊模板，在列表中能夠看到咱們剛纔添加的模板。

接下來就是要調用這個模板了，進入門戶->模塊管理，選擇數據調用。在模塊分類中選擇圖片模塊，點擊添加調用。

在彈出的編輯模塊窗口中按照你的須要填寫相關內容，須要注意的是顯示樣式這一項要選擇剛纔新建好的模板名稱，點擊肯定。

四、新建好後在模塊列表中就會顯示出剛纔新增的模塊，添加圖片點擊右邊的數據，在彈出的模塊數據中選擇添加，按照提示加入你的圖片就能夠了。

五、到這一步廣告模板已經創建好了，接下來咱們就須要把廣告放到頁面中了。

調用方法是點擊模塊列表中該模塊右邊的內部調用/外部調用，把代碼放到htm文件對應的地方就大功告成了！