加载中…
个人资料
彩云归_博客
彩云归_博客
  • 博客等级:
  • 博客积分:0
  • 博客访问:726,737
  • 关注人气:873
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
相关博文
推荐博文
谁看过这篇博文
加载中…
正文 字体大小:

好友博客滚动导航边栏版

(2011-03-25 11:31:05)
标签:

flash

动画

制作

实例

代码

导航

源文件

彩云归

杂谈

分类: BLOG装饰

制作方法一(博客代码)

  好友博客滚动导航边栏版  好友博客滚动导航边栏版  好友博客滚动导航边栏版
  莫郁  董建华  仔仔妈
  好友博客滚动导航边栏版  好友博客滚动导航边栏版  好友博客滚动导航边栏版
 淡淡花儿 冲浪者  小钰姥姥
  好友博客滚动导航边栏版  好友博客滚动导航边栏版  好友博客滚动导航边栏版
  元齐   水云间  碴儿姐
  好友博客滚动导航边栏版  好友博客滚动导航边栏版  好友博客滚动导航边栏版
 未知数  迎春花  飘逸冰霜
  好友博客滚动导航边栏版  好友博客滚动导航边栏版  好友博客滚动导航边栏版
 昭昭公主 音效画廓 水木清华
  好友博客滚动导航边栏版  好友博客滚动导航边栏版  好友博客滚动导航边栏版
  棋子  yueliang 雨灵琳
  好友博客滚动导航边栏版  好友博客滚动导航边栏版  好友博客滚动导航边栏版
 露莹莹  jhhu   梅姐
  好友博客滚动导航边栏版  好友博客滚动导航边栏版  好友博客滚动导航边栏版
 峄阳松   舞蝶   雨粒儿
  好友博客滚动导航边栏版  好友博客滚动导航边栏版  好友博客滚动导航边栏版
 北国风光 时良辅  泰兴之窗
  好友博客滚动导航边栏版  好友博客滚动导航边栏版  好友博客滚动导航边栏版
  清清   犇牛  木瓜老农
  好友博客滚动导航边栏版  好友博客滚动导航边栏版  好友博客滚动导航边栏版
 倚亭栖心  谷爷   扣子
  好友博客滚动导航边栏版  好友博客滚动导航边栏版  好友博客滚动导航边栏版
 广青alice  虎子  香花满径
  好友博客滚动导航边栏版  好友博客滚动导航边栏版  好友博客滚动导航边栏版
  草上飞 钦山居士 完美世界
  好友博客滚动导航边栏版  好友博客滚动导航边栏版  好友博客滚动导航边栏版
  应青   大华   宝艳凤
  好友博客滚动导航边栏版  好友博客滚动导航边栏版  好友博客滚动导航边栏版
  珍妮   白雪  雨后D虹
  好友博客滚动导航边栏版  好友博客滚动导航边栏版  好友博客滚动导航边栏版
 永驻辉煌 张玉芳 mary玛丽
  好友博客滚动导航边栏版  好友博客滚动导航边栏版  好友博客滚动导航边栏版
  爱友  许真真 刘佳琦牛牛
  好友博客滚动导航边栏版  好友博客滚动导航边栏版  好友博客滚动导航边栏版
 乐峨乐人 鸿恒之心 金彩晚霞
  这是一款全部使用浪博客代码制作的“好友博客滚动导航边栏版”,点击博友的头像即可浏览该博友的博客。
  制作方法介绍如下:
  一、准备工作
  登录博客,进入“好友”→“管理”,提取博友的昵称、博客地址、头像地址。
  1、提取博友昵称:按住鼠标左键将博友昵称拉蓝(即选中),按右键,选“复制”或按Ctrl+c键后粘贴(或Ctrl+v)到“记事本”备用。
  2、提取博客地址:鼠标指向博友昵称,按右键,选“复制快捷方式”或按Ctrl+t键后粘贴(或Ctrl+v)到“记事本”备用。
  3、提取头像地址:鼠标指向博友头像,按右键,选“属性”,弹出属性窗口后,复制地址(URL)后粘贴(或Ctrl+v)到“记事本”备用。
  由于新浪博客对边栏的正文字数限制,“滚动导航好友博客边栏版”最多容纳54位好友。
  二、编制分组代码(3位好友为一组)

  将以下分组通用代码复制粘贴到你的“记事本”,用一组好友的真实博客地址、头像地址、昵称替换通用代码中的中文文字(蓝字)部分。

<BR>&nbsp;&nbsp;<A href="博客网址1" target=_blank><IMG src="头像网址1"></A>&nbsp;&nbsp;<A href="博客网址2" target=_blank><IMG src="头像网址2"></A>&nbsp;&nbsp;<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>

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

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

  五、安装到博客的边栏

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

制作方法二(FLASH)

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

仔仔妈,http://blog.sina.com.cn/u/1304695592,http://portrait1.sinaimg.cn/1304695592/blog/50。每位博友信息之间用英文的竖线(|)分隔。
  2、ydcs移动速度参数
  ydcs=数值。数值越大移动速度就越慢。这是个可选的参数。如果不要这个参数默认的移动速度为30。

  3、&amp;参数分隔符号

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

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

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

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

    附:制作方法二(FLASH)实例代码,供参考

<EMBED src=http://dashan.vip5.flashyc.net/swf/博友外部.swf width=190 height=340 type=application/x-shockwave-flash FLASHVARS="ydcs=50&amp;by=莫郁,http://blog.sina.com.cn/u/1292416392,http://portrait1.sinaimg.cn/1292416392/blog/50|董建华,http://blog.sina.com.cn/u/1400591824,http://portrait1.sinaimg.cn/1400591824/blog/50|仔仔妈,http://blog.sina.com.cn/u/1304695592,http://portrait1.sinaimg.cn/1304695592/blog/50|淡淡花儿,http://blog.sina.com.cn/u/1627364644,http://portrait5.sinaimg.cn/1627364644/blog/50|冲浪者,http://blog.sina.com.cn/u/1308310452,http://portrait5.sinaimg.cn/1308310452/blog/50|小钰姥姥,http://blog.sina.com.cn/u/1277528523,http://portrait4.sinaimg.cn/1277528523/blog/50|元齐,http://blog.sina.com.cn/u/1258604152,http://portrait1.sinaimg.cn/1258604152/blog/50|水云间,http://blog.sina.com.cn/u/1255146680,http://portrait1.sinaimg.cn/1255146680/blog/50|碴儿姐,http://blog.sina.com.cn/u/1303090552,http://portrait1.sinaimg.cn/1303090552/blog/50|未知数,http://blog.sina.com.cn/u/1074583931,http://portrait4.sinaimg.cn/1074583931/blog/50|迎春花,http://blog.sina.com.cn/u/1082859120,http://portrait1.sinaimg.cn/1082859120/blog/50|飘逸冰霜,http://blog.sina.com.cn/u/1251381417,http://portrait2.sinaimg.cn/1251381417/blog/50|昭昭公主,http://blog.sina.com.cn/u/1578793663,http://portrait8.sinaimg.cn/1578793663/blog/50|音效画廓,http://blog.sina.com.cn/u/1373633863,http://portrait8.sinaimg.cn/1373633863/blog/50|水木清华,http://blog.sina.com.cn/u/1354294714,http://portrait3.sinaimg.cn/1354294714/blog/50|棋子,http://blog.sina.com.cn/u/1236982162,http://portrait3.sinaimg.cn/1236982162/blog/50|yueliang,http://blog.sina.com.cn/u/1242194361,http://portrait2.sinaimg.cn/1242194361/blog/50|雨灵琳,http://blog.sina.com.cn/u/1075423291,http://portrait4.sinaimg.cn/1075423291/blog/50|露莹莹,http://blog.sina.com.cn/u/1146087764,http://portrait5.sinaimg.cn/1146087764/blog/50|jhhu,http://blog.sina.com.cn/u/1063685765,http://portrait6.sinaimg.cn/1063685765/blog/50|梅姐,http://blog.sina.com.cn/u/1290562817,http://portrait2.sinaimg.cn/1290562817/blog/50|峄阳松,http://blog.sina.com.cn/u/1338346754,http://portrait3.sinaimg.cn/1338346754/blog/50|舞蝶,http://blog.sina.com.cn/u/1282849854,http://portrait7.sinaimg.cn/1282849854/blog/50|雨粒儿,http://blog.sina.com.cn/u/1414200940,http://portrait5.sinaimg.cn/1414200940/blog/50|北国风光,http://blog.sina.com.cn/u/1240701082,http://portrait3.sinaimg.cn/1240701082/blog/50|时良辅,http://blog.sina.com.cn/u/1602887535,http://portrait8.sinaimg.cn/1602887535/blog/50|泰兴之窗,http://blog.sina.com.cn/u/1721699690,http://portrait3.sinaimg.cn/1721699690/blog/50|清清,http://blog.sina.com.cn/u/1372214282,http://portrait3.sinaimg.cn/1372214282/blog/50|犇牛,http://blog.sina.com.cn/u/1642876374,http://portrait7.sinaimg.cn/1642876374/blog/50|木瓜老农,http://blog.sina.com.cn/u/1596435741,http://portrait6.sinaimg.cn/1596435741/blog/50|倚亭栖心,http://blog.sina.com.cn/u/1610807581,http://portrait6.sinaimg.cn/1610807581/blog/50|谷爷,http://blog.sina.com.cn/u/1756344047,http://portrait8.sinaimg.cn/1756344047/blog/50|扣子,http://blog.sina.com.cn/u/1504696690,http://portrait3.sinaimg.cn/1504696690/blog/50|广青alice,http://blog.sina.com.cn/u/1347934612,http://portrait5.sinaimg.cn/1347934612/blog/50|虎子,http://blog.sina.com.cn/u/1115232645,http://portrait6.sinaimg.cn/1115232645/blog/50|香花满径,http://blog.sina.com.cn/u/1337496720,http://portrait1.sinaimg.cn/1337496720/blog/50|草上飞,http://blog.sina.com.cn/u/1597897200,http://portrait1.sinaimg.cn/1597897200/blog/50|钦山居士,http://blog.sina.com.cn/u/1631967397,http://portrait6.sinaimg.cn/1631967397/blog/50|完美世界,http://blog.sina.com.cn/u/1593382175,http://portrait8.sinaimg.cn/1593382175/blog/50|应青,http://blog.sina.com.cn/u/1295323080,http://portrait1.sinaimg.cn/1295323080/blog/50|大华,http://blog.sina.com.cn/u/1578447873,http://portrait2.sinaimg.cn/1578447873/blog/50|宝艳凤,http://blog.sina.com.cn/u/1394682542,http://portrait7.sinaimg.cn/1394682542/blog/50|珍妮,http://blog.sina.com.cn/u/1031657653,http://portrait6.sinaimg.cn/1031657653/blog/50|白雪,http://blog.sina.com.cn/u/1050456130,http://portrait3.sinaimg.cn/1050456130/blog/50|雨后D虹,http://blog.sina.com.cn/u/1282886952,http://portrait1.sinaimg.cn/1282886952/blog/50|永驻辉煌,http://blog.sina.com.cn/u/1284075784,http://portrait1.sinaimg.cn/1284075784/blog/50|张玉芳,http://blog.sina.com.cn/u/1267649270,http://portrait7.sinaimg.cn/1267649270/blog/50|mary玛丽,http://blog.sina.com.cn/u/1507643097,http://portrait2.sinaimg.cn/1507643097/blog/50|爱友,http://blog.sina.com.cn/u/1501787254,http://portrait7.sinaimg.cn/1501787254/blog/50|许真真,http://blog.sina.com.cn/u/1557806020,http://portrait5.sinaimg.cn/1557806020/blog/50|刘佳琦牛牛,http://blog.sina.com.cn/u/1586056227,http://portrait4.sinaimg.cn/1586056227/blog/50|乐峨乐人,http://blog.sina.com.cn/u/1350657513,http://portrait2.sinaimg.cn/1350657513/blog/50|鸿恒之心,http://blog.sina.com.cn/u/1776122325,http://portrait6.sinaimg.cn/1776122325/blog/50|金彩晚霞,http://blog.sina.com.cn/u/1316318485,http://portrait6.sinaimg.cn/1316318485/blog/50|不天,http://blog.sina.com.cn/u/1345705085,http://portrait6.sinaimg.cn/1345705085/blog/50|申城园丁乐,http://blog.sina.com.cn/u/1639009601,http://portrait2.sinaimg.cn/1639009601/blog/50|康一兵,http://blog.sina.com.cn/u/1646013223,http://portrait8.sinaimg.cn/1646013223/blog/50|虎跃艺铭,http://blog.sina.com.cn/u/1922744347,http://portrait4.sinaimg.cn/1922744347/blog/50|秋风红叶,http://blog.sina.com.cn/u/1357920293,http://portrait6.sinaimg.cn/1357920293/blog/50|少華姺子,http://blog.sina.com.cn/u/1350120132,http://portrait5.sinaimg.cn/1350120132/blog/50|老郭同志,http://blog.sina.com.cn/u/1448636427,http://portrait4.sinaimg.cn/1448636427/blog/50|松龄,http://blog.sina.com.cn/u/1140772083,http://portrait4.sinaimg.cn/1140772083/blog/50|水连天,http://blog.sina.com.cn/u/1646939955,http://portrait4.sinaimg.cn/1646939955/blog/50|绝色倾城,http://blog.sina.com.cn/u/1250726945,http://portrait2.sinaimg.cn/1250726945/blog/50|妍婷姝,http://blog.sina.com.cn/u/1494819194,http://portrait3.sinaimg.cn/1494819194/blog/50|逐鹿者,http://blog.sina.com.cn/u/1453828310,http://portrait7.sinaimg.cn/1453828310/blog/50|彬彬有礼,http://blog.sina.com.cn/u/1438637200,http://portrait1.sinaimg.cn/1438637200/blog/50|印迹,http://blog.sina.com.cn/u/1247702845,http://portrait6.sinaimg.cn/1247702845/blog/50|柳浪闻鶯,http://blog.sina.com.cn/u/1646686935,http://portrait8.sinaimg.cn/1646686935/blog/50" WMODE="transparent" QUALITY="high"></EMBED>

  当你的博友数量很多用上述方法安装到边栏时字数超限,或想改变背景、边条、昵称字颜色等,请下载源文件(点击这里下载“博友外部”源文件)。请用FLASH8打开源文件,将你的博友信息置于byxx数组内,即修改源文件中的博友信息。以及其他你需要修改的内容。

  喜欢将博友头像图片导入FLASH内部来制作的朋友,请阅读《《博友》源文件下载 》。

0

阅读 评论 收藏 转载 喜欢 打印举报/Report
  • 评论加载中,请稍候...
发评论

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

      

    新浪BLOG意见反馈留言板 电话:4000520066 提示音后按1键(按当地市话标准计费) 欢迎批评指正

    新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

    新浪公司 版权所有