« 什麼是「類別」? | 主頁面 | 部落格聚 »

如何改banner欄



問:怎樣才能像凱洛那樣, 有個漂亮的 banner欄?

答:
有兩種方法可美化你的banner:

改變標題文字:

1. 管理介面-網誌組態
2. 修改網誌名稱(可改變banner上的網誌標題大字) –>儲存
3. 再點選上方的偏好
4. 在網誌描述中輸入簡單的敘述(這段敘述會出現在網誌標題下方,字體較小)->儲存
5. 重建->選擇重建所有頁面


將圖片加入banner欄:
1. 先做好一個banner的圖片,大小最好是寬800點(這是blue circus標準模版預設的大小);
2. 依之前上傳檔案的方式上傳,把得到的<img alt….>這段複製起來;
3. 進入模版->stylesheet,找到.banner{...}
4. 把其中的 padding: 15px; 刪除, 而 height: 39px; 則要改成你的圖的高度數值,例如說,你的圖高80,就改成 height: 80px;->儲存->重建
3. 進入模版->main index
4. 點入後,找到

<div id="banner">
<h1><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName$></a></h1>
<span class="description"><$MTBlogDescription$></span>
</div>

5. 把<$MTBlogName$>刪掉,換成剛才的<img alt….> ->儲存
6. 再到模版頁, category archive date-base archive、individual entry archive都依此方式改掉
7. 重建(選擇全部重建)


如果你不想要banner欄下的黑線

1. 進入模版->stylesheet
2. 找到#banner{………}
3. 在{….}間,找到

border-top: 2px solid #000;
border-bottom: 2px solid #000;
把這兩行刪掉即可
4. 儲存->重建

del.icio.us HEMiDEMi MyShare


歷史上的今天

共 0 則迴響

留言