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

前线视界

几时归去,做个闲人,对一张琴,一壶酒,一溪云。

 
 
 

日志

 
 

我常用的几款博客代码  

2006-11-04 16:23:57|  分类: 博客记事 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

开博有两个月了,在这段时间里,我由一个博客门外汉,一点一点地去学习,到现在可以说对博客已有一些了解和运用了。这期间,得到诸如老K、超哥等很多博友的帮助和教授,自己也常去看那些博客技巧之类的日志,确实受益匪浅,在此,向这些博友表示感谢!

 

我制作博客,追求简单、简洁、平朴、平实,所以技巧性的东西并不是太多,但也保持了几种,下面,我逐一向大家介绍我常用的几款博客代码。

 

一、以图片作网址链接

 

大家可以看到我首页上有个“我爱摄影”,用鼠标点击图片就会链接到“前线摄影”。它的代码是:

 

<P align=center><a href="http://blog.163.com/qianxian_1966/" target="_blank"><IMG src="http://blog.163.com/photo/MVl-PLeWKDvp3bmjUE_pAA==/2251799813685331205.jpg">
</a>  </P>

  <P><FONT color=#3399cc><P>时间总是过的飞快,我们无法让它停下来,拍一张照片吧,让那些美丽的瞬间成为永恒。</P>
  <P>时光如水,岁月如歌,当我们翻阅这些照片回顾过去,一张照片或许是一段温馨浪漫的美好记忆,或许是一段刻骨铭心的动人感情,或许是一段纯洁无暇的深厚友谊……</P>
  <P>照片以生动直观的影像形式,记录着我们曾经拥有的过去。</P>
  <P>精彩无限,永恒瞬间。欢迎点击上面图片进入前线摄影!</P></FONT></P>

 

把“http://blog.163.com/qianxian_1966/”换成你要链接的页面地址,把“http://blog.163.com/photo/MVl-PLeWKDvp3bmjUE_pAA==/2251799813685331205.jpg”换成你制作的图片地址。图片下面可以写字,也可以不写。

 

二、首页日志左图右文字排版显示

 

大家看我的一片日志《[温馨生活提示]人体三部位需注意保暖》,首页显示的一幅小图片,图片右边是日志文字简要。它的代码是:

 

<table width="100%"><tr><td style="padding: 2px;"><img style="border: 1px solid rgb(153, 153, 153); width: 240px; height: 180px;"
src=http://blog.163.com/photo/XL5WXulV3L__QW8be88wQw==/5659898831697954133.jpg></td><td valign="top"><table width="100%"><tr><td><div>又到深秋,气温变化很大,</div></td></tr><tr><td></td></tr><tr><td><div>人体的一些部位对温度的变化</div></td></tr> <tr><td><div>非常敏感,尤其是胃部、腰</div>

</td></tr> <tr><td><div>部和腿部,要特别注意保护。</div>

</td></tr> <tr><td><div>胃部:着凉易痉挛。</div>

</td></tr> <tr><td><div>要减少生冷食物</div>

</td></tr> <tr><td><div>腰部:老病易复发。</div>

</td></tr> <tr><td><div>要注意腰背保暖</div>

</td></tr> <tr><td><div>腿部:易犯关节炎</div>

</td></tr> <tr><td><div>要多用热水泡脚。</div>

</td></tr> </table></td></tr></table>

 

把“http://blog.163.com/photo/XL5WXulV3L__QW8be88wQw==/5659898831697954133.jpg”换成你想要的图片地址,注意:这个图片尺寸不宜太大。我的这个图片尺寸是240*180。日志文字简要每行不能太多,适宜就好。

 

这个是我根据博友介绍的制作个人名片的方法改造的,挺麻烦,可能还有更简单的方法,但是我不会。

 

三、滚动文字、FLASH背景

 

大家可以看到我首页上有个“我爱户外”,文字和图片滚动上移,还有背景FLASH四瓣小黄花飘落,整体显示是四周虚,中间实。它的代码是:

 

<CENTER><EMBED                                                                                         style="LEFT: 10px; ; TOP: -70px" align=right src=http://imgfree.21cn.com/free/flash/101.swf width=250 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high" ;></CENTER>


<TABLE cellPadding=0 width=100% height=300 border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,finishOpacity=20, style=3)" width=100%>
<MARQUEE height=280 scrollAmount=1 scrollDelay=100 direction=up><center>

<P align=center><a href="http://www.blog.163.com/qianxian1966/" target="_blank"><IMG src="http://blog.163.com/photo/vACdxlDpmcEER264WDCu5A==/2004101834179879353.jpg">
</a></P>
<BR>去看看那奔腾不息的江河吧<BR>
它会冲刷你心中的忧郁<BR>
鼓起生活的信心<BR>
去看看那雄伟挺拔的高山吧<BR>
它会告诉你生活道路的曲折艰难<BR>
让你去奋力攀登<BR>
去看看那高阔晶莹的蓝天吧<BR>
它会陶冶你包容一切的性格<BR>
使你心胸开阔起来<BR>
去看看那波澜壮阔的大海吧<BR>
它会让你心旷神怡充满信心<BR>
扬起人生的远航风帆<BR>
去吧,到大自然中去吧<BR>
去感受春风的沐浴<BR>
去接受夏雨的洗礼<BR>
去享受秋天的喜悦<BR>
去经受冬天的考验<BR>
你的感情会更丰富<BR>
你的思想会更深沉<BR>
你的意志会更坚强<BR>
你的信念会更坚定<BR>
去吧,到大自然中去吧<BR>
你将会得到更多的收获<BR>
和更多的欢乐<BR>
<td></td><tr></tr></center></MARQUEE></TD></TR></table>

<P align=center><a href="http://www.blog.163.com/qianxian1966/" target="_blank"><IMG src="http://blog.163.com/photo/vACdxlDpmcEER264WDCu5A==/2004101834179879353.jpg">
</a></P>


最上面一组代码就是FLASH背景图片,“http://imgfree.21cn.com/free/flash/101.swf ”是透明FLASH地址,你可以根据自己的喜好更换,网上有很多这方便的地址。我背登山包那个图片,是链接我的博客地址了,你可以根据自己的情况换上自己的地址,或者不作链接。当然,图片也是要换自己的了。

 

四、“友情链接”的代码

 

在我的首页上,还有个“友情链接”。它的代码是:

 

<P align=center><A href="http://www.pt9.cn/" target="_blank"> 葡酒中心</A> <A href="http://www.congshi.net/" target="_blank"> 丛氏家族</A>    <A href="http://www.sdphoto.org/bbs/index.asp?boardid=35&page=1" target="_blank"> 港城影友</A><A href="http://www.5iyt.net/discuz!/index.php" target="_blank"> 我爱烟台</A> <A href="http://www.ytren.com/html/blog/115/" target="_blank"> 云裳馨儿</A> <A href="http://bbs.cnyantai.com/blog/user1/383/index.htm" target="_blank"> 紫外线语</A><A href="http://fa2000.qlblog.com/user1/193/index.html" target="_blank"> 图发两千</A> <A href="http://blog.sina.com.cn/u/1222266694" target="_blank"> 潇洒童话</A> <A href="http://blog.sina.com.cn/u/1240382673" target="_blank"> 海格伴菊</A> <A href="http://blog.sina.com.cn/u/1247655474" target="_blank"> 大厨小麦</A> <A href="http://kanxiaopin.photo.163.com/" target="_blank"> 我的同学</A> <A href="http://dpshow.163.com/index.php/" target="_blank"> 网易摄友</A> <A href="http://blog.163.com/dishuiyingyue_2006/" target="_blank"> 滴水映月</A> <A href="http://blog.163.com/sdqs1234567/" target="_blank"> 山东骑士</A>  <A href="http://blog.sina.com.cn/u/1199348904" target="_blank"> 木马拍拍</A> <A href="http://www.imageedu.com/index.asp" target="_blank"> 中艺摄校</A>  <A href="http://youyangdelige.netpic.net/" target="_blank"> 悠扬骊歌</A></P>

 

这个不多说了。大家应该一看就明白了。加了“P align=center”这个代码,是为了这些链接能够在页面上显示在中央,使版面好看一些。其实,有许多小制作,都可以加上这个的,那这些小制作就显示在中央了,版面看着比较舒服。

 

五、在日志中添加手动音乐播放器

 

有时侯,根据需要,我会在日志中添加音乐播放器。关于这个,好多人都已经介绍的很详细了。我喜欢手动播放,因为有时候读日志的时候,并不一定非要去听音乐。我用的手动播放器代码是:

 

<EMBED src=http://221.8.9.100/hj/wy/a/mldsh.wma width=450 height=45 type=audio/x-ms-wma autostart="false" >

 

http://221.8.9.100/hj/wy/a/mldsh.wma ”是音乐地址,你可以根据自己的情况更换。

 

================================================

以上这些,都是我跟博友学的,有些是自己在学的过程中,举一反三,添加了自己的创新。大家可以在制作的过程中,自己也反复试验一下,有时就会出现不错的效果。

======================================================================================

收集的常用代码

 

以图片为背景发表文章:

 进入文本编辑区-勾选“显示源代码”-在编辑栏内添加下列代码:

 <table width="图片宽度" border="0">

<tr>

<td height="图片高度" background="背景图片地址"></td>

</tr>

</table>

 然后,取消“显示源代码”的选择,会在编辑栏看到图片,而且光标也在图片之上,接着开始写文章,完了点击“发表文章”就行了。

图片透明效果

<img src="图片地址" style="filter:Alpha(opacity=100,finishOpacity=0,style=0)">

<div style="filter:Alpha(opacity=100,finishOpacity=0,style=0) ;width:宽;height:高"><img src="图片地址"></div>

代码说明:

opacity:开始处的透明度

finishOpacity:结束处的透明度

style:0-平均透明 1-线状透明 2-圆形透明 3-菱形透明

滚动条添加

<DIV style="OVERFLOW-Y: auto; OVERFLOW-X: hidden; WIDTH: 698px; HEIGHT: 125px">
<P align=left>在这里输入是文字,也可以是链接</P></DIV>

 注:(left)为对齐方式,当前是左对齐 

 

  评论这张
 
阅读(737)| 评论(5)

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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