C'est La Vie » 日志 » Blog教学--日志分割线&题图 + 兔斯基表情3枚
Blog教学--日志分割线&题图 + 兔斯基表情3枚
jerry 发表于 2007-03-19 15:39:14
周六在公司加班,除了闲还是闲....所以又来捣腾我的blog了~呵呵~
借鉴了N个牛人的blog--->
、
、
以及
,对小BO作了如下修改:
1。日志间的分割线-->把原本的直线变成了五彩星星
↓↓代码↓↓ 【转自Nocornerの教程】
2。日志标题前添加小图片-->
↓↓代码↓↓ 【转自Nocornerの教程】








在BlogWorld看到一个帖子有很多PP的分割线,故留底保存:【原帖在此】



















继续更新兔SJ表情~MOMO创意可真是源源不断阿~
表情28 "LOVE"-->
表情29 "不行"-->
表情30 "一起2吧!"-->
居然还看到真人版兔斯基 <-- 阿~~~现在的孩子都太N了!!!
借鉴了N个牛人的blog--->
1。日志间的分割线-->把原本的直线变成了五彩星星
↓↓代码↓↓ 【转自Nocornerの教程】
|
图片分割线 |
.post_footer { background: url(图片地址) no-repeat bottom;padding-bottom:25px;} |
|
实线分割线 |
.post_footer { border-bottom:solid 1px #000000;padding-bottom:6px;} |
|
虚线分割线 |
.post_footer { border-bottom:solid 1px #000000 dotted;padding-bottom:6px;} |
| 加在<style type="text/css">后的任意位置;蓝色部分为距离及大小;绿色部分为颜色 | |
2。日志标题前添加小图片-->

↓↓代码↓↓ 【转自Nocornerの教程】
| .post_title { font-size: 12pt; font-weight: bold; color: #CC1A1A; padding-left: 30px; padding-bottom: -8px; background: url(图片地址) no-repeat bottom left;} |
| 找到.post_title代码,下划线为添加部分,蓝色部分为添加位置 |
3。分类友情链接








在BlogWorld看到一个帖子有很多PP的分割线,故留底保存:【原帖在此】
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()

![]()
【更多分割线在此】








继续更新兔SJ表情~MOMO创意可真是源源不断阿~
表情28 "LOVE"-->
居然还看到真人版兔斯基 <-- 阿~~~现在的孩子都太N了!!!
相关日志:
收藏:
QQ书签
del.icio.us
订阅:
Google
抓虾
最新评论
-
2007-03-24 17:10:26
我想要你现在这表情的代码噢!!
可以不? -
2007-10-15 12:26:31 http://nocorner.ycool.com/
分析的不错哦啊··
呵呵 -
2007-10-15 13:31:10
啊!!!!!!N大师!!!!!!

N大师大家光临寒舍小女子荣幸之至阿~
班门弄斧之作见笑了....其实不过是总结前辈们的方法罢了。呵呵~



















