如何修改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]

如何修改 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]

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>

刪除搜尋盒後，選單更改，改進階搜尋