作者book90423 (blue shadow)
看板Blog
標題Re: [問題] 請問怎麼讓每篇文章有所區隔？
時間Fri May 25 13:51:42 2007
※ 引述《NoWashingID (免洗ID)》之銘言：
: 這是我的模板
: http://www.blogger.com/html?blogID=4445019432781431202&action=download
:
: 我的意思是
: 想讓每篇發表的文章
: 有自己獨立的框框 框起來
: 或是 有分隔線
: 不然文章都擠在一起
: 看起來好亂喔～
: 順便問一下
: 我想把各式書籤給刪掉
: 請問要刪掉哪一段呢？
: 謝謝～
有點不了解你要哪種的框框？PO幾個我覺得可能的形式
1.
_______________________
︳文章標題 |
| |
| 文章內容 |
| |
| |
| 張貼者：XX 時間；XX |
￣￣￣￣￣￣￣￣￣￣￣￣
如果是如上的，那麼就在CSS的部份中加入(不知道放在哪，
就放在.main p, .sidebar p{}的上方吧~)
.post {
margin:.5em 0 1.5em;
padding-bottom:1.5em;
border:1px solid;
}
還有一種是：
文章標題
______________________
| 文章內容 |
| |
| |
￣￣￣￣￣￣￣￣￣￣￣￣
|￣￣￣￣￣￣￣￣￣￣￣￣|
| 張貼者：XX 時間：XX |
￣￣￣￣￣￣￣￣￣￣￣￣￣
如果是如上的，那麼就在
.main p, .sidebar p{}
這一區加入
border:1px solid;
即可
另一種是加入分隔圖片：
首先先做好一張分隔線的的圖
例如我的是：
http://book90423.googlepages.com/line.gif
之後在CSS的POST的部份加入
.post {
margin:.5em 0 1.5em;
background:url("http://book90423.googlepages.com/line.gif")
no-repeat center bottom;
padding-bottom:1.5em;
}
成果可以看一下我的
http://book90423.blogspot.com/
可以看到文章間有自製的分隔圖~
以上不知道有沒有解決你的問題??
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 163.25.118.153
1F：→ NoWashingID:謝謝您....我想要的是第一種....:) 05/25 20:06
2F：→ NoWashingID:不過 我用了之後 發現不太好看耶...哈哈 05/25 20:07
3F：→ NoWashingID:如果我想改用成背景顏色的話 05/25 20:07
4F：→ NoWashingID:是不是 加一句 background-color: blue 就可以了?? 05/25 20:09
5F：→ book90423:請問是要把 線改成其他顏色還是...? 05/26 12:53