注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

阿龙博客

海阔凭鱼跃 天高任鸟飞

 
 
 

日志

 
 

博客常用代码  

2007-01-10 15:07:21|  分类: 代码大全 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 博客中应用比较广泛的几种东西及代码,有错误的地方还请大家指正
一.怎么在博客中添加代码?
登陆您的帐号,按下列顺序在查找并操作即可:

1,编辑状态----排版----模板----自定义,创建模块标题,复制粘贴编写代码----保存并返回;

2,编辑状态----排版----模板----自定义----点选创建好的模块标题---勾上并保存,移动新建面板位置--保存设置。做第二步的目的是将建立好的模块在博客个人首页里呈现出来。

二.如何在日志里添加带图案的写字框:

点击日记下方的代码输入以下代码:

<DIV align=center>

<CENTER>

<TABLE height=499 cellSpacing=1 width=496 background=http://blog.sina.com.cn/pic/470e283e0200017p border=0>

<TBODY>

<TR>

<TD width=496 colSpan=3 height=67> </TD></TR>

<TR>

<TD width=87 height=420 rowSpan=2> </TD>

<TD width=312 height=315>

<P align=center></P>

<DIV style="BORDER-RIGHT: white 2px solid; BORDER-TOP: white 2px solid; SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; BORDER-LEFT: white 2px solid; WIDTH: 305px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #008000; BORDER-BOTTOM: white 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 280px; BACKGROUND-COLOR: #ffffff" align=left>

<P align=left><FONT color=#008000>点击旁边的箭头,</FONT></P>

<P align=left><FONT color=#008000>就可以浏览文章.</FONT></P>

<P align=left><FONT color=#008000>发表文章时,</FONT></P>

<P align=left><FONT color=#008000>在显示源代码前面打勾</FONT></P>

<P align=left><FONT color=#008000>然后粘贴此边框代码</FONT></P>

<P align=left><FONT color=#008000>再把勾去掉</FONT></P>

<P align=left><FONT color=#008000>在边框内添加上自己的文字即可^_^</FONT></P>

<P align=left><FONT color=#008000>如有问题,请留言给xxx!</FONT></P><FONT color=#6699ff>

<P align=left> </P></DIV>

<DIV align=left><FONT color=#6699ff></FONT>&nbsp;</DIV></FONT></TD>

<TD width=74 height=420 rowSpan=2> </TD></TR>

<TR>

<TD width=312 height=103> </TD></TR></TBODY></TABLE></CENTER></DIV>

效果显示如下:

 
 
点击旁边的箭头,

就可以浏览文章.

发表文章时,

在显示源代码前面打勾

然后粘贴此边框代码

再把勾去掉

在边框内添加上自己的文字即可^_^

如有问题,请留言给xxx!

 

   
 

 

 

 

 

 

 

 


 

三.几款播放器及美化效果

 

代码如下:

1.迷你形

<DIV>
<CENTER><EMBED style="BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; FILTER: wave(); BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid" codeBase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,0,5,0803 src=音乐地址 width=179 height=47 type=application/x-oleobject loop="true" autostart="true" standby="Loading Windows Media Player components..." classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"></EMBED></CENTER></DIV>

1.美化形


 <EMBED style="FILTER: Xray" src=音乐地址 width=300 height=45 type=audio/mpeg loop="- 1" autostart="false" volume="0">


备注:代码说明:
1 WIDTH代表播放器宽度,HEIGHT代表高度,后面的数值可依自己喜好进行调整。
2 AUTOSTART="TRUE" 这里TRUE代表自动播放,如果换成FALSE则代表手动播放。

 

四.博客最新超多款精美时钟.日历代码

                         精美JS日历:

<center><iframe frameborder="no" framespacing="0" src="http://youlan.100dns.net/rili/021/cal.html" scrolling="no" width="164" height="174" border="0" ></iframe></center>
今天推出最新款的东西,看到右边这个日历没,挺不错的吧,呵呵...这就是从一个博友那里挖宝挖出来的成果,以上就是它的代码,不过别急,这只是其中一款,还有其他99种款式大家可以进这个地址里找:http://youlan.100dns.net/pages/cal1.htm 看到你喜欢的样式,记住它底下的编号,替换上面那段代码中红色的021就可以了。
 


                          精美JS时钟:

<center><iframe scrolling="no" frameborder="0" width="180" height="75" src="http://youlan.100dns.net/clock/009/clock.htm" allowtransparency="true"></iframe></center>

这个也是好东西吧,以上就是右边那个时钟的代码,还有其他很多样式大家可以进这个地址里找:http://youlan.100dns.net/pages/clock1.htm 里面每一款都附有代码。
 

                            精美FLASH时钟:
<embed src="http://youlan.100dns.net/flash/flaclo_02.swf" quality="high" wmode="transparent" bgcolor="#ffffff"
 width="180" height="180" align="middle"
 type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/>

这个也不赖吧,以上就是右边那个时钟的代码,还有其他很多样式大家可以进这个地址里找:http://youlan.100dns.net/pages/fcl1.htm 进去后,看到你喜欢的样式,在其下方编号处点击鼠标右键,选择“复制快捷方式”,然后替换代码中红色的“http://youlan.100dns.net/flash/flaclo_02.swf”这个地址就行了。

 

五 .背景图片的添加:


 

代码如下:

<IMG src="背景图片链接地址" width=图片宽度值 height=图片高度值 align=right style="FILTER: alpha(opacity=100, finishOpacity=0,style=2) ">
<DIV style="FILTER: alpha(opacity=45, finishOpacity=45,style=0); FLOAT: left; WIDTH: 文本宽度值">
<DIV style="LINE-HEIGHT: 行间距值(pt); LETTER-SPACING: 字符间距值(em)">
<P><FONT color=#ffffff size=2>你的曰志文字</FONT></P>
</DIV></DIV>

下面简要介绍一下上面语法中的两行主要命令语句的含义:
<IMG src=…….>控制曰志中的背景图片,图片的宽度及高度值均以px为单位;align这一参数控制图片位置,但不要对此进行更改,否则无法实现文字浮于图片之上的效果。Filter控制背景图片的柔化滤镜,大家可以修改其中的数值已达到不同的效果,但注意style的值只能取1,2,3这三个数值。除了柔化效果外,还有翻转、发光、阴影等若干特效,但语法表述各有不同,在此不再赘述,有兴趣的朋友可以在互联网上查询相关语法。在Space空间不同的布局方式下,曰志宽度是不相同的,所以为了更好的配合曰志的页面效果,建议选择合适宽度的图片,具体可根据布局的实际情况(即曰志的宽窄程度)将图片宽度分别设定在260px、350px、370px、550px、730px左右的近似值。
<DIV style="FILTER…….>控制曰志文字的若干效果,其中Filter命令的使用方法与前述一致,也是调节柔化效果。文本宽度也采取px为单位,其最大值也要参照上面不同布局方式时所要求的近似宽度值,如果你希望文字完全分布在整个曰志页面上,那么将WIDTH值设为100%即可。在设定了具体宽度的情况下Float命令可以省略,否则请予以保留。

 

六.计数器和MSN

先说说添加计数器。如果只是在曰志中显示来访总数,那么申请一个简单的计数器即可,提供这种服务的网站很多,你在搜索引擎中键入“Free Web Counter”会查找到很多结果,这里我个人推荐http://www.amazingcounters.com/。这个网站提供350多种计数器,款式繁杂,花色多样,绝对满足你的需要。申请时需要注册,但过程很简单,一般只需要提供少量的个人信息即可。注册成功后你就可以选择心仪的计数器了,然后再输入你个人网站的信息,你将获得一段在线生成的HTML页面的代码。某些网站还会提供给你简单的在线编辑功能,让你进一步对计数器的外观作简单的修改,以更好的适合你的需要。将获取的代码拷贝,然后转到你需要插入计数器的MSN Space曰志,点击“Edit It”按钮,进入HTML语法编辑状态,将刚才获取的代码粘贴到空白处,再退出HTML编辑状态,在曰志文本处理模式下调整计数器的位置。由于MSN Space空间没有提供置顶功能,因此你必须经常调整计数器的位置,将它始终放置在首页的曰志中(最好是第一篇曰志)。方便起见,你可以将计数器的源代码拷贝到文本文件中,以后调整时将它简单粘贴过来就可以了。

如果你想获得有关你的空间流量的具体信息,诸如单位时间内的访问量,来访者停留时间,来访者IP及所在国家等等众多专业统计结果,上述网站就不能满足你的需要了。推荐你到这个网站申请此项服务:http://www.statcounter.com/,它提供了极其强大且稳定可靠的统计功能,几乎面面俱到(至少对于我们这个水平是足够了),而且众多信息均以图形或表格的方式予以呈现,直观明了(Tucow五星推荐)。所有这些服务均为免费,除非你的月访问量超过20万。唯一的缺点就是提供的计数器样式过于简单,可供选择的余地也不大。。它的申请过程很简单,成功后会先让你选择计数器样式(你可以进行简单的定值),然后设定某些参数,诸如通过Cookie功能将你自己的登陆排除在统计数字之外等,之后你可以在Install Code页面获取HTML代码,需要注意的是,它会为不同类型的页面生成不同的代码,因此你要在“Statcounter Code Option”里选择“Html Only Code”,通过这个命令生成的代码才可用于MSN Space,获取代码后的操作就和上面已降解的方式一样了。由于是海外的服务商,所以页面信息全部是英文,这对于不谙E文的朋友可能有些麻烦。

申请MSN在线状态指示器也很简单,到下面这个网站http://snind.gotdns.com:8080/ 在“Messenger”下拉菜单里选择MSN,当然如果你有Yahoo,或AOL等提供的及时通讯工具,也可以为其申请相应的指示器。输入你的MSN Messenger用户名,网站很快会为你生成一段代码,这段代码显示的是一个图标,通过其颜色的变化来显示你的Messenger的不同状态,直接将此代码按上述方法添加到曰志中就可以了。有两个问题需要注意:该状态指示不会实时更新,它显示的状态是访问者登陆你的空间时你的在线状态,如果你在此期间上线或离线,指示器不会实时同步做出反应,除非刷新页面才会看出变化。另外显示的状态和真实状态可能会有稍许延迟,但不严重。还有一种情况也可能会发生,就是服务商的Server关机,那么指示器就无法正确显示任何状态了。

                             

                          七. 音乐及背景文字

 

① Flash代码 (写在日记内容里) [代码中的Flash地址就是网上以.swf结尾的网址]

</textarea><embed src='http://你的Flash地址'quality=high pluginspage='_Prod_Version=ShockwaveFlash" target=_blank>http://www.macromedia.com/shockw ... sion=ShockwaveFlash' type='application/x-shockwave-flash' width=330 height=240></embed>


② 背景音乐代码 (写在日记标题里) [代码中的音乐地址就是网上以.mp3/.midi/.wma/.wmv结尾的网址]

显示播放器
</textarea><EMBED SRC=http://你的音乐地址>

不显示播放器
</textarea><EMBED SRC=http://你的音乐地址 width="0" height="0" loop="999">


③ 视频MTV代码 (写在日记内容里) [代码中的视频文件地址就是网上以.rm结尾的网址]

</textarea>
<embed SRC=你的视频文件地址 type=audio/x-pn-realaudio-plugin CONSOLE=Clip1 CONTROLS=ImageWindow HEIGHT=124 WIDTH=180 AUTOSTART=true loop=true><br>


④ 电台代码 [代码中的电台地址就是网上以.asp结尾的网址]

</textarea>
<embed SRC=你的电台地址 type=audio/x-pn-realaudio-plugin CONSOLE=Clip1 CONTROLS=ImageWindow HEIGHT=124 WIDTH=180 AUTOSTART=true loop=true><br>


⑤ 修改字体和颜色 (变换字体颜色只需替换color=后面的代码,好看的字体颜色有: "#00ccff" "#ccccff" "#cc99ff" "#993399")

</textarea><b><font face="华文行楷" size="5" color="#FF0000">要修改字体和颜色的字</font></b>


⑥ 插入图片 [代码中的图片地址就是网上以.jpg/.bmp结尾的网址]

</textarea><IMG src="http://你的图片地址" border="0" width="344" height="255">

文字的几种变化:

 滚动字代码(左右):

 
林中漫步的BLOG

 
<marquee border="0" align="middle" scrolldelay="120">林中漫步的BLOG</marquee>

        滚动字幕代码(上下):
 
我不想擁有愛你的 每一夜
我也不想要對不起 全世界
所以不需要解釋誰
所以可以溫柔不退
一切就看你心裡要不要勇敢些

 
<MARQUEE scrollAmount="4" scrollDelay="77" direction="up" width="270" height="77"
onmouseout="this.start()" >我不想擁有愛你的 每一夜
<BR>我也不想要對不起 全世界
<BR>所以不需要解釋誰
<BR>所以可以溫柔不退
<BR>一切就看你心裡要不要勇敢些</MARQUEE>
                           竖排显示文字代码:
 
        <DIV style="FONT-SIZE: 9pt; WRITING-MODE: tb-rl; TEXT-ALIGN: left"><p>博客文章文字</P></DIV>
 

        带颜色的阴影效果文字代码:
林中漫步的BLOG
 
<P align=center><FONT style="FONT-SIZE: 20pt; FILTER: dropshadow
(color=#228B22,offX=4,offY=2,Positive=1); WIDTH: 100%; COLOR: #ff7f50; LINE-HEIGHT: 150%; FONT-
FAMILY: 华文行楷"><I><B>林中漫步的BLOG</B></I></FONT></P>
 

        渐变效果文字代码:
林中漫步的BLOG
 <P align=center><FONT style="FONT-SIZE:30pt;filter:alpha(opacity=100,style=1);WIDTH:100%;
COLOR:red;LINE-HEIGHT:100%;FONT-FAMILY:华文行楷"><B>林中漫步的BLOG</B></FONT></P>
 
        代码说明:
 
        opacity属性:设置透明度,取值0至100之间的任意数值,100表示完全不透明;
        style属性:设置渐变风格,0表示均匀渐变,1表示线性渐变,2表示放射渐变,3表示直角渐变。
        width:100%则表示参与渐变的对象的宽度,通常都设置为100%。
 

        阴影文字效果代码:
 
林中漫步的BLOG
<FONT style="COLOR: #000000; FILTER: shadow(color=blue); FONT-FAMILY: 华文彩云; FONT-SIZE: 20pt;
WIDTH: 100%"><B>林中漫步的BLOG</B></FONT>
 

        阴影的文字效果代码2:
 
林中漫步的BLOG

 </textarea><table style="FILTER: dropshadow(color=#cccccc, offx=2, offy=2,
positive=2);">
<font color=#6CABE7 size=2>林中漫步的BLOG</font>
</table>
 
飘动在图片背景上的文字代码:
 
<TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>
<TBODY>
<TR>
<TD background=图片地址>
<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>
 
               以图片为背景发表文章代码:
<table width="450" border="0">
<tr>
<td height="500" background="图片地址"></td>
</tr>
</table>
                     添加连续播放多首音乐的播放器

       

    要连续播放多首音乐需要到http://www.eomoo.com/player/申请播放器,并将生成的代码贴到任意面板内即可。

        1. 登陆http://www.eomoo.com/player/,单击“免费申请”


 

  评论这张
 
阅读(69)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017