百度空间 | 百度首页 
 
文章列表
 
您正在查看 "百度空间模板篇" 分类下的文章

2006-07-30 15:03

作者:王士伟
出处:缘定沧桑居——http://hi.baidu.com/tblc

应网友之请,将几个常用的插入图片的代码给大家,大家只需将相应代码添加到CSS中即可

类别:百度空间模板篇 | 评论(79) | 浏览()
 
2006-07-30 14:53

效果演示地址: http://hi.baidu.com/1077

演示图片:


编辑CSS自定义模板,

找到#m_blog div.tit 行,你会看到有三个#m_blog div.tit 行,

把前两个分别替换为

#m_blog div.tit{color:#8A3506;font-size:14px;font-weight:bold;background:url(http://hiphotos.baidu.com/space163/pic/item/accc3dc75b69dddcd100603c.jpg) no-repeat top left;text-indent: 22px;height:70px;line-height:75px}

#m_blog div.tit a{color:#8A3506;font-size:14px;font-weight:bold;background:url(http://hiphotos.baidu.com/space163/pic/item/accc3dc75b69dddcd100603c.jpg) no-repeat top left;text-indent: 22px;height:70px;line-height:75px}

其中

类别:百度空间模板篇 | 评论(214) | 浏览()
 
2006-07-30 14:10

友情链接太长了怎么办,给他加个滚动条呗,赫赫。

方法如下:

在CSS找到#m_links div.item代码,在它上面增加这一行
#m_links{overflow-y:auto;height:200px}

显示效果:hi.baidu.com/acoolsun
   

说明:1、overflow-y 设置当对象的内容超过其指定高度时如何管理内容;
         如果是overflow-x 设置当对象的内容超过其指定宽度时如何管理内容。

      2、height:200px 设置<友情链接>的高度。
  
参数
Visible:扩大面积以显示所有内容
auto:  当内容超出限定值时添加滚动条
hidden:隐藏滚动条
scroll:总是显示滚动条

  

如果想美化滚动条,则还要增加以下代码:

        

#m_links{
overflow-y:auto;height:200px;
scrollbar-face-color:#daa520;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#000;
scrollbar-arrow-color:#4b

类别:百度空间模板篇 | 评论(62) | 浏览()
 
2006-07-30 13:04

效果预览: http://hi.baidu.com/1077    注意文章与文章之间的图片

方法:找到相应行 如:

#m_blog div.line行

替换成

#m_blog div.line{margin-top:17px;line-height:17px;background:url(图片地址) repeat-x}


以下是其他分割线代码!

/*文章栏目分割线*/
#m_blog div.line{margin-top:17px;line-height:17px;background:url(图片地址) repeat-x}
/*评论栏目分割线*/
#m_comment div.line{background:url(图片地址);line-height:12px}
/*文章分类分割线*/
#m_artclg div.line{background:url(图片地址);line-height:12px}
/*有请连接分割线*/
#m_links div.line{background:url(图片地址);line-height:12px}

进入查看分割线资源一 

类别:百度空间模板篇 | 评论(31) | 浏览()
 
2006-07-30 02:59
看人家都写文章,手痒痒了,虽然技术含量不是很高,但咱也不简单啊.呵呵.

          大家都见过一些图片贴子回复(刷新)一次就变一个图,很多人都觉的做这图的人一定很了不起,一定很NB,其实也没有什么,就是几句编程语言做的,别怕,虽然涉及编程,但你不需要去学,我们直接拿来用就好了,不懂也没关系.今天我门就利用这种技术教大家怎么让你的 空间 自动更新背景BANNER,以及LOGO,总之一切图形界面都可以自动更新,简单的说就是:你每一次进入 空间 都是不同的背景和BANNER,LOGO.想想看   一个人正浏览你的 博客里的文章时,一退回主页,看到与先前截然不同的背景BANNER,LOGO ,  一定会以为BAIDU 空间 出BUG了,居然专到别的 空间 了,要么就会赞美斑竹精力真旺盛,居然乐此不疲在着不停的换背景.....

         说那么多,大家肯定都

类别:百度空间模板篇 | 评论(81) | 浏览()
 
2006-07-30 02:44

(1)随文字滚动的背景 

在第一行下面添加 
body{background: url(http://mm.xkmm.com/gallery/wallpaper/Yulexiuxian/Katong/Snoopy/b_200491811545913.jpg); background-position:0px -200px}  


其中 url()括号中的内容自己找个图片弄上去吧 
其中 background-position:0px -200px是定义背景图片位置的,第一个是图片左上角相对前景左边框的位置,第二个是图片左上角相对前景上边框的位置


(2)固定的背景 
body{background: url(http://mm.xkmm.com/gallery/wallpaper/Yulexiuxian/Katong/Snoopy/b_200491811545913.jpg); background-repeat:repeat-y; background-attachment:fixed; background-position:0px -200px} 

同上 

类别:百度空间模板篇 | 评论(59) | 浏览()
 
2006-07-30 02:36
在css里找到#header div.lc (左背景图){background:url(图片链接) no-repeat}  
#header div.rc (右背景图){background:url(图片链接) no-repeat top right}  
将图片链接换成你要显示得图片即可,可以用gif动画。
类别:百度空间模板篇 | 评论(39) | 浏览()
 
2006-07-30 02:32

把以下代码插入最后一行即可!

 
#comm_info div.line{margin-top:8px;line-height:10px;border-top:2px solid #BBC1C6; background:url(http://www.hotik.com/sign.png) no-repeat bottom; padding-bottom: 100px; margin-bottom: 25px} 

效果:网络繁忙,稍等。

类别:百度空间模板篇 | 评论(45) | 浏览()
 
2006-07-30 02:30

在百度空间里面添加自己的LOGO等等特效技巧 
在你空间CSS最下面加入:  


#comm_info div.line{margin-top:4px;line-height:8px;border-top:2px solid #ff3333;    background:url(http://caoyee.bokee.com/inc/AAO.gif) no-repeat bottom; padding-bottom: 32px; margin-bottom: 10px} 


把"http://caoyee.bokee.com/inc/AAO.gif"换成你上传logo,得到的地址.

类别:百度空间模板篇 | 评论(26) | 浏览()
 
2006-07-30 02:23

方法如下:

[1] 进入『设置』--->『高级设置』  
[2] 选择右边的“自定义CSS”  
[3] 在打开的CSS文件最下面加入下面代码即可

 
#comm_info div.line{margin-top:5px;line-height:8px;border-top:1px solid #BBC1C6; background:url(http://www.ip.cn/s.php) no-repeat bottom; padding-bottom: 40px; margin-bottom: 10px}

效果如本站右下角处

类别:百度空间模板篇 | 评论(29) | 浏览()
 
     
 
 
文章存档
 
 
 
 
 
 
     
 
最新文章评论
   
 
 
 

果然是好方法,赞~
 
 
     


©2009 Baidu