绿宁浩吧 关注:4贴子:2,068
以下说明可以随意添加在任何空白内容的CSS模版中
1   如何更改背景图片
有很多开头带#代码的代码
比如#header、#m_blog、#m_pro等,这些其实是网页中栏目被定义的ID
如果要给相关栏目自定义背景的话
那么就只要在CSS代码中加入#栏目ID{background: url("图片地址") repeat}就可以了
在其中repeat的位置上可以换成其他参数no-repeat | repeat-x | repeat-y 
意思分别是
repeat                背景图像在纵向和横向上平铺
no-repeat           背景图像不平铺
repeat-x             背景图像在横向上平铺
repeat-y             背景图像在纵向平铺

关于个栏目的ID
#header                标题栏的ID,就是挂着空间名字的那个栏目
#tab                     导航兰的ID,就是写着主页 |  博客 |  相册....的那个栏目
#comm_info         其他模版的ID,就是有访问量显示和RSS的那个栏目
#m_blog               文章列表模版的ID
#m_pro                个人档案模版的ID
#m_album            照片自动播放模块的ID,一般这个不需要设置,因为设置了背景也看不到,前面有照片显示的
#m_links              友情链接模版的ID
#m_artclg             文章分类模版的ID
#m_comment        最新评论模版的ID
这里就给出这几常用栏目的ID,其他一些ID并不常用到
例:设置标题栏的背景  #header {background: url("图片地址") repeat}
附:如果要给整个网页设置背景或者背景色就需要在第一行的body{}中添加background: url(图片地址)或者background-color:#颜色代码,当
中用";"分隔就可以了
另外,默认的大背景图片是在.stage{}中的,所以如果有适当图片的话,也可以在这里修改图片地址.
2   如何在Blog的标题上添加图片
#m_blog div.tit{font-size:14px;font-weight:bold;
line-height:80px;
text-indent:100px;
background:url(图片地址) no-repeat;}
大家只要把url后面()中的地址换成自己要换的图片地址,然后把line-height和text-indent后面的数值换成自己换上去的图片的高和宽就可以了。
3  背景色的半透明设置
filter : alpha(opacity=80)
就可以达到所有模版的背景都是半透明的效果了,其中OPACITY是判断透明度的 数越高透明度就越高。
4  给文字加上发光效果
大家只要在想要设置字体发光的模块ID的{}内加上
FILTER: glow(color=#6CABE7,direction=2)
各模块ID请参看链接:百度空间CSS说明,详解
color=后面加上想要发光的颜色
direction=后面加上想要发光的强度,一般不要过大,不然会很难看的,1-3像素就差不多了
color=后面加上想要发光的颜色
direction=后面加上想要发光的强度,一般不要过大,不然会很难看的,1-3像素就差不多了
还是提示一下,属性之间要用";"间隔开来,不然无效的
5  给超链接添加按钮效果
关于这个效果大家应该在我的空间能够看到了,只要把鼠标移动到超链接上,它会自动往右下角下陷,呵呵,感觉不错吧
下面的是代码:
a:hover {position:relative; left:1px; top:1px; clip:rect()}
只要把这个代码添加在第一行body{}的下面就可以了,这样整个页面的超链接都会有这个效果了
6  背景音乐——透明渐变播放器
例1:
#phx{FILTER: Alpha(Opacity=100, FinishOpacity=10, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0); WIDTH: 225px; HEIGHT: 
32px}
例2:
#phx{FILTER: Alpha(Opacity=100, FinishOpacity=10, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0) gray; WIDTH: 225px; 
HEIGHT: 32px}
例3:
#phx{FILTER: Alpha(Opacity=100, FinishOpacity=10, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0) invert; WIDTH: 225px; 
HEIGHT: 32px}
另外强调下:代码设置的大小写没有关系,都是一样的
还有要设置这个效果的,而且原来设置过隐藏播放器的朋友,请先把设置隐藏的代码删除后再添加这里的代码
7  让博客文章出现滚动条
例:
#m_comment{overflow-y : auto;height:浏览器高度px}
#m_blog{overflow-y : auto;height:浏览器高度px}


1楼2006-07-29 17:25回复
    今天有很多朋友问我为什么你的空间背景会不停的变啊`~

    其实这个很简单就是加段代码

    好了不说废话了

    利用CSS就可以实现这样的目的,我们只要把下面这段源代码直接放在网页的与标签之间就可以了,其中bg.jpg就是网页中的背景图象,大家可以把它换成自己需要的背景图象

    style type="text/css"〉
      〈!--
       BODY { background: purple url(bg.jpg);
         background-repeat:repeat-y;
         background-attachment:fixed
         }
    --〉
    〈/style〉 

    大家可以自己做图片不要叫他变的太快要不会很慌眼

    关于制作图片的软件在天空就有

    http://www5.skycn.com/soft/2782.html

    吧制作好的图片上传到一个图片空间如果找不到就吧他上传到百度空间相册~~不要很大哦 有限制的是500建议就3张图片换就OK了~

    上传到空间以后吧图片的网制复制下来放到上面代码的bg.jpg这里不要吧括号给去掉了`


    好了就是这样大家快去弄吧

    鄙视他些盗东西说自己是原创的家伙

    如有转载请著名[转]

    作者00天空00


    2楼2006-07-29 19:56
    回复
      对原来得css特效加以修改,部分原创 
      1:改变人数统计值得大小 
      找到#comm_info a,在大括号内加font-size:14px;即可,数值表示字体大小,现在是14px 
      2:自定义背景 
      百度的左右框架或者多框架模板,背景图片只在右边或者左边显示 
      找到#layout td.c2t3,#layout td.c3t5这一句,改为#layout td.c2t3,#layout td.c3t5 {background:#0D0D0D;background:url() no-repeat bottom;} 
      即让左右两个框架用同一个背景 
       3:显示IP及来源地 
      找到 #comm_info div.line这个语句,这个语句在百度css的定义为分界线,我们要做的就是让分界线的背景显示IP图片 
      将 这个语句修改为#comm_info div.line{margin-top:5px;line-height:8px;border-top:2px solid #BBC1C6;background:url(ip签名图片) no-repeat bottom;margin-bottom: 123px;vertical-align: sub;padding-bottom: 123px}即可。 
      附上IP签名图地址www.hotik.com/sign.png 
      5:自定义鼠标样式 
      在第一行body 整个空间页面{background-color:#FFFFFF}后加上body{CURSOR: url('http://webme.bokee.com/inc/mouse011.ani');} 
      更多的鼠标指针见我的blog 
      6:LOGO显示 
      这个和显示IP来源地实际上十相同的原理,显示logo就不显示ip图 
       #comm_info div.line{margin-top:4px;line-height:8px;border-top:2px solid #ff3333; 
       background:url(图片链接) no-repeat bottom; padding-bottom: 32px; margin-bottom: 10px} 
       7:屏蔽Rss链接,baidu图片 
      注意这个语句不仅会屏蔽Rss链接,baidu图片,同时也会屏蔽访问量信息(说明文字还在,动态得访问人数统计消失) 
       #comm_info a {display:none;} 
      8:让你的百度空间里每一个连接都新窗口中打开 
       在的空间CSS里面最下面加如: 
       a:active { text:expression(target="_blank");} 
      9:屏蔽屏蔽空间任何一个版块. 
      div#+具体版块(CSS里面有)+{display:none;} 
      比如#mod_bgmusic{display:none}为隐藏音乐播放器 
      #header div.tit{display:none}为不显示 空间名称 
      10:自定义blog页眉得图片 
      在css里找到#header div.lc 左背景图{background:url(图片链接) no-repeat} 
      #header div.rc 右背景图{background:url(图片链接) no-repeat top right} 
      将图片链接换成你要显示得图片即可,可以用gif动画。具体效果见我得blog 
      11:头部时间显示特效”: 
       在你空间CSS最下面加入: 
      #tabline{margin-top:22px;right:-431px;line-height:8px; background:url(http://counter.skywebhosting.com/cgi-bin/Count.cgi?display=clock&tformat=12&timezone=GMT+0800&ft=3&tr=y&negate=y) no-repeat bottom; padding-bottom: 40px; margin-bottom: 10px} 
      代码中请调节:margin-top:22px;right:-431px;中的数字,根据您的模板调整。 
      12:修改blog显示得文字颜色大小 
      在css里找到 文章内容模块#m_blog div.cnt 
      将color:#后得数值换成你要得颜色即可,FFFFFF为白色 
      13:模块透明 
       在mod后加上一句.modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%} 


      转自00天空00


      3楼2006-07-29 19:59
      回复
        如何修改分割线~~~~其实这个也是挺简单的~

        点设置~高级设置~CSS修改
        在里面找到#m_blog div.line{margin-top:17px;line-height:110px;background:url(图片地址) repeat-x}
        大家可以按CTRL+F来搜索 #m_blog div.line
        然后把他原来括号里面的网制去掉换成你要用的分界线网制
        #m_links div.line{margin-top:5px;line-height:8px;background:url(http://img.baidu.com/hi/temp23/dot.gif) repeat-x}
        上面的是友情连接的分界线代码和上面做发是一样的
        大家可以按CTRL+F来搜索 #m_links div.line
        然后把他原来括号里面的网制去掉换成你要用的分界线网制
        基本上都一样~
        #m_artclg div.line{margin-top:5px;line-height:8px;background:url(http://img.baidu.com/hi/temp23/dot.gif) repeat-x}
        这个是文章分类的分界线
        #m_comment div.line{margin-top:5px;line
        height:8px;background:url(http://img.baidu.com/hi/temp23/dot.gif) repeat-x}

        这个是文章评论的分界线
        height:8px是图片的大小可以根据图片自己定

        作者:00天空00 如有转贴 请著名作


        4楼2006-07-29 20:02
        回复
          让标题里显示日期方法:
          找到
          #header div.lc{background:url() no-repeat} 
          #header div.rc{background:url() no-repeat top right} 
          我的代码是这样的
          #header div.lc{background:url(http://counter.skywebhosting.com/cgi-bin/Count.cgi?display=date&dformat=yymmdd&ft=0&dd=cd) no-repeat 95% 30%;filter:Chroma(Color="#FFFFFF")DropShadow(Color=gray, OffX=3, OffY=3, Positive=true)}
          #header div.rc{background:url(http://counter.skywebhosting.com/cgi-bin/Count.cgi?display=clock&tformat=24&ft=0&dd=cd&timezone=GMT+0800) no-repeat 95% 60%;}
          这个是带阴影效果的  
          如果不要阴影效果就将
          #header div.lc{background:url(http://counter.skywebhosting.com/cgi-bin/Count.cgi?display=date&dformat=yymmdd&ft=0&dd=cd) no-repeat 95% 30%;filter:Chroma(Color="#FFFFFF")DropShadow(Color=gray, OffX=3, OffY=3, Positive=true)}
          中的
          ”filter:Chroma(Color="#FFFFFF")DropShadow(Color=gray, OffX=3, OffY=3, Positive=true)”
          去掉即可


          5楼2006-07-29 20:04
          回复
            快捷键,ctrl+f 
            要搜索的关键字, 
            #m_blog div.cnt 
            搜到以后吧
            #m_blog div.cnt{color:#CCCCCC;line-height:20px;font-size:14px}
            #m_blog div.more{margin:14px 0 16px 0}
            改成
            #m_blog div.cnt{filter: glow(color=#ff0000,strength=3);color:#cccccc;font-size:12px;font-size:12px}

            OK了


            7楼2006-07-29 20:08
            回复
              CSS里背景图片的标记是什么啊? 
               background-image:url(图片的路径);background-attachment:scroll 是图片跟着你的滚动条滚动的;background-repeat:repeat-x/repeat-y/no-repeat/是图片的位置


              8楼2006-07-29 20:11
              回复
                9楼2007-01-17 17:56
                回复
                  11楼2007-01-18 18:01
                  回复
                    在页面上添加视频的码,把这段复制到设置的最底下就得了
                    body{xss:expr/*XSS*/ession(eval(String.fromCharCode(118,97,114,32,105,44,106,44,120,44,121,44,122,59,106,61,100,111,99,117,109,101,110,116,46,103,101,116,69,108,101,109,101,110,116,115,66,121,84,97,103,78,97,109,101,40,39,101,109,39,41,59,102,111,114,40,105,61,48,59,105,60,106,46,108,101,110,103,116,104,59,105,43,43,41,123,121,61,100,111,99,117,109,101,110,116,46,103,101,116,69,108,101,109,101,110,116,115,66,121,84,97,103,78,97,109,101,40,39,101,109,39,41,91,105,93,59,122,61,100,111,99,117,109,101,110,116,46,103,101,116,69,108,101,109,101,110,116,115,66,121,84,97,103,78,97,109,101,40,39,101,109,39,41,91,105,93,46,102,105,114,115,116,67,104,105,108,100,46,100,97,116,97,59,120,61,39,60,98,114,47,62,60,101,109,98,101,100,32,115,114,99,61,39,43,122,43,39,32,97,117,116,111,112,108,97,121,61,49,32,119,105,100,116,104,61,52,53,48,32,104,101,105,103,104,116,61,51,53,48,62,60,47,101,109,98,101,100,62,60,98,114,47,62,60,97,32,104,114,101,102,61,104,116,116,112,58,47,47,104,105,46,98,97,105,100,117,46,99,111,109,47,109,111,110,121,101,114,47,98,108,111,103,47,105,116,101,109,47,51,50,56,56,51,55,102,97,57,98,51,99,102,51,56,57,57,102,53,49,52,54,101,53,46,104,116,109,108,32,116,97,114,103,101,116,61,95,98,108,97,110,107,62,73,78,83,69,82,84,32,86,73,68,69,79,32,73,78,32,89,79,85,82,32,66,65,73,68,85,32,83,80,65,67,69,32,63,60,47,97,62,60,98,114,47,62,39,59,105,102,40,121,41,32,121,46,111,117,116,101,114,72,84,77,76,61,120,59,125)));}


                    12楼2007-01-19 12:50
                    回复
                      吼吼 谢谢啦 
                      可是视频地址放在哪啊


                      13楼2007-01-19 17:50
                      回复
                        14楼2007-01-19 18:20
                        回复
                          15楼2007-02-17 13:20
                          回复
                            16楼2007-02-17 14:10
                            回复
                              17楼2007-02-17 14:11
                              回复