http://blog.sina.com.cn/aricancer[订阅]
字体大小: 正文
新浪博客美化(五)(2009-04-14 15:59:49)

新浪博客美化代码:如何给你的博客加上滚动字幕和滚动图片
代码如下:
  在网络上有很多滚动字幕的样式,但是他们的代码基本是一致的,只是对部分参数进行一下修改就行了。
代码如下:

--------------------------------------------------------------------------------

<MARQUEE style="WIDTH: 100px; HEIGHT: 45px" scrollAmount=1 scrollDelay=10 direction=down >自上而下滚动<BR>滚<BR>在滚<BR>永远在滚</MARQUEE>

--------------------------------------------------------------------------------

代码说明:
width-------整个滚动区的宽度,可调;
height------整个滚动区的高度,可调;
scrollamount----滚动步长,改动变化很大,数值越大滚动越快;
scrolldelay-----滚动频率,每次跳动之间的时间间隔,数值越大跳的越慢;
direction-------滚动方向。

滚动字幕大致可以分为以下几类:

--------------------------------------------------------------------------------

1.       自下而上滚动
自下而上滚动

在滚
永远在滚
滚完还滚
代码中的滚动方向值为: "direction=up"

--------------------------------------------------------------------------------
2.      自上而下滚动
自上而下滚动

在滚
永远在滚

代码中的滚动方向值为: "direction=down"

--------------------------------------------------------------------------------

3.      从右向左滚动
自右而左滚动

在滚
永远在滚

代码中的滚动方向值为: "direction=left"
--------------------------------------------------------------------------------
4. 从左向右滚动
自左而右滚动

在滚
永远在滚
代码中的滚动方向值为: "direction=rigt"
--------------------------------------------------------------------------------

呵呵,这个特效的代码是:(再别康桥滚动显示)
<DIV><A href="http://blog.sina.com.cn/u/1191003304" target=_blank><FONT color=#ff0000>三峡在线:分享生活经典</FONT></A></DIV><TABLE borderColor=#000000 cellSpacing=0 cellPadding=5 bgColor=#6699ff border=1>
<TBODY>
<TR>
<TD>再别康桥
<MARQUEE scrollAmount=1 scrollDelay=77 direction=up width=270 height=77>
<DIV>     <FONT face=宋体 color=#ff0000 size=6>再别康桥</FONT></DIV>
<DIV><FONT face=宋体 color=#ff0000 size=1>                                <FONT color=#000000 size=2><FONT color=#990033>徐志摩</FONT></FONT></FONT></DIV>
<DIV>
< src="./images/smilies/titter.gif" border=0 smilieid="9"> align=left><SPAN style="FONT-SIZE: 9pt; LINE-HEIGHT: 20px; FONT-FAMILY: 宋体"><FONT color=#ff80c0>轻轻的我走了,正如我轻轻的来; <BR>我轻轻的招手,作别西天的云彩。<BR><BR>那河畔的金柳,是夕阳中的新娘;<BR>波光里的艳影,在我的心头荡漾。<BR><BR>软泥上的青荇,油油的在水底招摇;<BR>在康河的柔波里,我甘心做一条水草!<BR><BR>那榆荫下的一潭,不是清泉,<BR>是天上虹揉碎在浮藻间,沉淀着彩虹似的梦。<BR><BR>寻梦?撑一支长篙,向青草更青处漫溯,<BR>满载一船星辉,在星辉斑斓里放歌。</FONT></SPAN></P>
< src="./images/smilies/titter.gif" border=0 smilieid="9"> align=left><SPAN style="FONT-SIZE: 9pt; LINE-HEIGHT: 20px; FONT-FAMILY: 宋体"><FONT color=#ff80c0>但我不能放歌,悄悄是别离的笙箫;<BR>夏虫也为我沉默,沉默是今晚的康桥。</FONT></SPAN></P>
< src="./images/smilies/titter.gif" border=0 smilieid="9"> align=left><SPAN style="FONT-SIZE: 9pt; LINE-HEIGHT: 20px; FONT-FAMILY: 宋体"><FONT color=#ff80c0>悄悄的我走了,正如我悄悄的来;<BR>我挥一挥衣袖,不带走一片云彩。<BR><BR>              十一月六日中国上海</FONT></P>
< src="./images/smilies/titter.gif" border=0 smilieid="9"> align=right> </P>
< src="./images/smilies/titter.gif" border=0 smilieid="9"> align=right> </P></SPAN></DIV></SCRIPT></MARQUEE></TD></TR></TBODY></TABLE>
<DIV></DIV>
<DIV></DIV>
<DIV></DIV>
改变其中的字即可。记得要使用原码编辑哦!~
从上往下滚把direction=up改成direction=down,scrollDelay=77是速度。


滚动图片的代码是:
<DIV><A href="http://blog.sina.com.cn/u/1191003304" target=_blank><FONT color=#ff0000>三峡在线:分享生活经典</FONT></A></DIV><MARQUEE scrollAmount=1 scrollDelay=1 direction=up width=200 height=230>
<DIV align=center><IMG src="http://xiaobt.cn/web/images-bosstar/1.jpg" width=200 border=0></DIV>
<DIV align=center><IMG src="http://xiaobt.cn/web/images-bosstar/2.jpg" width=200 border=0></DIV>
<DIV align=center><IMG src="http://xiaobt.cn/web/images-bosstar/3.jpg" width=200 border=0></DIV>
<DIV align=center><IMG src="http://xiaobt.cn/web/images-bosstar/4.jpg" width=200 border=0></DIV>
<DIV align=center><IMG src="http://xiaobt.cn/web/images-bosstar/5.jpg" width=200 border=0></DIV>
<DIV align=center><IMG src="http://xiaobt.cn/web/images-bosstar/6.jpg" width=200 border=0></DIV></MARQUEE>
其中一个<div...>....</div>为一个单元,想添加更多图片滚动可以复制,格式很清楚了,但是多了会影响速度。

 


新浪博客美化代码:如何给你的博客加上添加动态鼠标
代码如下:
新建空白面版输入代码:
<STYLE type=text/css>
a:hover {cursor:url('*.ani')}
BODY {cursor:url('*.ani
')}
</STYLE>


注:一定要输入几个文字才点“显示源代码”,字母也可以。

*.ani为动态光标地址。需要替换即可!!
第一个地址是鼠标放在连接上的样子,第二个是平常的样子.

CSS鼠标样式大全-
http://blog.sina.com.cn/u/446ae4ee010006q4

获取Q-ZONE鼠标地址的方法:
QZONE鼠标地址
1.登陆你的QQ空间-装扮空间....找到选鼠标的地方
2.看到鼠标样式后在图片上点右键,点属性
比如:
http://imgcache.qq.com/qzone/item/pre/6/3046.gif
然后把地址的pre改为orig,把最后的.gif改为.ani
http://imgcache.qq.com/qzone/item/orig/6/3046.ani
就OK了,这就是地址!

新浪博客美化代码:如何给你的博客加上免费IP地址显示代码
代码如下:

免费IP地址显示代码
<iframe src=http://ip.91.com/ip/showip.asp?text=&bg=&line=2&scro=1&leng=180 frameborder="0" scrolling="no" width="180" height="30" marginheight="4" marginwidth="0"></iframe>

或<iframe width="1800" height="30" frameborder="0" scrolling="no" src="http://www.cz88.net/ip/viewip468.aspx"></iframe

来源地显示代码一:
<script src="http://w1.k688.com/ip/ip1.js"></script>

来源地显示代码二:
<script src="http://w1.k688.com/ip/ip2.js"></script>

来源地显示代码三:
<script src="http://w1.k688.com/ip/ip3.js"></script>

来源地显示代码四 :
<script src="http://w1.k688.com/ip/ip4.js"></script>

如果您想用,非常简单,不用进行任何申请,只要拷贝上面代码就可以了!

新浪博客美化代码:如何给你的博客加上免费IP地址位置查询代码
代码如下:

<FORM METHOD=POST ACTION="http://www.ip138.com/ips8.asp" name="ipform" target="_blank">
<tr><td align="center">IP地址:<input type="text" name="ip" size="16">
<input type="submit" value="查询"><INPUT TYPE="hidden" name="action" value="2">
</td></tr></FORM>


新浪博客美化代码:如何给你的博客加上免费手机地理位查询代码
代码如下:

代码一:
<form method="POST" action=http://www.imobile.com.cn/simcard.php target="_blank">手机号(前7位):<input type="text" name="simcard" size="7"><input type="submit" value="查询"></form>


代码二

<FORM action=http://www.k688.com/sj/index.php method=post target="_blank">
<input onMouseOver="this.focus()"   onClick="if (this.value=='
请输入手机号码') this.value=''" name="m" type="text" id="m2" size="12" value='请输入手机号码'>
<input type="submit" name="Submit" value="手机地址">
<input name="a" type="hidden" id="a2" value="search">
</form>


新浪博客美化代码:如何给你的博客加上添加视频的代码

添加视频的代码:
<DIV align=left></DIV><EMBED src=视频链接地址 width=200 height=186 type=audio/mpeg auto_old="false" loop="false"></DIV>
设置和音乐一样"true"为自动播放,"false"为不自动播放,宽度width和高度height都可以自定义。

新浪博客美化代码:如何给你的博客加上文章背景图

文章背景图,图片左边,右边插入文字代码
文章的背景图代码:

<div style="WIDTH: 109px; HEIGHT: 108px;">
<img height="108px" src="图片链接地址" width="109" align="right">
<div style="float:left; background-color: TRANSPARENT;WIDTH: 109px; HEIGHT: 108px; ">
<br>
<font color="#FF00FF">文字</font>
</div>
在图片左边、右边插入文字:把图片放在文字的左边----------< src="./images/smilies/titter.gif" border=0 smilieid="9">><IMG height=201 src="图片连接地址" width=154 align=left border=0><FONT face=Arial> 文字<BR> </FONT><BR clear=left></P>
把图片放在右边-----------------< src="./images/smilies/titter.gif" border=0 smilieid="9">><IMG height=201 src="图片连接地址" width=154 align=right  border=0><FONT face=Arial> 文字<BR> </FONT><BR clear=left></P>

新浪博客美化代码:如何给你的博客加上图片超链接代码

代码:

图片超链接:<a href="网址" target="_blank"><img src="图片" width="宽度" height="高度" alt=" 说明"
border="0"></a>


文字超链接: < src="./images/smilies/titter.gif" border=0 smilieid="9">><A href="网址" target=_blank>文字</A></P>
<DIV></DIV>
<DIV></DIV>

把以下代码加在已经存在的面板里(想选那种方式就加那段代码,不要全部都加):

让链接变色
<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { color: #3399FF }
</STYLE>
                                          
增加链接的力度—即字体变大
<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover {font-weight: bold }
</STYLE>
                                          
触到链接是出现虚线
代码:<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover {border-bottom:1px dashed #51bfe0 }
</STYLE>

                                          
会移动的链接
代码<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { position: relative; left:1px; top:1px; }
</STYLE>
                                 
给链接添加背景色
<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { background-color: #CCFFFF; }
</STYLE>
注意:color颜色自己设定,把以上蓝色地方换成你喜欢的颜色代码,具体颜色代码请看美化必备
常用颜色代码 RGB色彩对照表

新浪博客美化代码:如何给你的博客加上每日运程星座查询
代码如下:

<DIV><A href="你的博客地址" target=_blank><FONT color=#ff0000>你博客名称</FONT></A></DIV><IFRAME src="http://astro.lady.qq.com/index/ladyastro.htm" frameBorder=0 width=250 scrolling=no height=290></IFRAME>
<DIV></DIV>
<DIV></DIV>


新浪博客美化代码:如何给你的博客加上生活中实用查询代码
代码与方法如下:
方法:
第一步:进入控制面板——个人首页维护——自定义空白面板——新增面板——勾显示源代码——把下面的代码粘贴上去——保存
代码:
<DIV><A href="http://www.sxzx.net/"><IMG src="http://img.sxzx.net/Ad/Sxzx_Logo.gif" border=0></A></DIV>
<DIV><A href="http://www.chinalaw114.com/chinafa/" target=_blank><FONT color=#000000>法律法规</FONT></A>    <A href="http://www.cswacq.com.cn/cswacqweb/hbdt/" target=_blank><FONT color=#000000>航班动态</FONT></A></DIV>
<DIV><A href="http://www.21page.net/public/code_world.asp" target=_blank><FONT color=#000000>国际区号</FONT></A>    <A href="http://www.stockstar.com/home.htm" target=_blank><FONT color=#000000>股票行情</FONT></A></DIV>
<DIV><A href="http://www.pconline.com.cn/market/gz/" target=_blank><FONT color=#000000>电脑报价</FONT></A><FONT color=#000000>    </FONT><A href="http://hangzhou.chinese.com/train/chaxun.htm" target=_blank><FONT color=#000000>火车时刻</FONT></A></DIV>
<DIV><A href="http://www.ems.com.cn/ems3/cx.htm" target=_blank><FONT color=#000000>EMS查询</FONT></A><FONT color=#000000>    </FONT><A href="http://www.20cl.com/url/sms2.htm" target=_blank><FONT color=#000000>手机真假</FONT></A></DIV>
<DIV><A href="http://language.cn.tom.com/dictionary/index.php" target=_blank><FONT color=#000000>英语词典</FONT></A><FONT color=#000000>    </FONT><A href="http://www.cma.gov.cn/qx/qxshow.php" target=_blank><FONT color=#000000>天气查询</FONT></A></DIV>
<DIV><A href="http://www.chinamobile.com/ZZFW/index.asp?classid=2#" target=_blank><FONT color=#000000>移动话费</FONT></A><A href="http://www.cctv.com/appsvr/showtime/Show_Time.jsp" target=_blank></A><FONT color=#000000>    </FONT><A href="http://www.cnuninet.com/MobileCommu/fee_inquire.htm" target=_blank><FONT color=#000000>联通话费</FONT></A></DIV>
<DIV><A href="http://www.ctrip.com/Destinations/DestinationGuides.asp" target=_blank><FONT color=#000000>景点查询</FONT></A><FONT color=#000000>    </FONT><A href="http://www.21page.net/public/use_tel.asp" target=_blank><FONT color=#000000>常用电话</FONT></A></DIV>
<DIV><A href="http://www.go2map.com/" target=_blank><FONT color=#000000>在线地图</FONT></A><FONT color=#000000>     </FONT><A href="http://www.foshan.net/topic/jns/index.html" target=_blank><FONT color=#000000>吉尼斯</FONT></A></DIV>
<DIV><A href="http://www.zgzcw.com/" target=_blank><FONT color=#000000>足球彩票</FONT></A><FONT color=#000000>    </FONT><A href="http://assistant.3721.com/guodu.htm?fb=ad_daohang_skycn" target=_blank><FONT color=#000000>在线修复</FONT></A><BR><A href="http://www.iciba.net/" target=_blank><FONT color=#000000>在线词典</FONT></A><FONT color=#000000>    </FONT><A href="http://online.rising.com.cn/" target=_blank><FONT color=#000000>瑞星查毒</FONT></A><BR><A href="http://heritage.tom.com/page/world/asia/china.html" target=_blank><FONT color=#000000>世界知识</FONT></A><FONT color=#000000>    </FONT><A href="http://ip.loveroot.com/" target=_blank><FONT color=#000000>本机地址</FONT></A></DIV>
<DIV><A href="http://www.chinadaxuesheng.com/xuelichaxun/ptgxcx.htm" target=_blank><FONT color=#000000>高校学历</FONT></A><FONT color=#000000>    </FONT><A href="http://www.cctv.com/appsvr/showtime/Show_Time.jsp" target=_blank><FONT color=#000000>电视节目</FONT></A><BR><A href="http://www.ypall.com/time_world.asp" target=_blank><FONT color=#000000>世界时间</FONT></A> <FONT color=#000000>   </FONT><A href="http://www.cctv.com/tvguide/program/1/4.html" target=_blank><FONT color=#000000>各地电视</FONT></A><BR><A href="http://www.lottery.gov.cn/" target=_blank><FONT color=#000000>全国彩票</FONT></A> <FONT color=#000000>   </FONT><A href="http://ty108.myetang.com/zy/zy09b.htm"><FONT color=#000000>度量转换</FONT></A><A href="http://assistant.3721.com/" target=_blank><BR></A><A href="http://www.wzzchao.com/mysite/wannli.htm"><FONT color=#000000>万年历表</FONT></A><FONT color=#000000>    </FONT><A href="http://www.imobile.com.cn/download.php?action=detail&did=55"><FONT color=#000000>手机位置</FONT></A><BR><A href="http://www.netat.net/" target=_blank><FONT color=#000000>英语翻译</FONT></A>  <FONT color=#000000>  </FONT><A href="http://www.bank-of-china.com/info/qpindex.shtml" target=_blank><FONT color=#000000>外汇牌价</FONT></A><FONT color=#000000> </FONT></DIV>
<DIV><A href="http://www.zhcw.com/" target=_blank><FONT color=#000000>福利彩票</FONT></A><FONT color=#000000>   </FONT><A href="http://www.m163.net/seek/getflash.dll" target=_blank><FONT color=#000000>Flash捕手</FONT></A><BR><A href="http://www.yofoo.com/IPQ/" target=_blank><FONT color=#000000>查IP地址</FONT></A><FONT color=#000000>   </FONT><A href="http://www.flashempire.com/theater/top.php" target=_blank><FONT color=#000000>Flash排行</FONT></A></DIV>
<DIV></DIV>


第二步:点击“控制面板”左侧“BLOG信息设置”中的“定制我的首页”。点击“定制我的首页” 点击“添加模块”。点击“添加模块” 勾选刚刚建立好的“对联”面板,点击下方的“选取”。选取“对联”面板刚刚建好的显示对联面板出现,点击“保存设置”。

你将会看到的效果是:

法律法规    航班动态
国际区号    股票行情
电脑报价    火车时刻
EMS查询    手机真假
英语词典    天气查询
移动话费    联通话费
景点查询    常用电话
在线地图     吉尼斯
足球彩票    在线修复
在线词典    瑞星查毒
世界知识    本机地址
高校学历    电视节目
世界时间    各地电视
全国彩票    度量转换
万年历表    手机位置
英语翻译    外汇牌价
福利彩票    Flash捕手
查IP地址    Flash排行

加载中,请稍候...
  • 评论加载中,请稍候...

验证码:请点击后输入验证码  收听验证码

发评论

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

相关博文
读取中...
推荐博文
读取中...