|
玩转百度空间转载文章系列四: 百度空间插入图片位置的代码及效果演示图 百度空间代码分享计划,百度空间效果修改方案 作者:
图片显示位置——文章列表1: #m_blog div.tit{font-size:14px;font-weight:bold; background:url(http://hiphotos.baidu.com/1077/pic/item/0365c813bd3b2c23dc540120.jpg) no-repeat bottom; padding-bottom: 22px; margin-bottom: 6px; }
效果: 
图片显示位置——文章列表: #m_blog div.tit{font-size:14px;font-weight:bold; line-height:24px; text-indent:120px; background:url(
图片显示位置——文章列表: #tabline{top:89px; background:url(http://hiphotos.baidu.com/1077/pic/item/0365c813bd3b2c23dc540120.jpg) no-repeat bottom; padding-bottom: 32px; margin-bottom: 6px; }
效果: 
图片显示位置——相册下面: #m_album div.image{text-align:center; background:url(
图片显示位置——每个友情链接下面:
#m_links div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5; background:url(http://hiphotos.baidu.com/1077/pic/item/0365c813bd3b2c23dc540120.jpg) no-repeat bottom; padding-bottom: 16px; margin-bottom: 10px; } 
图片显示位置——每个最新评论下面: #m_comment div.item{color:#000000;font-size:12px; background:url(http://hiphotos.baidu.com/1077/pic/item/0365c813bd3b2c23dc540120.jpg) no-repeat bottom; padding-bottom: 22px; margin-bottom: 6px; }
效果: 
图片显示位置——每个文章分类下面:
#m_artclg div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5; background:url(http://hiphotos.baidu.com/1077/pic/item/0365c813bd3b2c23dc540120.jpg) no-repeat bottom; padding-bottom: 16px; margin-bottom: 10px; } 效果:

图片显示位置——其他区域: #comm_info div.line{margin-top:5px;line-height:8px;border-top:1px solid #BBC1C6; background:url(http://hiphotos.baidu.com/1077/pic/item/0365c813bd3b2c23dc540120.jpg) no-repeat bottom; padding-bottom: 22px; margin-bottom: 6px; }
效果: 
新加图片显示位置——个人控制条中间: #tabline{margin-top:-131px;right:5px;line-height:8px; background:url(http://counter.skywebhosting.com/cgi-bin/Count.cgi?display=date&ft=3&dformat=yymmdd) no-repeat bottom; padding-bottom: 40px; margin-bottom: 10px}/*个人控制条日期显示*/
 个人档案照片下面效果: |