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

云淡风轻

 
 
 

日志

 
 

【转载】常用基本博客代码解译  

2012-07-16 21:18:42|  分类: 网络知识 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

常用基本博客代码解释  

常用基本博客代码解译 - 黎明 - 黎世华

 一,基本代码的认识

1)贴图:<img src="图片地址">

2)加入连接:<a href="所要连接的相关地址">写上你想写的字</a>

3)在新窗口打开连接:<a href="相关地址" target="_blank">写上要写的字</a>

4)移动字体(走马灯):<marquee>写上你想写的字</marquee>

5)字体加粗:<b>写上你想写的字</b>

6)字体斜体:<i>写上你想写的字</i>

7)字体下划线: <u>写上你想写的字</u>

8)字体删除线: <s>写上你想写的字</s>

9)字体加大: <big>写上你想写的字</big>

10)字体控制大小:<h1>写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大,h5最小)

11)更改字体颜色:<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进 制)之间

12)消除连接的下划线:<a href="相关地址" style="text-decoration:none">写上你想写的字</a>

13)贴音乐:<embed src="音乐地址" width="宽度" height="高度" autostart=false>

14)贴flash: <embed src="flash地址" width="宽度" height="高度">

15)贴影视文件:<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>

16)换行:<br>

17)段落:<p>段落</p>

18)原始文字样式:<pre>正文</pre>

19)换帖子背景:<body background="背景图片地址">

20)固定帖子背景不随滚动条滚动:<body background="背景图片地址" body

bgproperties=fixed>

21)定制帖子背景颜色:<body bgcolor="#value">(value值见10)

22)帖子背景音乐:<bgsound="背景音乐地址" loop=infinite>

23)图片新窗口链接:<a href="所链接的地址" target=_blank><img src="图片地址" width="130" height="30" border=0></a>

24)使链接对象居中:<p align=center>"链接对象"</p>

25)贴图并设置尺寸:<img width="宽尺寸" height="高尺寸" src="图片地址">

常用基本博客代码解译 - 黎明 - 黎世华

 

二,制作滚动字幕

1.上下滚动:

给我你的友谊-不是在风光旖旋的时候
给我你的爱情_不是在群芳争艳的时候
给我你的温暖-不是在春回大地的时候
给我你的支援-不是在山巅欢呼的时候
给我你的真诚吧_在真诚被淹没的时候
我心依旧随笔

1.上下滚动:代码:

代码:

<MARQUEE style="FONT-SIZE: 12px; WIDTH: 132px; COLOR: rgb(34,34,221); LINE-HEIGHT: 17px; HEIGHT: 125px" scrollAmount=1 scrollDelay=1 direction=up height=125>这里是文字<BR></MARQUEE>

2.左右滚动:

鳕鲱鮩鲒欢迎你,放入代码后,点击这里就会出现文字编辑框.然后编辑你自己的文字就可以了。

2.左右滚动:代码:

代码:

<marquee direction="left" scrollamount="1" scrolldelay="10" border="0" width=500 > border="0"><FONT color=#000066 size=3><FONT color=#ff0066>编辑你自己的文字。</FONT></FONT></MARQUEE></P>

 

常用基本博客代码解译 - 黎明 - 黎世华

 

制作滚动的图片

首先新建一个模块,然后在模块中复制粘贴入以下代码:

<marquee direction=left scrollamount=4>
<img src="图片地址1" height=150>
</marquee>

图片新窗口链接:

<MARQUEE scrollAmount=2>

<A href=http://blog.sina.com.cn/u/1767073051 target=_blank><IMG height=300 src="图片地址" border=0></A>

</marquee>

注:1,图片地址处替换为你想要展示的图片的地址,即“http://……………….jpg”图片文件地址

2,height代表图片的高度,建议把所有的图片调整为相等的高度。

3,scrollamount代表图片移动的速度,值越大移动越快。如果没有它,默认为6,建议设为1~3比较好。

  4,direction代表移动的方式,等号后面可以为left(自右向左)、right(自左向右)、up(自下向上)、down(自上向下)。

5,color=#000066 代表颜色size=3>代表文字大小

6,scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的

一、向左移动

向左移动代码:

代码
<marquee><img src="http://img9.ph.126.net/WrN_jzH8-YATuVvHvicFqA==/1320962065720381599.jpg"
<br>从右向左移动</marquee>

 

 示例:

  常用基本博客代码解释 - 鳕鯡鮩鲒 - 鳕鲱鮩鲒的博客
从右向左移动

 

 

二、向右移动

向右移动代码:

代码
<marquee direction=right><img src="http://img9.ph.126.net/WrN_jzH8-YATuVvHvicFqA==/1320962065720381599.jpg"
width=90 height=30><br><font color=0000ff size=3 face=宋体><b>从左向右移动</b></font></marquee>


示例 常用基本博客代码解释 - 鳕鯡鮩鲒 - 鳕鲱鮩鲒的博客
从左向右移动

 

 

三、向上移动

向上移动代码:

代码
<MARQUEE scrollAmount=2 direction=up>
<CENTER><FONT face=华文行楷 color=#0000ff size=5><B>向上移动</B></FONT><BR><IMG style="WIDTH: 162px; HEIGHT: 180px" height=30 src="http://img9.ph.126.net/WrN_jzH8-YATuVvHvicFqA==/1320962065720381599.jpg"
width=90></CENTER></MARQUEE>


示例
向上移动
常用基本博客代码解释 - 鳕鯡鮩鲒 - 鳕鲱鮩鲒的博客

 

 

 

 

 

 

 四、向下移动

向下移动代码:

代码
<marquee direction=down scrollamount=5><center><font color=0000ff size=5 face=华文行楷><b>向下移动</b></font><br><img src="http://img9.ph.126.net/WrN_jzH8-YATuVvHvicFqA==/1320962065720381599.jpg"
width=290 height=430></marquee>


示例
向下移动
常用基本博客代码解释 - 鳕鯡鮩鲒 - 鳕鲱鮩鲒的博客

 

 五、来回移动

来回移动代码:

代码
<marquee width=100% behavior=alternate scrollamount=10><img src="http://img9.ph.126.net/WrN_jzH8-YATuVvHvicFqA==/1320962065720381599.jpg"
width=290 height=430><br><font color=0000ff size=5 face=华文行楷><b>来回移动</b></font></marquee>


示例

常用基本博客代码解释 - 鳕鯡鮩鲒 - 鳕鲱鮩鲒的博客
来回移动

 六、上下起伏

上下起伏代码:

代码
<MARQUEE>
<MARQUEE direction=up behavior=alternate height=100><IMG id=image_operate_82011292325774312 src="http://img5.ph.126.net/9cGLEjdj9iuxtT_AdfaGNQ==/576460752304386215.gif
"><FONT color=#ed1c24>鳕鲱鮩鲒欢迎你<FONT face=华文行楷 size=3></B></FONT></FONT></MARQUEE></MARQUEE>
<MARQUEE>
<MARQUEE direction=up behavior=alternate height=100><IMG id=image_operate_23571292325990656 src="http://img5.ph.126.net/9cGLEjdj9iuxtT_AdfaGNQ==/576460752304386215.gif
"><FONT color=#22b14c>鳕鲱鮩鲒欢迎你<FONT face=华文行楷 size=3></B></FONT></FONT></MARQUEE></MARQUEE>

 

示例

常用基本博客代码解释 - 鳕鯡鮩鲒 - 鳕鲱鮩鲒的博客鳕鲱鮩鲒欢迎你

常用基本博客代码解释 - 鳕鯡鮩鲒 - 鳕鲱鮩鲒的博客鳕鲱鮩鲒欢迎你

 

常用基本博客代码解译 - 黎明 - 黎世华

 

注: 各参数详解:

a)scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。

b)width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。

c)direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。

d)scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。

e)behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)


 

红色博客边框 - 鳕鯡鮩鲒 - ,

黎明博客欢迎您

常用基本博客代码解译 - 黎明 - 黎世华

 


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

历史上的今天

评论

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

页脚

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