泪划痕
Best viewed in Google Chrome

2011年8月27日星期六

博客文章下添加分割线(bobo)


------------------------分割线----------------------

如图黑色箭头,就是在博客帖子之间添加分割线……
------------------------开始----------------------
登入博客 - 信息中心 - 设计 - 修改HTML 

CTRL + F .post {


 .post { 下面添加以下代码。

background: url(分割线的图片网址);
 background-repeat: no-repeat;
 background-position: bottom center;
 padding-bottom:3em;

添加了后就会像下图
预览 + 保存模板 。
------------------------小提示----------------------
红色字体 = 分割线的图片URL网址
青色字体 = 数目越大,分割线越下

30 道泪痕:

韩晓娴 ✿ 、 说...

如果找不到 .post { 呢? >"<

独泪 说...

可以自行添加
ctrl+F找 .post-body {

在 .post-body { 上面 添加以下代码

.post {

}

ZhiYu Lim 说...

楼主不好意思/.\

那个那个 为什么我照着做了preview 出来会invalid 呢?

独泪 说...

ZhiYu Lim
CTRL+F找 .post-footer {
在 .post-footer {
放 那个代码 =)

ZhiYu Lim 说...

還是放不到 @@ 出來還是invalid ):

独泪 说...

唔,
试试只是放

background: url(分割线的图片网址);
padding-bottom:3em;

ZhiYu Lim 说...

一樣不可以 =0=

Michelle Y 说...

成功了 =)

谢谢你 ;D

Babo 说...

数目放大了,
可是没有反应 =(

独泪 说...

ZhiYu Lim
唔,你试试修改 h2 { 看看有没有 invalid
测试你博客模板代码有没错误

мιcнɛℓℓɛ ʏɛσн
不客气,恭喜成功^^

Babo
嗯,看看 footer 那里是不是有 padding <<< 这个字,有的话去更改那里的数字 :))

wai TenG 说...

弄不到  ><

独泪 说...

wai TenG
恩,是保存代码还是什么地说o.o?

楚惠 说...

done~~\(≧▽≦)/~啦啦啦

сlαíяě lαì 说...

谢谢咯^^

김재희 ☆ кιм נαє нєє 说...
此评论已被作者删除。
匿名 说...

抱走咯 XD thx

Chocolate 叶 鏸 䭲 说...

抱走了哦..谢谢你

JNing 说...

Ctrl F 不到 .post {
怎么办?

靜夜漫雨 说...

找不到~

匿名 说...

请问怎样放普通那种分割线? :)
没有图案那种 :)

αℓιиɛ 说...

你能给我一个最简单的分割线的图片网址、吗?

αℓιиɛ 说...

你能给我一个最简单的分割线的图片网址、吗?

αℓιиɛ 说...

就像图片上点点点的那个

黑顽子 说...

拿走咯..^________^

Xiiao Zhu 说...

代码 can find where ??

Me 说...

为什么我CTRL + F 找 不到.post { 的?

嘉茹 说...

谢谢你 .

慧妮 说...

成功了谢谢:)

黒喵大人 说...
此评论已被作者删除。
Unknown 说...

弄不到>n<

发表评论