分享

博客美化

 密严净土trum 2011-10-26

(1) 

给博客加欢迎词(声音)代码
 代码:<EMBED style="FILTER: alpha(opacity=0,style=3)" src="声音的地址" width=0 height=0 type="audio/mpeg" loop="0" showstatusbar="1" volume="0"></EMBEDv>

小女孩声音:
http://www./bb_midi/welcome.wav (欢迎光临的声音)
注:声音的地址处可以放任何以wav为尾辍的声音哦,可以放在任何博文处,一定要先在显示源代码前打勾再粘贴代码.赶快去试试吧!
示例代码(直接复制 ):
<EMBED style="FILTER: alpha(opacity=0,style=3)" src=" http://www./bb_midi/welcome.wav " width=0 height=0 type="audio/mpeg" loop="0" showstatusbar="1" volume="0"></EMBEDv>

ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss (2)

显示博客在线人数代码
代码:<A href="http://whos./stats/3k1jicu4l24k/"><IMG title="Click to see how many people are online" style="WIDTH: 94px; HEIGHT: 28px" height=29 src="http://whos./widget/3k1jicu4l24k.png " width=81 border=0></A>

sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss

 (3)

如何插入Flash动画
点击“发博文”----输入标题-----勾选下面的“显示源代码”-----把“flash标准源代码”复制到文章区域----把网上的flash地址复制到代码中的“src=”后面-----自定义播放画面大小(高度和宽度等号后面的数据比如“高度=500 宽度=800”)------去掉下面的“显示源代码”勾选(此时可显示动画了!)---点击“发博文”就成功了!


注:Flash文件以http://开头,以.swf为后辍,你找到Flash后,把地址填入下面的源代码黄色字体处,然后设置黄色字体高度,宽度后就可以发布了.

代码:

 <P align=center><EMBED style="DISPLAY: block" src=FLASH地址 width=700 height=520 type=application/x-shockwave-flash wmode="transparent" loop="0"></EMBED></P>


ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss  (4)

在博客任意定位FLASH
代码 :
<EMBED style="LEFT: 300px; POSITION: absolute; TOP: 500px" align=right src=http://www.xcwhw.cn/fla/dl/88.swf width=400 height=350 type=application/x-shockwave-flash WMODE="transparent" QUALITY="high"></EMBED>

 代码 解析:

  LEFT: 300px                FLASH 离屏幕左侧的距离,值越大离左侧越远

  POSITION: absolute         FLASH 位置固定

 TOP: 500px                 FLASH 离屏幕顶端的距离,值越大离顶端越远越靠下

 src=http://www.xcwhw.cn/fla/dl/88.swf    黄色为FLASH地址,可替换

   width=400                   FLASH  的宽度

   height=350                  FLASH 的高度

   QUALITY="high               指FLASH 为高质量

   WMODE="transparent          指FLASH 为透明FLASH ,即不带背景的FLASH ,

                               若去掉这个,FLASH就不透明了。

ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss

(5)

灯笼FLASH地址:
1.http://www.xcwhw.cn/fla/dl/83.swf
2、http://www.xcwhw.cn/fla/dl/84.swf
3、http://www.xcwhw.cn/fla/dl/85.swf
4、http://www.xcwhw.cn/fla/dl/86.swf
5、http://www.xcwhw.cn/fla/dl/87.swf
6、http://www.xcwhw.cn/fla/dl/88.swf
7、http://www.xcwhw.cn/fla/dl/89.swf
8、http://www.xcwhw.cn/fla/dl/90.swf
9、http://www.xcwhw.cn/fla/dl/91.swf
10、http://www.xcwhw.cn/fla/dl/92.swf
http://www.xcwhw.cn/fla/dl/3-253.swf

灯笼在婚照里 

ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
(6) 

好友博客滚动导航边栏版
    制作方法一(博客代码)

这是一款全部使用浪博客代码制作的“好友博客滚动导航边栏版”,点击博友的头像即可浏览该博友的博客。
  制作方法介绍如下:
  一、准备工作
  登录博客,进入“好友”→“管理”,提取博友的昵称、博客地址、头像地址。
  1、提取博友昵称:按住鼠标左键将博友昵称拉蓝(即选中),按右键,选“复制”或按Ctrl+c键后粘贴(或Ctrl+v)到“记事本”备用。
  2、提取博客地址:鼠标指向博友昵称,按右键,选“复制快捷方式”或按Ctrl+t键后粘贴(或Ctrl+v)到“记事本”备用。
  3、提取头像地址:鼠标指向博友头像,按右键,选“属性”,弹出属性窗口后,复制地址(URL)后粘贴(或Ctrl+v)到“记事本”备用。
  由于新浪博客对边栏的正文字数限制,“滚动导航好友博客边栏版”最多容纳54位好友。
  二、编制分组代码(3位好友为一组)
  将以下分组通用代码复制粘贴到你的“记事本”,用一组好友的真实博客地址、头像地址、昵称替换通用代码中的中文文字(蓝字)部分。

<BR>  <A href="博客网址1" target=_blank><IMG src="头像网址1"></A>  <A href="博客网址2" target=_blank><IMG src="头像网址2"></A>  <A href="博客网址3" target=_blank><IMG src="头像网址3"></A><BR> 好友昵称1 好友昵称2 好友昵称3

  三、组装完整的代码

  将以下代码复制粘贴到你的“记事本”,然后将各分组代码替换以下完整代码中的分组代码1分组代码2......分组代码n

 <TABLE style="FILTER: progid:DximageTransform.Microsoft.gradient(gradientType=1,startColorstr=#eFeF8F,endColorstr=#9Ce2AA)" borderColor=#ff00ff height=300 cellSpacing=1 cellPadding=4 width=188 border=1>
<TBODY>
<TR>
<TD>
<MARQUEE scrollAmount=3 scrollDelay=0 direction=up height=300><FONT style="FONT-SIZE: 12px" color=#65412e>分组代码1分组代码2......分组代码n</FONT></MARQUEE></TD></TR></TBODY></TABLE>

  四、测试,调整好友昵称的文字位置

  可通过“发博文→预览”的方式来测试,调整好友昵称的文字位置。具体操作:先将“记事本”组装好的代码复制好,然后发博文→点击“显示源代码”(进入代码编辑区)→粘贴→预览。如果发现好友昵称位置不对,回到代码编辑区,找到好友昵称,在好友昵称前、后增加或删除空格(或全角的空格),再预览,直到自己满意为止。满意后,回到代码编辑区,复制代码(鼠标右键→选“全选”→鼠标右键→选“复制”)

  五、安装到博客的边栏

  博客主页→页面设置→自定义组件→添加文本组件→输入组件名称(标题)→选中“显示源代码”→鼠标右键→选“粘帖”→保存

    sssssssssssssssss

   制作方法二(FLASH)
    这是一款使用FLASH8制作的通用的“好友博客滚动导航边栏版”。不需要专门的FLASH动画制作技术,不要专门的空间上传SWF,只要在代码中改变参数(使用自己的好友博客信息),就是自己的好友博客导航了。
  鼠标指向头像停止移动,点击头像或鼠标指向头像后右键→去该博友家园访问可浏览该博友的博客。鼠标离开头像后,开始移动。移动速度和移动方向视鼠标位置不同而不同。
  说明:由于新浪博客在博文发表后,屏蔽了FLASH动画外联功能右边实例无法浏览博友的博客。我的博客边栏的“博友导航”可以浏览博友的博客。
  制作方法介绍如下:
  一、准备工作(同制作方法一)
  二、添加FLASH动画代码  
<EMBED src=http://dashan.vip5./swf/博友外部.swf width=190 height=340 type=application/x-shockwave-flash WMODE="transparent" QUALITY="high"  FLASHVARS="参数列表"></EMBED>
  三、参数列表
  参数列表的组成:by=博友1信息|博友2信息|......博友n信息&ydcs=移动速度
  1、by博友参数
  一位博友信息由“昵称,博客网址,头像网址”组成,其中逗号必须是英文的逗号。例如:
仔仔妈,http://blog.sina.com.cn/u/1304695592,http://portrait1.sinaimg.cn/1304695592/blog/50。每位博友信息之间用英文的竖线(|)分隔。
  2、ydcs移动速度参数
  ydcs=数值。数值越大移动速度就越慢。这是个可选的参数。如果不要这个参数默认的移动速度为30。

  3、&参数分隔符号

    by和ydcs二个参数排列不分顺序,但参数之间必须有&参数分隔符号。

    建议:1、将“添加FLASH动画代码”复制粘贴到“记事本”,在“记事本”填写好“参数列表”。

     2、通过“发博文→预览”的方式来测试。测试后,回到代码编辑区,复制代码(鼠标右键→选“全选”→鼠标右键→选“复制”)

     3、测试成功后,一次性安装到博客的边栏。安装方法同“制作方法一”。注意:不要在“自定义组件”中对新安装的“导航”作任何修改。
ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss

(7)

翻页效果Flash相册制作教程下载《翻页FLASH相册多彩版

或点这里 http://wt./200804/FLIPFlashAlbumDeluxe.rar 

ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss

(8)

从右向左移代码:
<marquee scrollAmount=1 direction=left>本博博友</marquee>


带背景色移动代码:
<MARQUEE scrollAmount=1 bgColor=#aaaaee>啦啦啦,我会移动耶!</MARQUEE>
 

备注:scrollAmount=1  此表示速度,数字可以改变,数字越大移动越快。数字越小移动越慢,

ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss

(9)

    纯图片链接代码:

如果要点一下图片就能打开一个网站的链接代码是这样的:

<a href="网址";><img src="图片地址"; width="150" height="100"></a>

纯图片链接在新窗口打开代码:

如果要点一下图片就能打开一个网站的链接,并且重新打开一个窗口。代码是这样的:

<a href="网址";; target="_blank"><img src="图片地址"; width="150" height="100"></a>

注:width="宽"  height="高"

ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss

(10)

1. 用颜色代码作日志背景
<DIV style="BACKGROUND-COLOR: #ffc20e" align=center>
<DIV align=center>此处输入文字内容</DIV></DIV>
<DIV></DIV>

备注:#ffc20e  为颜色代码,查表可以替换

 

2.用颜色代码作日志边框背景:

代码如下:

<TABLE cellSpacing=20 borderColorDark=#FFFF00  cellPadding=25  width="100%" align=center bgColor=#000000    borderColorLight=#33FF00   border=15>
<TBODY>
<TR>
<TD>
<P><FONT color=#ffebcd size=5><STRONG>文章内容:以背景色作为背景</STRONG></FONT></P></TD></TR></TBODY></TABLE>

备注: bgColor=#000000,指表格的背景色,可以自行设置自己喜欢的背景颜色,我选的是黑色。

       borderColorDark=#FFFF00,指暗边框颜色,可自行设置。

       borderColorLight=#33FF00,指亮边框颜色,可自行设置。
  

3.用图片地址作日志边框背景:
 
<P  align=center>
<TABLE  align=center  borderColorLight=#33FF00      borderColorDark=#FFFF00     cellSpacing=20   cellPadding=25 width="70%"  bgcolor=008080  background=图片地址  border=15>
<TBODY>
<TR>
<TD>
<P><FONT color=#ffebcd size=5><STRONG>日志内容:用图片作背景</STRONG></FONT></P></TD></TR></TBODY></TABLE> 

sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss(11)

(11)

在flash上面添加文字
代码:
<DIV style="LEFT: 0px; OVERFLOW: hidden; WIDTH: 560px; POSITION: relative; TOP: 0px; HEIGHT: 390px">
<DIV style="LEFT: -60px; POSITION: absolute; TOP: -60px"><EMBED src=Flashe地址 width=宽度 height=高度 type=application/octet-stream QUALITY="high" WMODE="transparent" ></EMBED></DIV>
<DIV style="LEFT: 文字横向距离(比如150)px; POSITION: absolute; TOP: 文字纵向距离(比如300)px"><FONT style="FONT-SIZE: 文字高度pt; FONT-FAMILY: 文字字体" color=文字颜色代码><B>要添加的文字</B></FONT></DIV></DIV>

sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss

(12)

动态图片制作(图片上面放上FLASH)
代码公式:
<TABLE borderColor=#127626 height=高度 cellSpacing=0 cellPadding=0 width=宽度 background="图片地址" border=3>
<TR>
<TD>
<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=第一个FLASH地址 width="宽度" height="高度" type=application/x-shockwave-flash wmode="transparent" quality="high">
<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=第二个FLASH地址 width="宽度" height="高度" type=application/x-shockwave-flash wmode="transparent" quality="high">
</TD></TR></TABLE>

sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss

(10)

sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss

(10)

sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss

(10)

sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss

(10)

sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss

(10)

sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多