如何修改prosilver的header

phpBB3.0.x請盡早更新為phpBB3.2.x版,官方已停止更新
頭像
懸壺子
系統管理員
系統管理員
主題中的帖子: 1
文章: 33357
註冊時間: 2001-10-05 , 10:10
個人狀態: 道骨學習佛心..^^..
貼心留言: 氣候不穩
性別: 公仔
來自: 黃金故鄉
聯繫:

如何修改prosilver的header

未閱讀文章 懸壺子 »

如何修改prosilver的header
http://www.phpbb.com/community/viewtopi ... 205#header
原作者:prototech

1. 增加習慣Header圖像
1)上傳你的圖到styles/prosilver/theme/images/ directory.

2) 打開 styles/prosilver/theme/common.css
Find:

代碼: 選擇全部

.headerbar {
   background: #ebebeb none repeat-x 0 0;
   color: #FFFFFF;
   margin-bottom: 4px;
   padding: 0 5px;

After, add:

代碼: 選擇全部

   height: 100px ;

變化高度依照你們的圖像.

3) Open styles/prosilver/theme/colours.css
Find:

代碼: 選擇全部

.headerbar {
   background-color: #12A3EB;
   background-image: url("{T_THEME_PATH}/images/bg_header.gif");
   color: #FFFFFF;
}


更改 bg_header.gif to the name of your image.

4) Open styles/prosilver/template/overall_header.html
Find:

代碼: 選擇全部

<div id="site-description">
Before, add:

代碼: 選擇全部

<div style="height: 90px ;">


Note: The height must be 10px less than the height of your image!

Find:

代碼: 選擇全部

<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
            </fieldset>
            </form>
         </div>
      <!-- ENDIF -->

After, add:

代碼: 選擇全部

</div>



2. 移動系統Logo
Open styles/prosilver/template/overall_header.html
Find, and remove:

代碼: 選擇全部

<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>



3. 移動系統名字和描述
Open styles/prosilver/template/overall_header.html
Find, and remove:

代碼: 選擇全部

<h1>{SITENAME}</h1>
<p>{SITE_DESCRIPTION}</p>



4. 移動搜尋盒子
Open styles/prosilver/template/overall_header.html
Find, and remove:

代碼: 選擇全部

<!-- 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 -->
圖檔
頭像
yehrussell
忍辱、精進、靜慮、般若波羅密
忍辱、精進、靜慮、般若波羅密
主題中的帖子: 2
文章: 1128
註冊時間: 2006-01-20 , 10:19
個人狀態: 非常忙碌中!
性別: 公仔

Re: 如何修改prosilver的header

未閱讀文章 yehrussell »

如何修改 logo 所在 header 的底色?
http://phpbb-tw.net/phpbb/viewtopic.php ... 1&p=269605
心靈捕手 寫:開啟
styles/prosilver/theme/colours.css

找到

代碼: 選擇全部

.headerbar {
   background-color: #12A3EB;
   background-image: url("{T_THEME_PATH}/images/bg_header.gif");
   color: #FFFFFF;
}

取代成

代碼: 選擇全部

.headerbar {
   background-color: #ff0000;
   color: #FFFFFF;
}
儲存與關閉.

2. 進 ACP > 風格 > 主題 > prosilver > 重新整理
六度梵行
頭像
yehrussell
忍辱、精進、靜慮、般若波羅密
忍辱、精進、靜慮、般若波羅密
主題中的帖子: 2
文章: 1128
註冊時間: 2006-01-20 , 10:19
個人狀態: 非常忙碌中!
性別: 公仔

Re: 如何修改prosilver的header

未閱讀文章 yehrussell »

Open styles/prosilver/template/overall_header.html

代碼: 選擇全部

<ul class="linklist rightside">
  <li class="icon-calendar"><a href="{U_CAL}" title="{L_CAL_EXPLAIN}">{L_CAL}</a></li><li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li><li class="icon-gallery"><a href="{U_GALLERY_MOD}" title="{L_GALLERY_EXPLAIN}">{L_GALLERY}</a></li>
        				<!-- IF not S_IS_BOT -->
        				<li class="icon-search"><a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> </li>
        					<!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
							<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
							<li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a></li>
        				<!-- ENDIF -->
        			</ul>
刪除搜尋盒後,選單更改,改進階搜尋
六度梵行
版面鎖定 主題已鎖定

回到「phpBB3.0.x」