施欣枫吧 关注:52贴子:501
  • 8回复贴,共1

【CSS教程】~~~~只是我要用到的

只看楼主收藏回复

一楼百


1楼2007-12-15 14:49回复
    添加N首背景音乐方法:

    1.新建一个记事本,按如下格式在记事本中输入: 
    #EXTM3U 
    #EXTINF:1,第一首歌曲的名称 
    歌曲1的URL地址 
    #EXTINF:2,弟二首歌曲的名称 
    歌曲二的URL地址 
    .................................. 
    #EXTINF:n,第n首歌的名称 
    歌曲n的URL地址 

    2.保存:保存时文件名的后缀为" .wma"或" .mp3".例如"1.wma"或" 2.mp3",保存好后,文件的图标会变成音乐图标。(推荐用wma格式音乐,链接速度快) 

    3.文件传上传至http://www.999kb.com(免费).复制地址粘贴到空间播放器地址。


    2楼2007-12-15 14:53
    回复
      在空间里加入滚动条http://fengjie3631095.vcmblog.com/archives/2006/77182.html 

      文章列表的滚动条: 

      #m_blog{scrollbar-face-color: #E100E1; 
      scrollbar-shadow-color: maroon; 
      scrollbar-highlight-color: white; 
      scrollbar-3dlight-color: #E100E1; 
      scrollbar-darkshadow-color:#E100E1; 
      scrollbar-arrow-color:#E100E1; 
      scrollbar-base-color: #E100E1; 
      scrollbar-track-color: #E100E1; 
      overflow-y:auto;height:1194px; 
      filter: chroma(color=#E100E1);} /*文章列表的滚动条*/ 

      友情链接的滚动条: 

      #m_links{scrollbar-face-color: #E100E1; 
      scrollbar-shadow-color: maroon; 
      scrollbar-highlight-color: white; 
      scrollbar-3dlight-color: #E100E1; 
      scrollbar-darkshadow-color:#E100E1; 
      scrollbar-arrow-color:#E100E1; 
      scrollbar-base-color: #E100E1; 
      scrollbar-track-color: #E100E1; 
      overflow-y:auto;height:823px; 
      filter: chroma(color=#E100E1);} /*友情链接的滚动条*/ 

      文章分类的滚动条: 

      #m_artclg{scrollbar-face-color: #E100E1; 
      scrollbar-shadow-color: maroon; 
      scrollbar-highlight-color: white; 
      scrollbar-3dlight-color: #E100E1; 
      scrollbar-darkshadow-color:#E100E1; 
      scrollbar-arrow-color:#E100E1; 
      scrollbar-base-color: #E100E1; 
      scrollbar-track-color: #E100E1; 
      overflow-y:auto;height:250px; 
      filter: chroma(color=#E100E1);} /*文章分类的滚动条*/ 

      最新评论的滚动条: 

      #m_comment{scrollbar-face-color: #E100E1; 
      scrollbar-shadow-color: maroon; 
      scrollbar-highlight-color: white; 
      scrollbar-3dlight-color: #E100E1; 
      scrollbar-darkshadow-color:#E100E1; 
      scrollbar-arrow-color:#E100E1; 
      scrollbar-base-color: #E100E1; 
      scrollbar-track-color: #E100E1; 
      overflow-y:auto;height:458px; 
      filter: chroma(color=#E100E1);} /*最新评论的滚动条*/ 

      参数说明: 

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

      参数: 
      visible:扩大面积以显示所有内容 
      auto:仅当内容超出限定值时添加滚动条 
      hidden:总是隐藏滚动条 
      scroll:总是显示滚动条 

      2、height : 设置滚动条的高度(修改其后数值即可)。 

      3、滚动条颜色参数设置: 

      scrollbar-3d-light-color 设置或检索滚动条亮边框颜色 
      scrollbar-highlight-color 设置或检索滚动条3D界面的亮边(ThreedHighlight)颜色 
      scrollbar-face-color 设置或检索滚动条3D表面(ThreedFace)的颜色 
      scrollbar-arrow-color 设置或检索滚动条方向箭头的颜色 
      scrollbar-shadow-color 设置或检索滚动条3D界面的暗边(ThreedShadow)颜色 
      scrollbar-dark-shadow-color 设置或检索滚动条暗边框(ThreedDarkShadow)颜色 
      scrollbar-base-color 设置或检索滚动条基准颜色


      3楼2007-12-31 18:54
      回复
        透明的背景音乐的播放器
        #phx{FILTER: Alpha(Opacity=100, FinishOpacity=25, Style=2, StartX=20, StartY=100, FinishX=0, FinishY=0); WIDTH: 225px; HEIGHT: 32px


        4楼2007-12-31 18:58
        回复
          设置透明背景图(鼠标移动到超链接上,它会自动往右下角下陷. )http://fengjie3631095.vcmblog.com/archives/2006/69315.html 

          其实办法很简单:


          只要把这个代码添加在第一行body{}的下面就可以了 


          a:hover {position:relative; left:1px; top:1px; clip:rect()} 


          其它字体代码:
          #pvshow{font-family:Georgia;font-size:11pt;}

          加到空白处......

          你试一下把这句代码放在CSS最后,看看那分割线的情况。
          #in_comment div.line{margin-top:17px;line-height:17px;border-top:0px solid #FFFFFF}
          如果正常了就可以了,如果不正常,就找到你原来这句话,把#FFFFFF替换为原来的颜色代码。

          在css 文件的空白处添加以下代码: 

          #mod_bgmusic{display:none} 

          不显示播放器,但不影响音乐的播放

          改变字体需要修改的代码如下:
          #spBlogCmtText{font-family:隶书}


          6楼2007-12-31 19:01
          回复
            如何在"其它"下面加上图片http://hi.baidu.com/tchzx/blog/item/6c1f975228ca5e0e0df3e3b5.html 

            其实很简单,我们只要找到#tab2 a:visited{color:#0000CC}把下面的代码加在TAB后面#comm_info{color:#000000;font-family:Arial;text-align:left} 
            #comm_info div.line{background:url(图片地址);margin-top:5px;line-height:250px;border-top:1px solid #BBC1C6 center width:auto !important;width:100%} 
            #comm_info a{color:#006AFF}


            7楼2007-12-31 19:05
            回复
              为<好友列表>增加一个滚动条 http://hi.baidu.com/tchzx/blog/item/b54a0bf4d32be5ef7709d70b.html 


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


              8楼2007-12-31 19:06
              回复
                百度空间 专栏分割线代码 
                http://hi.baidu.com/fengj/blog/item/4eb8afef38e3fc16fcfa3c13.html 

                以下是其他分割线代码!

                /*文章栏目分割线*/
                #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}

                这里的line-height:12px表示是分割线的高度为12px, 其中的数12是可改设的,可依你的分割线大小而设定

                文章等模块的四周外边框的一个实例

                .modbox{padding:10px 10px 0 10px;background:url(http://hiphotos.baidu.com/%B7%E7%D4%C6%CF%E8%CC%EC/pic/item/1181ad34fbab94b7d0a2d38b.jpg);border-left:4px #FFE988;border-right:4px #FFE988;border-top:4px #FFE988;border-bottom:4px #FFE988;border-style : ridge} /*模块内容区的框内底背景,边框border的left左,right右,top上,bottom下*/


                9楼2007-12-31 19:10
                回复
                  yata~


                  11楼2007-12-31 19:46
                  回复