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

[心靈捕手]

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


步驟：

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）運作無誤。

[心靈捕手]

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

因為我的做法是將頭像顯示在原來搜尋的區塊，所以相關的修改主要是在底下檔案的位置：

• 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