進到 /styles/prosilver/theme/images 以及建立一個 /social/ 資料夾。
在那個資料夾中,放進您想要顯示在頁頂的圖示。
這些圖片應該命名為「social_name.png」。
例如,臉書的圖片可以命名為「social_facebook.png」。
在這篇文章中,我將使用下列的圖片: 接下來,前往 /styles/prosilver/theme,開啟 colours.css ,在其底部增加下列代碼:
代碼: 選擇全部
#social_bar {
margin: 0 auto;
position: relative;
right: 10px;
top: 30px;
}
#social_buttons {
float: right;
}
找到
代碼: 選擇全部
<div class="inner"><span class="corners-top"><span></span></span>
代碼: 選擇全部
<div id="social_bar">
<div id="social_buttons">
<a href="Link to your feeds"><img alt="RSS" width="33px" height="33px" src="{T_THEME_PATH}/images/social/social_rss.png"></a>
<a href="http://www.facebook.com/"><img style="border-radius:4px 4px 4px 4px;" alt="Facebook" width="33px" height="33px" src="{T_THEME_PATH}/images/social/social_facebook.png"></a>
<a href="http://www.twitter.com/"><img style="border-radius:4px 4px 4px 4px;" alt="Twitter" width="33px" height="33px" src="{T_THEME_PATH}/images/social/social_twitter.png"></a>
</div>
</div>
要修正這個情況,您可以按以下的方法完全刪除搜尋盒
移除搜尋盒 & 增加搜尋圖示在導航棒中
或者是遵循以下的指示。
前往 /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 */
}
這將移動搜尋盒到社群圖示的左邊。
結果如下:
別忘了到 ACP 重新整理您的風格。
--
資料來源:
https://www.phpbb.com/kb/article/how-to ... ial-icons/