增加額外的圖片到論壇 logo 的右側
發表於 : 2010-03-05 05:31
增加代碼以顯示您的圖片位置
開啟 styles/yourstyle/theme/common.css 以後,找到:
之後增加:
重新整理您的風格之主題。
開啟 styles/yourstyle/template/overall_header.html
找到:(如果您之前已經做過某些改變,那麼這個也許只是部份代碼,大約在第 96 行)
之後增加:
重新整理您的風格之樣板檔以及圖檔組。
注意:您可以在 #banner-pos 裡頭輸入以下的值,來調整您的圖片之相對於右邊的位置:
If you find the image doesn't sit correctly in the vertical you can add:
如果您發現圖片在垂直面沒有正確地放置,那麼您可以在 #banner-pos 增加:
像是這樣:
請依您的需求,自行調整在 #banner-pos 所增加的數值:
我希望以上的說明已經夠清楚了。
--
http://www.phpbb.com/kb/article/add-an- ... site-logo/
開啟 styles/yourstyle/theme/common.css 以後,找到:
代碼: 選擇全部
/* Search box
--------------------------------------------- */
代碼: 選擇全部
#banner-pos {
position: relative;
margin-right: 90px;
float: right;
}
開啟 styles/yourstyle/template/overall_header.html
找到:(如果您之前已經做過某些改變,那麼這個也許只是部份代碼,大約在第 96 行)
代碼: 選擇全部
<div id="wrap">
<div class="border-left">
<div class="border-right">
<div class="border-top">
<div class="border-top-left">
<div class="border-top-right">
<div class="inside" style="direction: {S_CONTENT_DIRECTION}; ">
<a id="top" name="top" accesskey="t"></a>
<div id="page-header">
<div class="headerbar">
<div class="inner"><span class="corners-top"><span></span></span>
<div id="site-description">
<a id="logo">{SITE_LOGO_IMG}</a>
<p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
</div>
代碼: 選擇全部
<div id="banner-pos">
<img src="/url_image_location/ur_image.gif" alt="" />
</div>
注意:您可以在 #banner-pos 裡頭輸入以下的值,來調整您的圖片之相對於右邊的位置:
代碼: 選擇全部
margin-right: 90px;
如果您發現圖片在垂直面沒有正確地放置,那麼您可以在 #banner-pos 增加:
代碼: 選擇全部
margin-top: 5px;
代碼: 選擇全部
#banner-pos {
position: relative;
margin-right: 90px;
float: right;
margin-top: 5px;
}
代碼: 選擇全部
margin-top: 5px;
--
http://www.phpbb.com/kb/article/add-an- ... site-logo/