泪划痕
Best viewed in Google Chrome

2011年6月9日星期四

小工具/sidebar 标题下添加分割线 (给Irene

给Irene的教程(看看日期,几乎过去一个星期了=0=,我懒

就如上图(粉红蝴蝶结分割线),在Sidebar标题下添加分割线。




信息中心 - 设计 - 修改HTML 


CTRL + Fh2 {

Copy 以下代码paste到h2 {


background: url(分割线图片网址) no-repeat left; 
padding:0px 0px 25px 0px;


就像下图:



* 红色字体就是分割线的图片网址

* 青色字体就是分割线的位置,数目越大分割线越下


分割线例子:



图片网址:
http://i1140.photobucket.com/albums/n562/duleihere/2-2.gif



图片网址:
http://i1140.photobucket.com/albums/n562/duleihere/7-3.gif



图片网址:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjboJlx3v1atUnKbOraHs8NIbopImQo3vxf17Hgr0z64BnU0EBHQ2sCACnKsLLG4qk_quHgilML7PSSPNWTDcou8MvB7uBMDhaZDgIJTVHq1ZJ3K6iPAdGxSiUAxZUcm2DwEg9n_1_RNKWS/s320/line02_04.gif



图片网址:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgti0rbVzlaTfyiDFMVcCNufJ2IKoBI8Mkeo_pGWuF65Z3mS1YBfCKXV-CYyBkznKciu-w5QqS7z-QCmw8o2A6marVlkBATqjipRQuTeq2WJVdsHIM9GhNsJpaEYC0xZl4fU7esWjiObZSa/s1600/line10_a01.gif



图片网址:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqZ41ofwq1BrU01YjtSsTUVhHOmo51lqBDvqvYQWj2JAtO5hI1i9iNv-GY2F3LloG3k39als9qTlbnKONcTLvhR5SoIoIKyAtolFWowGNw3K7z2EVCnqare4sXRDEo4L4BKmXE_LmmIZ2g/s1600/line_11_b02.gif

46 道泪痕:

❤ah Qii❤ 说...
此评论已被作者删除。
❤ah Qii❤ 说...

不能哦。。。弄很多遍了

Shi 说...

我弄到了!谢谢! :D

Qbiiw3n 说...

谢谢啦,爱死你啦!!
对不起,又要打扰了哦
请问facebook button 怎样弄
我弄了可是它还是说不能所以拿不到html
(不是帖子滴)

Qbiiw3n 说...

恩还有吖
这个我做了
可是“产品”还没出耶

独泪 说...

❤哈芘❤
是不是遗漏了什么步骤呢@v@?

♥Shi♥
哈哈,不客气~XDD

Qbiiw3n
好滴好滴~不过会很迟发XDD
你说的产品是?分割线吗?@0@?

廷恩 说...

DL 不能 也没漏步骤

Lynn. 说...

為何我換了那個位置的數目那個分割線還是一樣不會變的? ==

独泪 说...

廷eN~
因为你已经有了那个“ 音符 ”的图标 =)
除非删除那个图标才可以放上这个代码哦 =)

Mangoo ♥
请问是调大还是调小数目地说@@?
数目要增大一点才会看到效果……

廷恩 说...

如果是要把分割线放成像你一样的框框要怎样?

ღ_Hu1 M1nღ_ 说...

弄到了~~谢分享

Lynn. 说...

我還增大到 100 耶,也是沒有變丫 ><
要不然你幫我弄好了 :))

独泪 说...

·Music·Art·

background: url(分割线图片网址) no-repeat left;
padding:0px 0px 25px 0px;
改成
border: 5px dashed #000000;
哦 =)
#000000是颜色代码 =)

ღ_Hu1 M1nღ_
不客气 ^^

Mangoo ♥
可以把那个 padding:0px 0px 25px 0px;
改成
padding-bottom: 20px;
哦,祝你成功 =)

Lynn. 说...

我找你方法试了,也是一样粘在一起 =,=

独泪 说...

你是放在 h2 { 下面吗@@?
可以的话希望你能保存哦,方便我看看,不用放图片的URL =)

独泪 说...

看了你的博客,你没放上 padding-bottom: 20px;
@@
图片要换一换哦,你的图片在photobucket 删除了,显示不到 =)

Lynn. 说...

不是 >< 那個是 gatget 旁邊的圖片,不是分割線,因為我不小心 delete 才會這樣。
至於那個分割線我照你方法了,還是不能 =o=

独泪 说...

Mangoo ♥
哦,原来如此~
把那个 padding:0px 0px 25px 0px;
改成
margin:0 0 3em;
padding-bottom: 20px;
试看行不行 =)

独泪 说...

也或者把 px 改成cm
例如
padding:0px 0px 25px 0px;

变成

padding:0px 0px 2cm 0px;

Lynn. 说...

照你方法試了噢 ~ :)
依然不能 > < 天啊,我快要放棄了 TT

独泪 说...

/_\更换其他的号码也不行吗@_@?
如果真想要就得换换其他模板重新设计了,不知怎么你的模板用padding没有效果地说 /_\
现在你的图标也适合你的博客模板地说。

ms. hao 说...

那有没有让sidebar连在一起?

独泪 说...

【槑愺】
看这里
http://dulei-mylife.blogspot.com/2011/07/sidebar-purple.html

CTRL +F找那个.sidebar .widget {

然后把他的代码都删掉哦 =)

ms. hao 说...

请问是哪个代码呢?

独泪 说...

.sidebar .widget {
代码

}

如上面那整个代码 =)

Vivianna :) 说...

不能 T^T

独泪 说...

唔,是没放上 图片的 direct link么,放了才有效果的 =)

Vivianna :) 说...

Cant save :<

独泪 说...

代码错了才不能保存
你的不能保存有出现什么字体么

Vivianna :) 说...

Many word o.o

独泪 说...

你的模板和我的是一样的
是不是之前删了哪里的代码导致整个模板错误才保存不到地说

建议想要重新设计博客的时候顺便换一换模板,这样代码就没再错误就可以保存了 =)

Vivianna :) 说...

可以帮我弄ma? :)

独泪 说...

唔,这个已经没得弄了,只能够换过模板重新设计。
除非要记得之前添加了什么或者删除了什么代码才有的弄地说 =)

Emily 说...

不要用分割线 可以吗?
比如. 放一条线, 能吗?

独泪 说...

能,
background url 那排字删掉
换成这个
border-bottom: 5px solid #E0E0E0;

ιм.уhιи♥ 说...

我部落原本的線還在~怎麼弄走啊?:(

Ah Bbi 说...

我弄成了:)谢谢:)

坏蛋萱♥ 说...

成功,拿走咯 :DD

Suki 说...

take.. x)

L❤Mの可爱 说...

那咯!

Unknown 说...

拿咯:D

吖心 说...

太太太太感激了!!!!!

Unknown 说...

抱走咯 :D

JacQy 说...

抱走抱走~哈哈哈

Joey许敏如 说...

找不到h2 {

Unknown 说...

take already =D
thx =目

发表评论