在做Discuz中廣告的時候碰到個大問題，現(xiàn)在我需要做一個輪播的通屏廣告位，調(diào)用廣告圖片的代碼應(yīng)該是以下代碼：
<ul>
???? <li style="background:url(圖片地址) no-repeat center top;"><a href="#"></a></li>
</ul>

我需要把圖片地址放在li的背景圖片中，來適應(yīng)所有顯示器的寬度，讓圖片居中。

而且廣告位中不能放置默認(rèn)圖片，還需要客戶來添加廣告圖片。

這種，那么使用默認(rèn)的廣告位模板代碼就不能實現(xiàn)了。

?

按照DZ自帶的廣告位做法，從后臺的廣告位中添加自定義廣告（運營->站點廣告-> 添加自定義廣告位 ）
在廣告位中選擇圖片類型傳入圖片后，前臺使用<!--{ad/custom_1}-->可以調(diào)用出剛才傳的廣告圖片
前臺調(diào)用后的廣告代碼為：
<div style="float: left; width: 圖片寬度px; ">
<a href="#" target="_blank"><img src="圖片地址" height="350" border="0"></a>
</div>

?

之前的想法是改變DZ中自定義廣告位的模板代碼，找了很多文件，都沒有找到對應(yīng)的地方。后來高手給我提供了一個方法，完美解決了這個問題。

?

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提供了常用的標(biāo)簽，根據(jù)需要更改自己的模板代碼，需要注意一點的是，之后插入圖片的時候，圖片的標(biāo)題是必須輸入的，如果沒有輸入會提示標(biāo)題長度不正確。而添加位置需要輸入什么內(nèi)容是根據(jù)你調(diào)用了哪些標(biāo)簽決定的。所以為了不彈出標(biāo)題報錯，我們必須需要加入{title}標(biāo)簽。

3、點擊提交之后我就建好了一個自定義的模塊模板，在列表中可以看到我們剛才添加的模板。

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

在彈出的編輯模塊窗口中按照你的需要填寫相關(guān)內(nèi)容，需要注意的是顯示樣式這一項要選擇剛才新建好的模板名稱，點擊確定。

4、新建好后在模塊列表中就會顯示出剛才新增的模塊，添加圖片點擊右邊的數(shù)據(jù)，在彈出的模塊數(shù)據(jù)中選擇添加，按照提示加入你的圖片就可以了。

5、到這一步廣告模板已經(jīng)建立好了，接下來我們就需要把廣告放到頁面中了。

調(diào)用方法是點擊模塊列表中該模塊右邊的內(nèi)部調(diào)用/外部調(diào)用，把代碼放到htm文件對應(yīng)的地方就大功告成了！

轉(zhuǎn)載于:https://www.cnblogs.com/sakura-panda/p/3458930.html

總結(jié)

以上是生活随笔為你收集整理的Discuz添加自定义模板广告的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。