[分享]分類文章滑動式列表 - 部落格

Agnes avatar
By Agnes
at 2009-08-11T15:32

Table of Contents

小弟本版第一次發文 多指教

之前用部落格都只是塞文章填版面 都沒有去針對功能跟外觀設計過

真的變成純日記

直到昨天心血來潮開始研究怎麼去裝飾自己的部落格

http://hatsukiakio.blogspot.com/

小弟第一個作品,自製的分類文章滑動式列表

點選[學習手札]的箭頭就可以把文章列表展開

因為是試作作品,請有興趣的高手們幫小弟測看看有沒有bug

他是功能是從原本的小工具的[標籤]去把他擴充的

所以使用前請先安裝[標籤]小工具

之後請到[版面配置]->[修改HTML]

這個套件分兩大部分

javascript部分

找到<body>標籤 之後把下面這段程式碼放到他的下面

<script src='http://jqueryjs.googlecode.com/files/jquery-1.3.2.js'
type='text/javascript'/>
<script src='http://w5.loxa.com.tw/hua0053/cusano2.js' type='text/javascript'/>
<script type='text/javascript'>
$(function(){
var homepage=&quot;<data:blog.homepageUrl/>&quot;;
$.showClassDetial($(&quot;#Label1&quot;),homepage);
});
</script>

因為符號有編碼過 正常應該是$.showClassDetial("Label1",homepage);

Label1是你[標籤]小工具的ID 如果沒意外去特別修改他的話應該都是Label1

有修改請以修改過的ID為準

再來是css部分

請把下列css碼插入到可以放css碼的地方 自己記得就好

像我是放到

#blog-pager {
text-align: center;
}

的下面


CSS碼

.classification{
border:#FC0 2px dashed;
background-color:#CFF
}

.classification ul{
margin-left:1em;
}

設計很簡單 就一個span下面一個ul li的清單列表

要修改外觀可以從這邊著手

我是只有弄一個虛線框跟讓清單像右縮排而已


第一次弄的作品,還請高手們鞭小力點

還有文章很多幾百篇要掛載請三思 可能展開後blog不成人形= ="


--

All Comments

Heather avatar
By Heather
at 2009-08-13T12:45
純推好好玩
Bethany avatar
By Bethany
at 2009-08-16T02:44
←這個人很無聊的每個都點來滑滑看
Ingrid avatar
By Ingrid
at 2009-08-18T04:26
推一個 感謝分享
Hardy avatar
By Hardy
at 2009-08-20T01:38
我用pcman展開是空的XD
Poppy avatar
By Poppy
at 2009-08-23T12:25
婀 別理我 可能是我的adm又檔掉了js 火狐也空的 -.-
Belly avatar
By Belly
at 2009-08-26T09:01
又多一個學習對象了A_A..這配色跟我blogger好像

欄位問題一問

Jacky avatar
By Jacky
at 2009-08-11T13:15
http://blog.yam.com/carolsmemory 舉個例好了 這個部落格的右邊 有一欄是 (輯‧Photo album) 欄位裡的圖 點擊之後可以開啟連結 或是另開視窗 不知道這個怎麼用? 語法怎麼設定? 研究了一下不得其法 感謝大家的指點 先謝謝大家了^^ -- ...

插入圖片在一般螢幕會被截掉

Zenobia avatar
By Zenobia
at 2009-08-11T12:07
http://caramisu.blogspot.com/ 如連結,圖片在自己螢幕上看是正常的, 因為我的是22吋的寬螢幕。 可是到了另一台17吋的螢幕時, 圖片的右邊都會被截掉一塊, 不曉得要怎麼改才不會有這問題。 之前有想過把圖片小就好了, 我的圖本來最長邊是800,變成600後就沒問題 ...

請問噗浪設好友的問題

Donna avatar
By Donna
at 2009-08-11T12:05
請問噗浪 設好友 可以設定成只有自己看的到 別人看不到自己設誰 這樣嗎? 像無名的隱藏好友那樣 - ...

尋找可供使用者編輯標籤的部落格.

Christine avatar
By Christine
at 2009-08-11T10:54
大家好.不好意思想請教一個問題. 我想要找一個部落格服務, 希望有一個功能是可以讓 and#34;觀看者幫文章進行標籤的新增動作and#34;. 不知道現在的各種部落格是否有這功能呢? 冷門的平台也可以. 我的目的是要把手上的一些老文件資料分享出去. 但是因為文件的種類繁雜,我自己列標籤會列到死,標籤又不一 ...

為何無法申請google blogger???

Thomas avatar
By Thomas
at 2009-08-11T08:16
最近想要申請blog 看了精華區的推薦之後 決定要申請google的 但是 不知道為什麼都無法申請 https://www.blogger.com/start 當我按了建立網誌後 下一頁就顯示and#34;此程式無法顯示網頁and#34;的訊息 試了好多次都不行 所以想請大家幫幫我 謝謝 - ...