Re: [問題] 請問怎麼讓每篇文章有所區隔？
※ 引述《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
→
05/25 20:06, , 1F
05/25 20:06, 1F
→
05/25 20:07, , 2F
05/25 20:07, 2F
→
05/25 20:07, , 3F
05/25 20:07, 3F
→
05/25 20:09, , 4F
05/25 20:09, 4F
→
05/26 12:53, , 5F
05/26 12:53, 5F
討論串 (同標題文章)
本文引述了以下文章的的內容：
完整討論串 (本文為第 2 之 2 篇)：