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

水墨

 
 
 

日志

 
 

【如何用代码做一篇日志】【代码编辑】  

2011-10-09 19:13:54|  分类: 个人日记 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |


































 


教朋友们用代码做一幅漂亮的日志:


 


一、HRML在线编辑器地址:http://ny.xmu.edu.cn/editor.asp


 图片


打开编辑器,点上面最下一排第9个符号插入表格,如下设置: 


 


图片


 


最上面四组就按图片上设置,单元间距和单元边框是这张图片显示多宽,可以随你的想法输入,一般线条的宽输入1PX到10PX就可以了,在“背景图片”那儿插入你想放上去的图片地址。


点确定后,桌面上出现编辑的状态,然后在图片上插入光标,如果不能插上光标,就在左下角点一下源码在点回编辑,就可以了,插上光标后跟做第一层一样的,可以根据自己的喜欢放第二层,第三层等很多层的图片,宽度也自己掌握。做好边框如下:


 


图片 


 


然后把上面边框宽的部份删一些跟左右一样,下面不用管,鼠标插在图片的中间,向下击回车键,就能看出边框的效果了,或者点下面的预览也行。 效果如下:


图片
然后点击下面的源代码(在编辑器的左下方),复制全部代码,到你空间的写日志地方,点开高级,打开HTML编辑,把代码粘贴上去。在粘贴前要把里面的符号全部删掉,那样才会显示正确。
图片

图片


然后在右上角有一个返回,点击返回,就可以看到效果,然后在边框中间写日志和加上你喜欢的图片就行了。朋友们喜欢日志做多长,就敲击回车键。边框会自然往下延伸的。


 


二、下面的代码都是在HTML的编辑状态下使用的


 


1、字在图片上流动的代码   <DIV> <TABLE style="WIDTH: 380px; HEIGHT: 256px" width=380 border=0> <TBODY> <TR> <TD background=图片地址 height=250> <P> <MARQUEE style="WIDTH: 365px; HEIGHT: 238px" scrollAmount=1 scrollDelay=50 direction=up width=365 height=238>图片上的文字</MARQUEE></P></TD></TR></TBODY>
背景音乐代码


2、免费播放器的加法:


</textarea><embed src=http://你的背景音乐地址 width=0 height=0 loop= true>   (此代码不显播放器)


</textarea><embed src=http://你的背景音乐地址 width=2 height=2 loop= true>   (此代码显播放器)


3、 图片羽化代码:


圆形渐变透明<center><img src="图片地址" style="filter=alpha(opacity=100,style=2,finishopacity=0)"></center>



X形渐变透明<center><img src="图片地址" style="filter=alpha(opacity=100,style=3,finishopacity=0)"></center>


    字体滚动代码     <MARQUEE behavior=alternate>输入的内容</MARQUEE>


    图片动的羽化代码        <marquee behavior=alternate><BR>
<img src="这里放图的地址" style="FILTER: alpha(opacity=100,style=2)"width=300><BR>
</marquee></p>


       方形<CENTER><img src="这里放图地址" style="FILTER: alpha(opacity=100,style=2)"width=300>
</CENTER>


  多张图片滚动代码:
    <TABLE cellSpacing=0 cellPadding=0 width="70%" align=center border=0>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="图地址"></P></MARQUEE></TD>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="图地址"></P></MARQUEE></TD>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="图地址"></P></MARQUEE></TD>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="图地址"></P></MARQUEE></TD></TR></TBODY></TABLE></P>


三、在边框中加上现成的图片和FLASH图片、以及写文章就跟你平时做日志是一样的。 


 


能够很熟练的用好上面的代码,你就可以做好一幅漂亮完整的音画了,同时也是按你的想法做出来的,很能表达你自己的意思,祝朋友们早日学会,还有不明白处,可以问我,祝友友们玩得开心! 


 


如果我找到好的代码我会继续加在这篇日志上。


 


2010.3.30 

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

历史上的今天

评论

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

页脚

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