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

走近太平洋

感悟生命真谛

 
 
 

日志

 
 

【引用】博客常用代码汇编(原创)  

2011-04-07 23:39:43|  分类: 博客技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
博客常用代码汇编

 

  我在写日志和制作音画时,经常要用到代码,有的可以直接在编辑栏写,但是还有一些技巧不能直接在编辑页面上写,只好利用代码在代码栏里贴,因此了解一些代码的知识对制作很有帮助。我根据自己的使用理解汇编了一些博客常用的代码,希望对朋友有所帮助。

段落代码:

<P></P>    表示一段开始和结束。这组代码的排列是从左到右。<p align=left></P>也也可用这组代替。

<P align=center>和尚</P>  这组代码表示排列是从中间往两边。

<P align=right>和尚</P>  这组代码表示排列是从右到左。

<DIV></DIV>

<DIV align=center></DIV>

<DIV align=right></DIV>  以上三组代码的含意与上面三组相同,只是在有些场合必须用这三组代码。

<CENTER></CENTER>  这组代码表示居中。 

文字及颜色代码:

<FONT face=楷体_gb2312 color=#ffff00 size=5>中间是文字</FONT>  这组代码就是文字代码,红色是颜色代码,白色是文字大小代码,数字越小文字越小,反之越大。数值从1--7,再要加大要选另外的代码了。

<DIV style="FONT-SIZE: 28pt"><FONT face=楷体_gb2312 color=#ffff00>中间是文字</FONT></DIV>

<DIV style="FONT-SIZE: 28pt">代替size=5 就可以使文字任意大小。

<STRONG>文字加粗代码</STRONG>  这组代码加在文字前后,字体会变粗。也可用<B></B>这组代码替代。

<EM>文字斜体代码</EM>  这组代码加在文字前后,字体会变粗。

<DIV style="FILTER: shadow(color=#FFFF00, strength=10); WIDTH: 800px; HEIGHT: 70px; FONT-SIZE: 48pt"><EM><FONT color=#ff0000 face=黑体><STRONG>这是一组文字修饰代码,使你的文字更好看。</STRONG></FONT></EM></FONT></DIV> 

其中(color=#FFFF00, strength=10)是阴影部分的颜色和阴影的厚度。

这是一组文字修饰代码,使你的文字更好看。

图片代码:

 WIDTH: 720px; HEIGHT: 500px;   这组代码是常用的图片尺寸代码(包括小写的 width=720 height=500)。

 WIDTH: 720px;  width=720  这代表图片的宽度,HEIGHT: 500px; height=500  这代表图片的高度。

<P align=center><IMG style="FLOAT: none; MARGIN: 0px 10px; WIDTH: 750px; HEIGHT: 562px; cssFloat: none" http://img241.ph.126.net/1d8BrYDp3J2aJ6BvHldGxw==/2202823167739099823.jpg"></P>

  这组是典型的图片代码。其中黄色部分是图片的地址。

连接代码:

<P align=left><A href="http://shilai199.blog.163.com/" target=_blank><FONT face=黑体 color=#ffffff size=4>  连接和尚的博客</FONT></A></P>

  这组就是典型的文字连接代码。红色部分为你想连接的地址,后面的文字是你想说明的内容。样式如下: 

连接和尚的博客

<P align=center><A href="http://shilai199.blog.163.com/blog/static/32927565201091452937847/" target=_blank><IMG border=0 src="http://img387.ph.126.net/W-qfJJpMbt8OrhlzNhUArw==/2431099373851040872.jpg">
</A></P><P align=center><FONT color=#cc0000 size=3><STRONG>俺孙女周岁生日的画像</STRONG></FONT></P>

  这组就是典型的图片连接代码。红色部分为你想连接的地址,黄色部分是你取的图片地址,后面的文字是不连接的,点击图片就能打开日志。样式如下: 

博客常用代码汇编 - 和尚 - 和  尚

俺孙女周岁生日的画像

<P align=center><A href="http://shilai199.blog.163.com/blog/static/32927565201091452937847/博客常用代码汇编(原创) - 和尚 - 和  尚" target=_blank><IMG src="http://img387.ph.126.net/W-qfJJpMbt8OrhlzNhUArw==/2431099373851040872.jpg" border=0> </A></P>
<P align=center><A href="http://shilai199.blog.163.com/blog/static/32927565201091452937847/" target=_blank><FONT color=#cc0000><STRONG>俺孙女周岁生日的画像</STRONG></FONT></A></P>

  如果你想图片和文字都要连接,只要添加一组文字连接代码。红色部分为你想连接的地址,黄色部分是你取的图片地址,点击图片就能打开日志,后面的文字也可以连接的。样式如下: 

博客常用代码汇编 - 和尚 - 和  尚

俺孙女周岁生日的画像

<P align=center><EMBED src=http://flash.flashline.cn/flashi/sucai/rj/7.swf width=400 height=300 type=application/x-shockwave-flash></P></EMBED>

  上面一组是典型的fiash连接代码,可以连接任何一个fiash作品,你只要改动一下红色部分的fiash地址即可。上面的代码是带有背景色的,如果你想去掉背景色可以加一组代码(wmode="transparent")把下面的代码变成:

<P align=center><EMBED src=http://flash.flashline.cn/flashi/sucai/rj/7.swf width=400 height=300 wmode="transparent" type=application/x-shockwave-flash></P></EMBED>

播放器代码:

隐藏(hidden=true)播放器(循环)
<EMBED src=音乐网址 hidden=true type=audio/mpeg AUTOSTART="1" loop="-1">

隐藏(hidden=true)播放器(不循环)
<EMBED src=音乐网址 hidden=true type=audio/x-ms-wma AUTOSTART="1">

小巧播放器:
<P align=center><EMBED style="WIDTH: 406px; HEIGHT: 125px"
src=http://www.zqzone.cn/show/mp3/swf/zQzone_cn293.swf?song=亲亲宝贝&amp;autoStart=yes&amp;repeatPlay=yes&amp;mp3=http://www.supersoft.com.cn/mp3/jimmy/jimmy19.mp3&amp;.swf width=406 height=125 type=application/x-shockwave-flash loop="1" autostart="1" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"> </P>

  以上是几组常用的播放器代码,红色的字你可以另外改成你想说的话,黄色的数字改动一下可以变换式样,白色是歌曲的地址。

边框代码:

<DIV align=center>
<TABLE cellSpacing=8 cellPadding=0 width=650 background=http://img77.ph.126.net/PFOoniFo1bMF_0vSEV-HzA==/862439328642284189.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=25 cellPadding=0 width="100%" bgColor=#dc143c background=http://img840.ph.126.net/7FuFC5fLLFOLnnMsAXEbRw==/788974359721024827.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#ff0000 cellSpacing=5 cellPadding=0 width="100%" bgColor=#ff0000 background=http://img50.bimg.126.net/photo/ILTCj3WwdUIbo0ssXL1r8w==/2816720091944287074.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#ff0000 cellSpacing=10 cellPadding=0 width="100%" bgColor=#ff0000 background=http://img7.bimg.126.net/photo/KXgGBj40HppCBpOAkpAlFg==/2015079358272524179.jpg border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<DIV style="FONT-SIZE: 45pt; FILTER: shadow(color=#FFFF00, strength=10); WIDTH: 600px; HEIGHT: 90px"><EM><FONT face=黑体 color=#ff0000><STRONG>边框代码</STRONG></FONT></EM></FONT></DIV>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>

边框代码


  这组是常用的边框代码,红色的图片表示最外面一圈,黄色的图片表示第二圈,紫色的图片表示第三圈,白色的图片是最里层,也是底图的地址。你只要改变图片地址就能改变边框的样式,另外cellSpacing=8这组代码表示每层边框的边的厚度,0表示比显示出来,数额越大边的厚度越宽。

 

编辑:和尚

2010年10月23日编辑

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

历史上的今天

评论

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

页脚

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