新增使用者頭像於頁頂的方法

與 phpBB 3.0.x 相關主題。

版主: 版主管理群

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

新增使用者頭像於頁頂的方法

文章 心靈捕手 »

前言:
如果您想讓您的論壇的使用者頭像出現在頁頂的話,那麼可以參考本篇文章。


步驟:
  1. 先參考「移除搜尋盒 & 增加搜尋圖示在導航棒中」,清空該區塊右側。
  2. 建議再安裝「Universal No Avatar (預設頭像) 」,讓每個會員都有一個預設的頭像。
  3. 接著,修改 includes/functions.php
    --找到--

    代碼: 選擇全部

    	// The following assigns all _common_ variables that may be used at any point in a template.
    	$template->assign_vars(array(
    
    --之前增加--

    代碼: 選擇全部

    	// 預設頭像
    	if ( $user->data['user_avatar'] )
    	{
    		include_once($phpbb_root_path . 'includes/functions_display.' . $phpEx);
    		$user_avatar = get_user_avatar($user->data['user_avatar'], $user->data['user_avatar_type'], $user->data['user_avatar_width'], $user->data['user_avatar_height']);
    	}
    	else
    	{
    		$user_avatar = '<img src="images/avatars/no_avatar.gif" />';
    	}
    
    --找到--

    代碼: 選擇全部

    'SITE_DESCRIPTION'				=> $config['site_desc'],
    --之後增加--

    代碼: 選擇全部

    'USER_AVATAR'					=> $user_avatar,// 預設頭像
  4. 最後,修改 styles/prosilver/template/overall_header.html
    --找到--
    p.s. 已經移除的搜尋盒區塊

    代碼: 選擇全部

    				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
    			</div>
    
    --之後增加--

    代碼: 選擇全部

    			<div id="search-box">
    				{USER_AVATAR}
    			</div>
    
  5. 儲存所有檔案,清除論壇快取。

後記:
  • 小修改之一:
    如果您希望會員登入論壇後,才會顯示頭像的話,那麼可以將增加之代碼修改如下。

    代碼: 選擇全部

    		<!-- IF S_USER_LOGGED_IN -->
    			<div id="search-box">
    				{USER_AVATAR}
    			</div>
    		<!-- ENDIF -->
    
  • 小修改之二:
    如果您論壇已經安裝「Board3 Portal」外掛,希望會員登入論壇且進入首頁後,才會顯示頭像的話,那麼可以將增加之代碼修改如下。

    代碼: 選擇全部

    		<!-- IF not $S_IN_PORTAL and S_USER_LOGGED_IN -->
    			<div id="search-box">
    				{USER_AVATAR}
    			</div>
    		<!-- ENDIF -->
    
  • 小修改之三:
    如果您論壇已經安裝 phpBB Gallery 外掛,那麼在瀏覽相簿時,頁頂的預設頭像之路徑可能會出現錯誤。修正 includes/functions.php 如下:
    --找到--

    代碼: 選擇全部

    $user_avatar = '<img src="images/avatars/no_avatar.gif" />';
    --取代成--

    代碼: 選擇全部

    $user_avatar = '<img src="http://220.134.232.37/phpBB3/images/avatars/no_avatar.gif" />';
    
    也就是說,將原來的「相對路徑」改為「絕對路徑」(請修改為您的預設頭像之絕對路徑)。
  • 此篇文章的方法,於測試論壇(phpBB 3.0.6)運作無誤。
最後由 心靈捕手 於 2010-02-25 08:35 編輯,總共編輯了 3 次。
理由: 修改 includes/functions.php 語法
施比受有福,歡迎來信賜教,謝謝 & 再見!
祝福您 好運 ^_^
歡迎加入★★心靈捕手★★ :: 討論區!!
http://wang5555.hopto.org/phpBB3/
p.s. 奉老婆之命:在晚上十一點前,得關機睡覺!!!

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

Re: 新增使用者頭像於頁頂的方法

文章 心靈捕手 »

如果您要修改頭像顯示的位置,那麼可以參考以下作法:

因為我的做法是將頭像顯示在原來搜尋的區塊,所以相關的修改主要是在底下檔案的位置:
  • styles/prosilver/theme/common.css

代碼: 選擇全部

#search-box {
	color: #FFFFFF;
	position: relative;
	margin-top: 30px;
	margin-right: 5px;
	display: block;
	float: right;
	text-align: right;
	white-space: nowrap; /* For Opera */
}
  1. 調整頭像的水平位置
    --找到--

    代碼: 選擇全部

    margin-right: 5px;
    修改「5」為您要距離右邊邊界的長度。
  2. 調整頭像的水平位置
    --找到--

    代碼: 選擇全部

    margin-top: 30px;
    修改「30」為您要距離頂端邊界的長度。
p.s.
修改儲存後,重新整理風格之主題。

參考連結:
http://phpbb-tw.net/phpbb/viewtopic.php?t=53391
施比受有福,歡迎來信賜教,謝謝 & 再見!
祝福您 好運 ^_^
歡迎加入★★心靈捕手★★ :: 討論區!!
http://wang5555.hopto.org/phpBB3/
p.s. 奉老婆之命:在晚上十一點前,得關機睡覺!!!

回覆文章

回到「3.0」