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

By Agnes
at 2009-08-11T15:32
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="<data:blog.homepageUrl/>";
$.showClassDetial($("#Label1"),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不成人形= ="
--
之前用部落格都只是塞文章填版面 都沒有去針對功能跟外觀設計過
真的變成純日記
直到昨天心血來潮開始研究怎麼去裝飾自己的部落格
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="<data:blog.homepageUrl/>";
$.showClassDetial($("#Label1"),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不成人形= ="
--
Tags:
部落格
All Comments

By Heather
at 2009-08-13T12:45
at 2009-08-13T12:45

By Bethany
at 2009-08-16T02:44
at 2009-08-16T02:44

By Ingrid
at 2009-08-18T04:26
at 2009-08-18T04:26

By Hardy
at 2009-08-20T01:38
at 2009-08-20T01:38

By Poppy
at 2009-08-23T12:25
at 2009-08-23T12:25

By Belly
at 2009-08-26T09:01
at 2009-08-26T09:01
Related Posts
欄位問題一問

By Jacky
at 2009-08-11T13:15
at 2009-08-11T13:15
插入圖片在一般螢幕會被截掉

By Zenobia
at 2009-08-11T12:07
at 2009-08-11T12:07
請問噗浪設好友的問題

By Donna
at 2009-08-11T12:05
at 2009-08-11T12:05
尋找可供使用者編輯標籤的部落格.

By Christine
at 2009-08-11T10:54
at 2009-08-11T10:54
為何無法申請google blogger???

By Thomas
at 2009-08-11T08:16
at 2009-08-11T08:16