给Irene的教程(看看日期,几乎过去一个星期了=0=,我懒
就如上图(粉红蝴蝶结分割线),在Sidebar标题下添加分割线。
信息中心 - 设计 - 修改HTML
CTRL + F 找h2 {
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
就像下图:
* 红色字体就是分割线的图片网址
* 青色字体就是分割线的位置,数目越大分割线越下
分割线例子:
图片网址:
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 道泪痕:
不能哦。。。弄很多遍了
我弄到了!谢谢! :D
谢谢啦,爱死你啦!!
对不起,又要打扰了哦
请问facebook button 怎样弄
我弄了可是它还是说不能所以拿不到html
(不是帖子滴)
恩还有吖
这个我做了
可是“产品”还没出耶
❤哈芘❤
是不是遗漏了什么步骤呢@v@?
♥Shi♥
哈哈,不客气~XDD
Qbiiw3n
好滴好滴~不过会很迟发XDD
你说的产品是?分割线吗?@0@?
DL 不能 也没漏步骤
為何我換了那個位置的數目那個分割線還是一樣不會變的? ==
廷eN~
因为你已经有了那个“ 音符 ”的图标 =)
除非删除那个图标才可以放上这个代码哦 =)
Mangoo ♥
请问是调大还是调小数目地说@@?
数目要增大一点才会看到效果……
如果是要把分割线放成像你一样的框框要怎样?
弄到了~~谢分享
我還增大到 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;
哦,祝你成功 =)
我找你方法试了,也是一样粘在一起 =,=
你是放在 h2 { 下面吗@@?
可以的话希望你能保存哦,方便我看看,不用放图片的URL =)
看了你的博客,你没放上 padding-bottom: 20px;
@@
图片要换一换哦,你的图片在photobucket 删除了,显示不到 =)
不是 >< 那個是 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;
照你方法試了噢 ~ :)
依然不能 > < 天啊,我快要放棄了 TT
/_\更换其他的号码也不行吗@_@?
如果真想要就得换换其他模板重新设计了,不知怎么你的模板用padding没有效果地说 /_\
现在你的图标也适合你的博客模板地说。
那有没有让sidebar连在一起?
【槑愺】
看这里
http://dulei-mylife.blogspot.com/2011/07/sidebar-purple.html
CTRL +F找那个.sidebar .widget {
然后把他的代码都删掉哦 =)
请问是哪个代码呢?
.sidebar .widget {
代码
}
如上面那整个代码 =)
不能 T^T
唔,是没放上 图片的 direct link么,放了才有效果的 =)
Cant save :<
代码错了才不能保存
你的不能保存有出现什么字体么
Many word o.o
你的模板和我的是一样的
是不是之前删了哪里的代码导致整个模板错误才保存不到地说
建议想要重新设计博客的时候顺便换一换模板,这样代码就没再错误就可以保存了 =)
可以帮我弄ma? :)
唔,这个已经没得弄了,只能够换过模板重新设计。
除非要记得之前添加了什么或者删除了什么代码才有的弄地说 =)
不要用分割线 可以吗?
比如. 放一条线, 能吗?
能,
background url 那排字删掉
换成这个
border-bottom: 5px solid #E0E0E0;
我部落原本的線還在~怎麼弄走啊?:(
我弄成了:)谢谢:)
成功,拿走咯 :DD
take.. x)
那咯!
拿咯:D
太太太太感激了!!!!!
抱走咯 :D
抱走抱走~哈哈哈
找不到h2 {
take already =D
thx =目
发表评论