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

與 phpBB 3.0.x 相關主題。

版主: 版主管理群

回覆文章
頭像
心靈捕手
默默耕耘的老師
默默耕耘的老師
文章: 8510
註冊時間: 2004-04-30 01:54
來自: Taiwan

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

文章 心靈捕手 »

前言:

其實, 在 phpBB 3 新增廣告橫幅的方法, 以參考此篇文章即可.
在此, 特別針對部分網友的以下特殊需求, 另外寫出此篇文章.
  • 廣告橫幅位置在頁頂, 與 LOGO 同一個區塊
  • 廣告橫幅的格式為 *.swf (動畫)

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

    以 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:
    20090426_234121.jpg
    以 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:
    20090426_234724.jpg

後記

向大家推薦一套製作動畫的軟體--FreeMotion.
施比受有福,祝福您好運! ^_^
歡迎光臨★★心靈捕手★★ :: 討論區
https://wang5555.dnsfor.me/phpBB3/
回覆文章

回到「3.0」