作者del680202 (DAINA)
看板Blog
标题[Blogger][分享]分类文章滑动式列表
时间Tue Aug 11 15:32:40 2009
小弟本版第一次发文 多指教
之前用部落格都只是塞文章填版面 都没有去针对功能跟外观设计过
真的变成纯日记
直到昨天心血来潮开始研究怎麽去装饰自己的部落格
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不成人形= ="
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 59.116.160.88
1F：推 wozxzow:纯推好好玩 08/11 16:47
2F：→ wozxzow:←这个人很无聊的每个都点来滑滑看 08/11 16:48
3F：推 migrant:推一个 感谢分享 08/11 17:22
4F：推 chhs:我用pcman展开是空的XD 08/11 20:35
5F：→ chhs:婀 别理我 可能是我的adm又档掉了js 火狐也空的 -.- 08/11 20:37
6F：推 windcanblow:又多一个学习对象了A_A..这配色跟我blogger好像 08/11 21:48