作者Flymok (龟毛客)
看板Blog
标题Re: [问题] 能改成这样的形式吗
时间Wed Apr 5 22:17:50 2006
※ 引述《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
1F:推 cymcpilipala:虽然我还是没有试出来 不过谢谢 Flymok大大的指导 04/06 21:53