增加額外的圖片到論壇 logo 的右側

與 phpBB 3.0.x 相關主題。
回覆文章
頭像
心靈捕手
默默耕耘的老師
默默耕耘的老師
文章: 8510
註冊時間: 2004-04-30 01:54
來自: Taiwan

增加額外的圖片到論壇 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;
If you find the image doesn't sit correctly in the vertical you can add:
如果您發現圖片在垂直面沒有正確地放置,那麼您可以在 #banner-pos 增加:

代碼: 選擇全部

margin-top: 5px; 
像是這樣:

代碼: 選擇全部

#banner-pos {
    position: relative;
    margin-right: 90px;
    float: right;
    margin-top: 5px;
}
請依您的需求,自行調整在 #banner-pos 所增加的數值:

代碼: 選擇全部

margin-top: 5px;
我希望以上的說明已經夠清楚了。

--
http://www.phpbb.com/kb/article/add-an- ... site-logo/
施比受有福,祝福您好運! ^_^
歡迎光臨★★心靈捕手★★ :: 討論區
https://wang5555.dnsfor.me/phpBB3/
回覆文章

回到「3.0」