泪划痕
Best viewed in Google Chrome

2011年8月31日星期三

博客帖子添加框框(章鱼,韩宝)

-----------------------分割线----------------------
如上图,在文章外面添加框框。

登入博客 - 信息中心 - 设计 - 修改HTML

CTRL+F  .post-body {

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

-moz-border-radius: 35px;
border-radius: 35px;
border: 5px solid #000000;

添加了后会像下图
保存模板。

----------------------------小提示------------------------
可以自行美化框框哦 =)


*青色字体 = 框框线条的厚度,数目越大,厚度越厚。
*蓝色字体 = 框框线条的颜色的颜色代码
*红色字体 = 框框 线条的类型
框框的线条类型如下:

*粉色字体 = 框框的形状代码
框框的形状代码如下:

A
B
C
D
E
F














Example A 

-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;



Example B 

-moz-border-radius-bottomright: 50px 25px;
border-bottom-right-radius: 50px 25px;



Example C 

-moz-border-radius-bottomright: 25px 50px;
border-bottom-right-radius: 25px 50px;



Example D 

-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;



Example E 

-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;



Example F 

-moz-border-radius: 35px;
border-radius: 35px;

72 道泪痕:

丫头 说...

办到了 ~ 谢谢呃

独泪 说...

不客气 =D

мs sнειιч -♥- 说...

弄不到呃><
是因为有背景的关系吗??

吖珊 说...

做么找不到 .post-body {的?

独泪 说...

мs sнειιч -♥-
唔@@有背景也行的哦
是不是框框颜色和背景颜色符合所以看不到框框地说@@?

吖珊
可以找
.post {
这个也行哦 =)

吖珊 说...

谢谢丫独泪姐姐 、=D ♥

独泪 说...

哈哈,不客气地说 ^^

Just Me ♥ 说...

成功弄到了~ 谢谢啊 =)

独泪 说...

哈哈,恭喜成功地说 ^^

Esther思于 说...

怎样做左边的呢??

独泪 说...

这个是每个帖子都会有框框的
你说的左边是指小工具那里吗?

Adele Joan ♥ 说...

怎样让那个"FACEBOOK LIKE"的按钮不被包在框框里`?

独泪 说...

唔,这个教程本来就没包含 fb like 那个东东
你的代码是paste在 .post { 下面么?

Weenie 说...

拿走了,, ;)

DRAWing 说...

谢谢!

独泪 说...

Weenie
好的啊,谢谢通知地说 ^^

DRAWing
不客气 ^^

Irises ChiuWan 说...

泪,最近才发觉我的博客⋯⋯
怎么加上帖子框框或帖子背景,就会使到我的Archive List旁边的三角形不见了 =(
要怎么才可以两全其美?
有帖子框框,有帖子背景,还要保留那Archive List的三角形。

独泪 说...

轻舞
唔,你highlight 看看有那个箭头的,只是它变成白色了所以看不到

登入博客 - 信息中心 - 设计 - 修改HTML
CTRL+F找 .widget .zippy {
你会看到
color: #ffffff;

把 #ffffff 换成 #000000

是颜色代码,想换成其他颜色的颜色代码也行 :)

Irises ChiuWan 说...

泪,谢谢你哦!我真没察觉“它”一直存在⋯⋯哈哈!

独泪 说...

哈哈,原来如此,不客气 XDDDD

Shinn Wei 说...

谢分享,拿了:)

мει хιи 说...

请问,怎么弄不到博客帖子添加框框呢?

独泪 说...

Shinn Wei
不客气,谢谢通知 =)

мει хιи
唔,我看到你成功了,只是颜色很浅所以你看不到,要弄深点颜色 =)

мει хιи 说...

弄到了 ` 呵呵 :))
谢谢 ` 忘了通知(拿了)^^

独泪 说...

мει хιи
哦,原来如此,不客气,谢谢通知 ^^

Sandy 说...

弄了..做么看不到框框的?

独泪 说...

希望能保存方便替你查看

Sandy 说...

保存方便替你查看??

Weii ♥ 说...

请问你有把部落格加宽的教程吗?
我的部落格帖子位子很小`想加宽:)

独泪 说...

傻猪
对,就是保存模板的意思

Weii ♥
登入博客 - 信息中心 - 设计 - 修改HTML
CTRL+F找 /* Outer-Wrapper

你会看到 下面有

#outer-wrapper { (博客整体宽度)

#main-wrapper { (文章宽度)

#sidebar-wrapper { (小工具宽度)

这些下面都会有width ,只要调整 width的数字就可以调整部落格的宽度了 =)

Sandy 说...

当然有保存呀/.\
看不到框框 /.\

Sandy 说...

我成功了 /.\
谢谢你 :D

錒薇、=D 说...

我、弄、不、到、

錒薇、=D 说...

忘了写/.\、
保存了之后、
它会出现:"页面外观中的变量声明无效:无法解析皮肤变量,因为它们的格式不正确。 输入:"
我要怎么办?

独泪 说...

傻猪
哦,原来如此,恭喜成功 :D

錒薇、=D
唔,那你可以 ctrl+F 找 .post {
在.post {下面paste 这个教程的代码 =)

錒薇、=D 说...

还是不可以=[

錒薇、=D 说...

还是不可以、=[

独泪 说...

唔,是不是颜色关系
#000000 = “黑色”的颜色代码
换成其他颜色代码 看看 =)

錒薇、=D 说...

-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
border: 5px solid #0000E3;
蓝色的、=]
一直有这个字出现、
“页面外观中的变量声明无效:无法解析皮肤变量,因为它们的格式不正确。 输入:"”

Weii ♥ 说...

等下我才弄:D 谢谢你 ❤

Weii ♥ 说...

谢谢你`我弄到了 :D

JodIe YiNg 说...

我弄不到噢=(?

独泪 说...

錒薇、=D
唔,那是因为代码不正确的意思,你的模板是旧模板么?是哪个的模板地说

Weii ♥
好的,不客气,恭喜成功弄到:D

JodIe YiNg
怎么说弄不到地说,保存不到么?

Weii ♥ 说...

呵呵`希望你再出多点新教程 :D 期待你下一个教程 @@"

独泪 说...

Weii ♥
哈哈,我会的 ^^ 今天就会发新的了 XD

匿名 说...

嗯,弄到了,
但是,那個框框好像粘著左邊的字那樣,><,

然後,請問,可不可以弄它概括完整個呢?
就連評論也概括那樣,=],

然後,就是,
那個小工具的,為何底線顯示不到的呢?

然後,小工具哪兒也是,
好像粘著那個Caht Box那樣,
可以讓他分開那樣嗎?

感激不盡,♥♥♥

錒薇、=D 说...

旧的、=]

jiamung 说...

我想请问~ 我本来成功的~ 可是换了template又不能了~
只是什么原因么?

jiamung 说...

换了template又再弄过了~可是失效 :((

独泪 说...

YYeeng
唔,评论的不行地说,评论的话要另外分开的 =)

恩,你是说想把sidebar小工具分开么
看这里
http://dulei-mylife.blogspot.com/2011/07/sidebar-purple.html

錒薇、=D
嗯,有些模板是弄不到的,我的是新模板
只是放
border: 5px solid #0000E3;
看看行不行。

jiamung
有些模板不同是弄不到的,你换了什么的模板

Xllao Jun 说...

做么会粘住字的
可以把它放宽的就不会粘住字了=)

独泪 说...

在 post-body { 下面paste

width:200px;


自行更改数目调整宽度,数目越大,就越宽:)

韩小卡 说...

拿了 :))

Xllao Jun 说...

还是不能够=(

ღ尛薇ღ 说...

我弄不到啊T^T 是不是因为旧模板?

匿名 说...

謝謝 :DD

匿名 说...

拿走咯

CuTe BeaR 说...

我弄不到咧><""
你可以帮我吗..??

雨雯♥ 说...

谢谢泪 ;)

J.Rui 说...
此评论已被作者删除。
J.Rui 说...

爲什麽我弄了Example E還是整個方方正正的?

匿名 说...

我弄不懂哦>,<" 我照做了出现乱码

Ann Xiiaoyu 安小语 说...

其实..这个是什么?

Laichii 说...

抱走咯 ^^

♥Laura 说...

拿走咯~

黑顽子 说...

我拿走咯..^_______^

Unknown 说...

成功!谢谢!

淑贤♥ 说...

偷走啦>^<

喜欢你的大笨蛋★ 说...

请问
为什么别人的博客的题目那么美的?

假如
你添加小工具的标题啊等等有卡通人物的。为什么?

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

很好呀·· 谢谢您啊 楼主··

Emily Lee 说...

现在换了找不到 .post-body {
是要勾 Expand Widget Templates吗 ?
可是找不到 请问要在哪里找啊 ?

发表评论