Re: [問題] 能改成這樣的形式嗎

看板Blog (部落格)作者Flymok (龜毛客)時間19年前 (2006/04/05 21:33)推噓1(1推 0噓 0→)

留言1則, 1人參與討論串4/4 (看更多)

※ 引述《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/ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 61.229.31.145