百度空间插入图片位置的代码及效果演示图 -非主流官方

应网友之请，将几个常用的插入图片的代码给大家，大家只需将相应代码添加到CSS中即可得到下面的效果。大家需要将代码中的网址，换为自己想插入图片的网址。由于图片大小不定，所以可能需要调整下面两个参数，以求和页面搭配和谐：

padding-bottom: 22px; margin-bottom: 6px; 改后面数字即可，padding-bottom为距上高度，margin-bottom为距下高度。

各种图片素材青岛这个文章：
【收集】各种日历,时钟和显IP图片

下面就是具体代码和其实现效果截图：

图片显示位置——个人控制条中间：
#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}/*个人控制条日期显示*/

效果：

图片显示位置——个人档案照片下面：
#m_pro div.act{margin-top:5px; background:url(http://counter.skywebhosting.com/cgi-bin/Count.cgi?display=clock&tformat=24&timezone=GMT 0800&ft=0) no-repeat bottom; padding-bottom: 22px; margin-bottom: 6px; }

效果：

图片显示位置——文章列表1：
#m_blog div.tit{font-size:14px;font-weight:bold; background:url(http://counter.skywebhosting.com/cgi-bin/Count.cgi?display=clock&tformat=24&timezone=GMT 0800&ft=0) 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(http://counter.skywebhosting.com/cgi-bin/Count.cgi?display=clock&tformat=24&timezone=GMT 0800&ft=0) no-repeat; }

效果：

图片显示位置——文章列表：
#tabline{top:89px; background:url(http://counter.skywebhosting.com/cgi-bin/Count.cgi?display=clock&tformat=24&timezone=GMT 0800&ft=0) no-repeat bottom; padding-bottom: 32px; margin-bottom: 6px; }

效果：

图片显示位置——相册下面：
#m_album div.image{text-align:center; background:url(http://counter.skywebhosting.com/cgi-bin/Count.cgi?display=clock&tformat=24&timezone=GMT 0800&ft=0) no-repeat bottom; padding-bottom: 45px; margin-bottom: 1px; }

效果：

图片显示位置——每个友情链接下面：
#m_links div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5; background:url(http://counter.skywebhosting.com/cgi-bin/Count.cgi?display=clock&tformat=24&timezone=GMT 0800&ft=0) no-repeat bottom; padding-bottom: 16px; margin-bottom: 10px; }

效果：

图片显示位置——每个最新评论下面：
#m_comment div.item{color:#000000;font-size:12px; background:url(http://counter.skywebhosting.com/cgi-bin/Count.cgi?display=clock&tformat=24&timezone=GMT 0800&ft=0) 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://counter.skywebhosting.com/cgi-bin/Count.cgi?display=clock&tformat=24&timezone=GMT 0800&ft=0) 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://counter.skywebhosting.com/cgi-bin/Count.cgi?display=clock&tformat=24&timezone=GMT 0800&ft=0) no-repeat bottom; padding-bottom: 22px; margin-bottom: 6px; }

效果：

PS:若上面的时钟显示不出来,网友可以尝试找其他的时钟或图片的地址