在頁頂新增廣告 (動畫) 橫幅的方法

文章由 **心靈捕手** » 2009-04-27 00:04

前言:

其實, 在 phpBB 3 新增廣告橫幅的方法, 以參考此篇文章即可.
在此, 特別針對部分網友的以下特殊需求, 另外寫出此篇文章.

廣告橫幅位置在頁頂, 與 LOGO 同一個區塊
廣告橫幅的格式為 *.swf (動畫)

步驟:

製作廣告 (動畫) 橫幅
P.S.
在此, 並不強調製作動畫的教學, 只是提醒您, 必須配合您的風格,
注意其寬度與高度, 並且記得加入超連結的功能.

修改風格

以 prosilver 風格為例
重點在將廣告 (動畫) 橫幅寫入頁頂區塊.

修改樣板

開啟
styles/prosilver/template/overall_header.html

找到

		<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="search-box">
				<form action="{U_SEARCH}" method="post" id="search">
				<fieldset>
					<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" /> 
					<input class="button2" value="{L_SEARCH}" type="submit" /><br />
					<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
				</fieldset>
				</form>
			</div>
		<!-- ENDIF -->

取代成

代碼: 選擇全部

<div id="search-box">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="300" height="56" id="test.swf" align="middle">
	<param name="allowScriptAccess" value="sameDomain">
	<param name="movie" value="test.swf">
	<param name="quality" value="high">
	<param name="bgcolor" value="#ffffff">
	<embed src="test.swf" quality="high" bgcolor="#ffffff" width="300" height="56" name="test.swf" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
</object>
</div>

P.S.
這麼做的目的, 是要將 "廣告 (動畫) 橫幅" 取代原來的 "搜尋".
可以利用原來的 "search-box" 設定, 否則也可自行另外指定 CSS 樣式.
上例中的四個 "test.swf" 可自行取代為您所製作的動畫檔名.
請注意! 其儲存的位置, 得在論壇根目錄底下 (與 index.php 同一層).
當然, 您得修改 (上下兩個) 適合的寬度與高度.

找到

代碼: 選擇全部

				<li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>

之後, 增加

代碼: 選擇全部

				<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
					<li class="icon-search"><a href="{U_SEARCH}" title="{L_SEARCH}">{L_SEARCH}</a></li>
				<!-- ENDIF -->

P.S.
這麼做的目的, 是將原來的 "搜尋" 移動到 "問答集" 的旁邊.

修改主題

開啟
styles/prosilver/theme/common.css

找到

代碼: 選擇全部

#site-description {
	float: left;
	width: 70%;
}

取代成

代碼: 選擇全部

#site-description {
	float: left;
	width: 50%;
}

P.S.
這麼做的目的, 是將原來的 "討論區描述" 寬度縮小,
讓新寫入的動畫區塊, 可以有較大的寬度; 可視需要, 自行增減數值.

儲存後, 進 ACP >

一般 > 清除論壇快取
風格 > 主題 > prosilver > 重新整理

DEMO:

以 subsilver2 風格為例
重點在將廣告 (動畫) 橫幅寫入頁頂表格之欄位.

修改樣板

開啟
styles/subsilver2/template/overall_header.html

找到

代碼: 選擇全部

			<td width="100%" align="center"><h1>{SITENAME}</h1><span class="gen">{SITE_DESCRIPTION}</span></td>

之後, 增加

代碼: 選擇全部

<td>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="300" height="56" id="test.swf" align="middle">
	<param name="allowScriptAccess" value="sameDomain">
	<param name="movie" value="test.swf">
	<param name="quality" value="high">
	<param name="bgcolor" value="#ffffff">
	<embed src="test.swf" quality="high" bgcolor="#ffffff" width="300" height="56" name="test.swf" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
</object>
</td>

P.S.
上例中的四個 "test.swf" 可自行取代為您所製作的動畫檔名.
請注意! 其儲存的位置, 得在論壇根目錄底下 (與 index.php 同一層).
當然, 您得修改 (上下兩個) 適合的寬度與高度.

儲存後, 進 ACP > 一般 > 清除論壇快取.

DEMO:

後記

向大家推薦一套製作動畫的軟體--FreeMotion.

教學網站: 這是鶯歌昌福國小呂聰賢老師的教學網站.
http://163.20.239.129/~teach/freemotion2006/index.htm
軟體試用:
http://www.namo.com/downloads/freemotion2008.php