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

汉卿博客

音画乐园

 
 
 

日志

 
 
关于我

总结经验 再创辉煌 音画乐园--展现一切美好的人和事、并通过特技发挥到极致!

网易考拉推荐

学学如何使用各种代码 - 彩虹的日志 - 网易博客  

2009-04-27 01:19:33|  分类: 博客制作 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

学学如何使用各种代码  2008-11-05 15:32

分类:博客技巧
字号:    

引用

雪山雄鹰学学如何使用各种代码

学学如何使用各种代码 - 彩虹的日志 - 网易博客 - sbicqtveb - sbicqtveb博客

 

一、在首页模块中插入图片:

    (1)固定图片代码:

   普通<img src="http://图片地址" border="0" width="344(宽度)" height="255(高度)"> 

   

   高级<img src="http://图片地址" width=100 height=100 hspace=5 vspace=5 border=2 align="top" alt="图片描述" lowsrc="低解析度图片地址">

说明:

src="http://图片地址"

图片来源,接受 .gif, .jpg 及 .png 格式,前两者通行已久,后者则由 96 年开始发展, 于未来取代前两者。若图片档与该 html 档同处一目录则只需写上档案名称,否则 必须加上正确的路径,相对或绝对均可。

width=100 height=100

设定图片大小,此宽度及高度一般采用 pixels 作单位。通常只设为图片的真实 大小,以免失真,若需要改图片大小最好使用图像编辑工具。(改变大小的宽和高与原图的宽和高要成正比例,图片最好是改小不改大,以免失真

hspace=5 vspace=5

设定图片边沿空白,以免文字或其它图片贴近。hspace 是设定图片左右的空间, vspace是设定图片上下的空间,高度采用 pixels 作单位。

border=2

图片边框厚度,不要边框数值设为0

align="top"

调整图片旁边文字的位置,你可以控制文字出现在图片的偏上方、中间、底部、 左右等,可选值:top, middle, bottom, left, right,内定为 botom。Netscape 还支持 texttop, baseline, absmiddle, absbottom,

texttop 表示图片和文字依顶线对齐,

baseline 表示图片对齐到目前文字行底线值,

absmiddle 表示图片对齐到目前文字行绝对中央,

absbottom 表示图片对齐到目前文字行绝对底部,(绝对底部是指它考虑到比如 y 、g、q 等字的下边)。

alt="图片描述"

这是用以描述该图形的文字,若使用文字浏览器,由于不支持图片,这些文字将会代替图片被显示。若支持图片的浏览器,当鼠标移至图片上该文字也会显示

lowsrc="低解析度图片地址"

设定先显示低解析度的图片,若加入的是一张很大的图片,下载要很长的时间,这张低解析度的图片会先被显示以免浏览者失去兴趣,通常是原图的黑白版本 

(2)移动图片代码:

<MARQUEE scrollAmount=1 scrollDelay=1 direction=up width=200 height=230>

<DIV align=center><IMG src="http://图片地址" width=200 border=0></DIV> </MARQUEE>

 其中一个<div...>....</div>为一个单元,表示一组图片,想添加更多图片滚动可以根据需要重复,格式很清楚了,但是滚动图片多了会影响加载速度。(3)固定图片上有文字移动的代码:

         <TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>

<TBODY>

<TR>

<TD background=背景图片地址>

<MARQUEE scrollAmount=3 direction=down behavior=alternate height=350>

<P align=center><FONT color=red size=6><B>要输入的文字 <br> 要输入的文字....</B></FONT></P></MARQUEE></TD></TR></TBODY></TABLE>

说明:(2)(3)中代码中“width”是宽度,“height”是高度。图片地址就是网上以 .jpg .bmp .gif 结尾的网址,scrollAmount=3是移动速度, direction=down是从上到下,换成up是从下到上,left从左到右,right从右到左。  

(4)获取图片地址的具体方法是:

      在网上搜索到喜欢的图片,在图片上点右键查看“属性”就可以获得图片的地址;

或将自己喜欢的图片上传到网易相册上,以获得一个图片网址(在图片上点右键查看“属性”)。

 

二、在首页模块中插入链接:

(1)文字显示的链接代码:

<a href="链接地址" target=_blank><FONT color=#3300FF> <h5>链接名称</h5></FONT></A>

(2)图片显示的链接代码:

<a target="cont" href="链接地址制作可移动的友情连接”)

<marquee behavior="scroll" direction=right width="90%" height="100" scrollamount="2" scrolldelay="30" ><a target="cont" href="链接地址"><img src="图片地址" width="100" height="100" border="0"></a></marquee>

 代码中scrollAmount=3是速度, direction=right从右到左,换成down是从上到下,up是从下到上,left从左到右,right从右到左。

三、在首页模块中插入动画(flash)、游戏:

<embed  src="flash动画、游戏地址" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" quality="high" width="100%"></embed>

也可将进行如此操作:

点"自定义HTML"模板标题下方的flash选项,在出现的对话框中填上“http://flash动画、游戏地址”确定即可,效果一样;而且在下方你会看到同上类似的代码。

四、在博客日志中插入视频、动画flash:

第一步、登陆自己的博客

第二步、在编辑状态下,点最上方“预览我的博客”右边的工具条,点“写日志”

第三步、点选日志编辑框左下角的"<>"显示源代码

第四步、复制下面的代码到文章里面,注意用你选中的视频地址,替换代码中的视频链接地址

 

<div align=center></div><embed src=视频链接地址 width=200 height=186 type=audio/mpeg loop="false" autostart="false">

设置和音乐一样,"true"为自动播放,"false"为不自动播放,宽度width和高度height都可以自定义。

第五步、保存文章。

第六步、发表文章显示成功。

第七步、在首页会看到视频文章的效果

五、在日志文章中插入背景音乐代码:

方法同上,代码如下:

<embed src="音乐地址" align="baseline" border="0" width="350" height="45" type="audio/x-pn-realaudio-plugin" console="LonelyStreet" controls="StatusBar,ControlPanel" autostart="false"></embed>

六、在日志文章中插入背景图片代码:

第一步、登陆自己的博客

第二步、在编辑状态下,点最上方“预览我的博客”右边的工具条,点“写日志”

第三步、点选左下角的"<>"显示源代码”---至关重要

第四步、复制下面的代码到里面,注意用你选中的背景图片地址,替换代码中的背景图片地址

(1)整个大背景代码:

<table width="450" border="0">

<tr>

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

</tr>

</table>

(2)两侧背景代码:

     <table cellSpacing="0" cellPadding="0" width="700" background="背景图片地址" border="0">

<tr><td><div align="center"><table cellSpacing="0" cellPadding="0" width="450" border="0"><tr><td><font style=" font-size: 9pt"><br><font color="#CC3300">直接输入你的文字</font></font><font color="#CC3300"><span style="font-size: 9pt"></span></font><p><span style="font-size: 9pt"></span></td></tr></table></div></td></tr></table>

(2)信纸背景代码:

   <div align="center"><div style="PADDING-RIGHT: 0px; BACKGROUND: url(图片地址); HEIGHT: 660px"><br />

<div align="left"><div style="PADDING-RIGHT: 0px; FILTER: alpha(opacity=60);SCROLLBAR-HIGHLIGHT-COLOR: #cccccc; COLOR: #cccccc;SCROLLBAR-SCROLLBAR-TRACK-COLOR: #cccccc; HEIGHT:

206px"></div></div><br /></div></div>

介绍几款信纸图片地址

http://www.pinkanan.com/attachments/forumid_1/3_4uz8In6jxB8G.gif

http://www.pinkanan.com/attachments/forumid_1/6_XfpsW4sPzWP9.gif

http://bbsimg.qq.com/2005/06/02/004/799.jpg

http://bbsimg.qq.com/2005/06/02/004/818.jpg

http://bbsimg.qq.com/2005/06/02/004/813.jpg

http://bbsimg.qq.com/2005/06/02/004/805.jpg

http://bbsimg.qq.com/2005/06/02/004/793.jpg

http://bbsimg.qq.com/2005/06/02/004/787.jpg

第五步、再次点选左下角的"<>",取消“显示源代码”的选择,你就会在编辑栏看到图片,而且光标也在图片之上(可能光标的首行不在图片的顶端,不过没有关系,尽管从光标的首行可是您的写作就行了,文字会自动顶到图片的顶端),写文章与平时一样,在光标或“直接输入你的文字”处写日志就行了

第六步、发表日志显示成功

第七步、在首页会看到有背景图片文章的效果

七、如何插入个性化鼠标

第一步、进入日志编辑界面

第二步、和平时一样写日志,文字,图片等

第三步、点选左下角的"<>"显示代码 ,将出现很多代码和文字

第四步、复制代码<span style="cursor:鼠标效果链接">到所有代码的最前面,复制代码</span>到所有代码的最后面,

第五步、发表日志,在浏览时就可看到效果了。

 

八、如何插入多个特效挂件

1、固定位置挂件的源代码:

<DIV style=" RIGHT:300px; TOP: 100px"><IMG src="图片地址" border=0></A></DIV>

说明:以上为右挂件代码,更换RIGHT(右)为LEFT(左),则为左挂件代码

2、挂件随滚动条上下移动的源代码:(网易博客页面目前不适用,但日志中可用)

<DIV style="BORDER-RIGHT: medium none; ; ; ; TEXT-ALIGN: center"><IMG src="图片地址" border=0></DIV>

代码说明:

(document.body.clientWidth)-1020);表示图片的左右位置,负数值越大距离左侧越远

(document.body.clientHeight)-600);表示图片的上下位置,负数值越大距离下方越远




引文来源  学学如何使用各种代码 - 彩虹的日志 - 网易博客
  评论这张
 
阅读(91)| 评论(0)
推荐 转载

历史上的今天

评论

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

页脚

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