海醉琴音吧 关注:88贴子:5,094
  • 5回复贴,共1

【收集】美化新浪博客技巧

取消只看楼主收藏回复

博客美化法

[size=16][size=14]所有的制作都在“定制我的首页”,“添加模块”,“创建新的空白面板”,勾选“显示源代码”,这时会出现“<DIV></DIV>”,紧跟其后粘贴以下代码,就会收到相应的效果。〔别忘了到首页可定制模块去选取哦!〕具体的代码如下:

制作背景Flash的相应代码:

<CENTER><EMBED style="LEFT: 10px; POSITION: absolute; TOP: -70px" align=right src=ADDRESSS OF FLASH width=700 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high" ;></CENTER> 〔注意, ADDRESSS OF FLASH是你所选的FLASH的地址,请换掉,下同。地址当然是你自己找啦,以充分地展示你的个性!〕如果想在新文章使用此效果,可以在文章编辑时将”显示源代码”勾后将代码复制粘贴后恢复即可.如果想使用多个效果,将不同代码粘贴几次就可以了.
<embed src=ADDRESS width=400 height=60 type=audio/mpeg loop="true" autostart="true">

制作挂件的相应代码:

<DIV id=youxia style="RIGHT: 10px; POSITION: absolute; TOP: 100px"><IMG src="ADDRESS" border=0></A></DIV>

制作滚动字幕(上下):
<DIV align=center>
<DIV style="OVERFLOW: auto; WIDTH: 159px; HEIGHT: 145px">
<MARQUEE class=p131 scrollAmount=1〔注意,这是速度,你可以自行调整,下同。〕 scrollDelay=60 direction=up height=145 onmouseover="this.stop()" onmouseout="this.start ()" align="left" WIDTH: 200px;>
<P align=left><FONT size=3>你希望显示的文字</FONT></P></MARQUEE>

制作滚动字幕(左右):

<marquee direction="left" scrollamount="1" scrolldelay="10" border="0" width=500 >

然后勾掉代码,在空白处一点,就会出现文字编辑框.然后编辑你自己的文字就可以了。

改换个性鼠标的代码:

  
<DIV> </DIV>
<STYLE type=text/css>
a:hover {cursor:url('ADDRESS')}
BODY {cursor:url('ADDRESS')}
</STYLE>
<DIV></DIV>
<DIV></DIV>

添加时钟的相应代码:

<div align="center"><embed src="ADDRESS " width="180" height="180" 
type="application/x-shockwave-flash" /></div>
添加背景音乐的相应代码:

<embed src=ADDRESSS width=400 height=60 type=audio/mpeg loop="true" autostart="true">


1楼2007-01-28 20:03回复
    加背景flash方法 
     
    2006-02-04 19:34:30 
     
    大中小 
    进入控制面版----首页内容维护----空白面版设置----勾选显示代码, 然后输入以下代码
    透明falsh 代码:
    <EMBED style="LEFT: 10px; POSITION: absolute; TOP: -70px" align=right src=透明flash地址width=700 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high" ;></EMBED>

    透明flash地址http://www.3lian.com/flash/flash2.html

    从里面选择自己喜欢的,然后将FLASH地址粘贴在代码中就可以了
    然后选择定制我的首页,选取刚才设置的空白面版就可以了
    刚刚写了一些关于装饰博客的文章,欢迎参考
    你可以通过调节width和height的大小来调整FLASH在页面中的位置
    http://blog.sina.com.cn/m/tingting


    2楼2007-01-28 20:04
    回复
      滚动文字(这次的很全)摘自http://blog.sina.com.cn/u/3f99683e010001c0 
       
      2006-02-03 22:38:16 
       
      大中小 
      滚动文字基本语法为:<marquee> ... </marquee> 例:<marquee>滚啊滚啊滚啊滚!我滚不累!哦也!</marquee> 效果为:

      滚啊滚啊滚啊滚!我滚不累!哦也!
      属性设置:从右向左<marquee direction=left>我一路向左跑!</marquee> <P> 效果:

      我一路向右跑!
      从左向右:<marquee direction=right>我一路向右跑!</marquee> 效果:

      我一路向右跑!
      绕来绕去:<marquee behavior=scroll>我来回绕!</marquee> <P> 效果:

      我来回绕!
      从右向左一次就停的:<marquee behavior=slide>我只走一次就停了!</marquee> <P> 效果:

      我只走一次就停了!

      来回走:<marquee behavior=alternate>边走边唱!</marquee> 效果:

      边走边唱!
      PS:在代码中加LOOP=#则代码循环次数,不加说明不停止,除了那个只走一次就停的.

      速度:<marquee scrollamount=20>我快还是刘翔快?</marquee> 效果:

      我快还是刘翔快?
      一步一停:<marquee scrolldelay=500 scrollamount=100>我一步一停!</marquee> 效果:

      我一步一停!
      带颜色滚动:<marquee bgcolor=aaaaee>看见底色了没?</marquee> 效果:

      看见底色了没?
      加大面积:<marquee height=40 width=50% bgcolor=aaeeaa>
      绿色占地方好大!
      </marquee> 效果:

      绿色占地方好大!
      这就是我搜集的滚动代码,还有几个不太实用,没用弄出来给大家看,喜欢的话顶一下就行了!


      3楼2007-01-28 20:05
      回复
        改背景图片(一) 
         
        2006-02-03 22:32:35 
         
        大中小 
        建好空白面板之后,一定要在“定制我的首页”里把你新建的面板选取,这样才能在首页中生效。
        <STYLE type=text/css>
        body
        {background:url(页面背景图片) repeat 
        scroll!important;}
        .logo
        {background:url(题图logo图片) no 
        repeat no scroll!mportant;}
        .banner
        {background:url(题图大图) no 
        repeat no scroll!mportant;}
        .menu{
         background:url("题图下的菜单图片") no-
        repeat center;}
        .feeds .up{
         background:url("正文标题栏上翻时的图片") no-
        repeat center;}
        .feeds .down{
         background:url("正文标题栏下翻时的图片") no-
        repeat center;}
        .feeds .function{background:url("正文摘要结尾处菜单的图片") no-repeat right;}
        .links .up{
         background:url("面板标题栏上翻时图片");}
        .links .down{
         background:url("面板标题栏下翻时的图片");}
        .links .mid{
         background:url("面板的背景图片");}
        .photo .mid{
         background:url(形象照片处的背景图片);}
        .label .mid{
         background:url("自定义面板的背景图片");}
        .calendar .mid{
         background:url("日历面板背景");}
        .callboard .up{
         background:url("公告栏标题栏上翻时图片");}
        .callboard .down{
         background:url("公告栏标题栏下翻时图片");}
        .callboard .mid{
         background:url("公告栏背景图片");}
        .bodyBg{
         background:url("正文背景图片");}
        .bodyBottom{
         background:url("正文背景图片");}
        </STYLE>


        4楼2007-01-28 20:06
        回复
          在图片上显示飘动的文字 
           
          2006-02-03 22:31:50 
           
          大中小 
          <TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>
          <TBODY>
          <TR>
          <TD background=http://blog.sina.com.cn/pic/45b5c4dd020000wv>
          <MARQUEE scrollAmount=3 direction=down behavior=alternate height=350>
          <MARQUEE scrollAmount=3 behavior=alternate width=500>
          <P align=center><FONT color=red size=6><B>大漠孤烟欢迎您的到来</B></FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>
           
          换成你图片的网络地址和你想显示的文字就行了


          5楼2007-01-28 20:06
          回复
            怎么添加背景音乐? 
             
            2006-02-03 22:27:15 
             
            大中小 
            进入控制面版----首页内容维护----公告栏设置----勾选显示代码(这个是关键)
            在公告栏编辑区输入以下代码(能正常播放的代码,字体必须为默认字体样式,颜色为黑色,不要擅自添加任何字体特效)
            <embed src=音乐链接地址 width=0 height=0 type=audio/mpeg loop="true" autostart="false">
            支持的音乐格式: wma mp3 rm ra ram asf mid.
            width和height为播放器宽度和高度,可以灵活设置,如果播放视频,可以设置到适合的数字.我设的是200和50
            autostart="true"为自动播放,autostart="false"为不自动播放.
            loop="true"为连续循环播放,loop="false"为不循环播放.
            loop可以等于一个整数,比如loop="3",就是音乐循环播放3次.
            如果你想别人一打开网页就能听到你的背景音乐,并且是循环播放的,那么就可以这样。

            音乐链接地址可以从www.mp3.baidu.com上复制下面的是我的背景音乐的音乐链接地址

            "http://bbsatt.ccmove.com/download_010/642744/再见警察.mp3"


            6楼2007-01-28 20:07
            回复