能改成這樣的形式嗎 - 部落格

※ 引述《cymcpilipala (wild)》之銘言：
: <#sidebar {
: width:240px;
: float:right;
: margin:15px 0 0;
: font-size:97%;
: line-height:1.5em;
: }
: 我要把Flymok大大的語法加進去嗎? ^^??
我忘記我的sidebar改過了 Orz
下面這串應該是Archivese段最原始的寫法... (不是也當作是吧)
我們來慢慢觀察

<h2 class="sidebar-title">Archives</h2>
<ul class="archive-list">
<BloggerArchives>
<li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
</BloggerArchives>

</ul>

這邊出現的class名稱有 sidebar-title & archive-list
sidebar-title 看起來是管 h2 這個標籤的
而且上下搜尋一下 同樣的名稱用了好幾次 這表示不是我們要的

接著看 archive-list 光聽名字就很像我們要的
上下也沒有重複的 (有重複的話 CSS 設下去會一起被影響到) 那就從這邊下手吧
往回看看CSS的設定...(阿咧? 沒有耶~) 沒有就自己加!

上面預設的CSS裡 有Siderbar字樣的設定有:
#sidebar ul{...} #sidebar .icon {...}
那來仿照上面的寫法 新增一串 #sidebar .archive-list {display:inline;}
其中 display:inline; 表示東西要顯示, 而且要左右排, 不要換行
預覽 OK?

OK就存檔收工 不OK就把目標放到下兩行的 li 身上
自訂一個class name, 然後把 #sidebar .arch@#$% 改成自訂的名字
(這不是唯一的做法)
預覽看效果 可以 就存檔收工

以上 廢話很多 挑重點看看吧 XD 有錯還請指證...

提供點可以做參考的網站及書
CSS Tutorial Traditional Chinesem
http://chinese-school.netfirms.com/css-tutorial-T-Chinese-index.htm
常用的語法都有了 需要的時候翻翻會有不少幫助 不過他的說明有些有問題

CSS 101個您一定會遇到的問題與解答 上奇出版
扣掉內文中一個從頭錯到尾的字(?) 外加零星出現的別字外 (我對錯字過敏)
內容其實很不錯 很適合新手看

--
　　 遺忘の空島 http://khpisland.blogspot.com/

--