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

无限风光

牡丹故里 美丽独特 多骄如画 明天更好

 
 
 

日志

 
 
关于我

人生乐事,坚持学习,结交诚友,快乐自己。传递友谊,借鉴学习,丰富智慧,。交遍四海友, 感情多富有。 访尽天下博, 精神多快活。

网易考拉推荐

博客基本代碼解讀大全  

2010-08-05 09:05:12|  分类: 私人天地 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

值得收藏的央视天气预报专用视频播放器  (每晚8点自动更新)

 


字 体 控 制 代 码◆字体加粗: <B>写上你想写的字</B>
◆字体斜体: <I>写上你想写的字</I>
◆字体下划线∶ <U>写上你想写的字</U>
◆字体删除线∶ <S>写上你想写的字</S>
◆字体加大∶ <BIG>写上你想写的字</BIG>
◆打字机字体∶ <TT>写上你想写的字</TT>
◆文字闪烁效果∶ <BLINK>写上你想写的字</BLINK>
◆换行: <BR>
◆空格: &nbsp;
◆段落: <P></P>段落
◆原始文字样式:<PRE>正文</PRE>
◆常用字体代码:宋体、黑体、楷体_GB2312 、仿宋_GB2312 、新宋体、幼圆、 隶书、方正舒体 、 华文新魏 、华文行楷 、华文细黑 、 华文彩云 、 方正姚体、迷你简粗倩、
◆字体控制大小: <H1>写上你想写的字</H1>(其中字体大小可从h1-h5,h1最大,h5最小)、(字号大小 size=1—7 ,参数1字体小,7字体最大。还可用CSS样式来定义字体,即:style=font:20pt 。)
◆更改字体颜色:<FONT color=#0a00e>写上你想写的字</FONT>(其中value值在000000与ffffff(16位进制)之间
◆坚排文字的代码∶ <P align=right><FONT style="FONT-SIZE: 16pt; WIDTH: 300px; COLOR: #ea0000; FONT-FAMILY: 宋体; WRITING-MODE: tb-rl; TEXT-ALIGN: left">竖排文字<BR>竖排文字<BR>竖排文字 (靠右排版right)
◆移动字体(走马灯效果): <MARQUEE>写上你想写的字</MARQUEE>
◆字体设置:①  <FONT style="FONT-SIZE: 15pt" color=#ff0000>
◆字体设置:②  <FONT face=隶书 color=#0000ff size=5>选择文字式样、颜色、大小
◆彩字设置:①  <DIV style="FONT-SIZE: 25pt; FILTER: glow(color=ffffff); COLOR: #000000; FONT-FAMILY: 隶书; HEIGHT: 10px"> 显示虚边字代码
◆彩字设置:②  <DIV style="FONT-SIZE: 30pt; FILTER: shadow(color=#333366,direction=240); WIDTH: 550px; COLOR: #ff0033; LINE-HEIGHT: 150%; FONT-FAMILY: 楷体_gb2312; HEIGHT: 51px"> 显示字阴影(direction=240数值变化可改变阴影方向,看标题效果)
◆彩字设置:③  <MARQUEE style="FONT-SIZE: 25pt; FILTER: shadow(color=FFFF33 );  COLOR: #ff0000; FONT-FAMILY: 华文新魏" >显示虚边字和移动代码</MARQUEE> (滚动效果)
◆彩字设置:④  <DIV style="FILTER: glow(color=#E4DC9B, strength=10); WIDTH: 685px" twffan="done"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=#ff0000> 可改变虚边大小的虚边字代码(strength=10改变此数字即可)
◆彩字设置:⑤全色底埔色上写字 <FONT face=隶书 style="BACKGROUND-COLOR: #000000" color=#ffffff size=2>  示图∶ 限风光


对 齐 方 式 代 码◆左对齐:  <LEFT>
◆中对齐:  <CENTER> 或 <P align=center> 或 <DIV align=center>
◆右对齐:  <RIGHT>
◆段落水平对齐:<ALIGN="相关参数"> 其常见的设定值有三个:置左<ALIGN="LEFT">、置中<ALIGN="CENTER">、置右<ALIGN="RIGHT">
◆缩排:<BLOCKQUOTE> 要缩排的文字 </BLOCKQUOTE>。一组缩排一个单位,二组缩排两个单位,以此类推。


文 字 控 制 代 码◆文字向上滚动的代码: <MARQUEE scrollAmount=3 direction=up height=50>
<CENTER><FONT face=黑体 color=blue size=5><B>文字一<BR><BR>文字二<BR><BR>文字三< BR><BR>文字四<BR><BR>文字五</B></FONT> <BR><BR></CENTER></MARQUEE> (滚动速度scrollAmount=3 )<MARQUEE>里面的参数修改一下,效果将不一样,这里仅提醒一下direction=添加方向代码为: 向下(down)、向上( up )、向左(left)和向右(right)。
◆文字上下往复跳跃移动代码: <MARQUEE style="WIDTH: 600px; HEIGHT: 200px" scrollAmount=1 direction=up behavior=alternate>
<CENTER><FONT face=隶书 color=#ffff00 size=7>插入文字</CENTER></FONT></MARQUEE>
◆左右往复移动代码: <BEHAVIOR=ALTERNATE>
◆文字移动走走停停代码: <MARQUEE scrollAmount=54 scrollDelay=500 behavior=alternate>插入文字</MARQUEE>蓝色部分可调方向、速度


图 片 控 制 代 码◆贴图: <IMG src="图片地址"> (这一导入图片的代码没有放大缩小的功能)
◆贴图: <IMG style="WIDTH: 81px; HEIGHT: 80px" src="粘贴图片地址" border=0>(改变81px 、80px 数据变换图片的大小)
◆图片产生梦幻(羽化)效果的代码: <IMG style="FILTER: Alpha(opacity=100,style=2); WIDTH: 300px; HEIGHT: 420px" src="图片地址" > (opacity=100可在百内变、style=0(0=平均透明,1=片状透明,2=圆型透明,3=方型透明变) 、 WIDTH 、HEIGHT(表示宽度和高度,其值可以变)
◆换帖子背景: <body background="背景图片地址">
◆添加日志文字背景图的代码:<TABLE width="100%" border=0><TBODY><TR><TD background=图片网址 height=384>
◆定制帖子背景颜色:<body bgcolor="#value"> (颜色value值)
◆固定帖子背景不随滚动条滚动:<body background="背景图片地址" body bgproperties=fixed>
◆加背景图片:  <TABLE style="WIDTH: 706px; HEIGHT: 164px" borderColor=#00fa9a align=center background=背景图片 border=3>
◆图片滚动代码: (从下往上滚动)
<MARQUEE scrollAmount=1 scrollDelay=3 direction=up height=548 >
<IMG src="添加滚动的图片地址1/" border=0>
<IMG src="添加滚动的图片地址2/" border=0></MARQUEE>
◆移动图片的代码: 向左 <MARQUEE><IMG src="图片地址";><IMG src="图片地址";><IMG src="图片地址";></MARQUEE>将其前面兰色代码换上如下代码即改变移动方向
向右: <MARQUEE direction=right>向上: <MARQUEE direction=up>向下: <MARQUEE direction=down>往复来回:
<MARQUEE behavior=alternate> 图片地址换成自己网上找的就行。按照格式在中间重复插入:<IMG src="图片地址";>


链 接 代 码◆文字的连接: <A href="链接地址"><FONT color=#ff0000>写上你的字</FONT></A> (字的颜色自定)
◆图片的连接: <A href="链接图片地址"><IMG height=92 src="图片URL地址" width=130 border=0></A>
◆友情的连接: <A href="链接网址" target=_blank>链接网址名字 (也可作文章链接、换成文章链接网址和文章名字)
◆新窗口打开连接:<A href="链接地址" target=_blank>写上你的字</A>
◆学海博客的链接代码∶ <A href="http://lv.jingxiang.blog.163.com/" target=_blank><FONT color=#0000ff size=5>要写的字、或要链接的图片地址。
◆消除连接的下划线:<A style="TEXT-DECORATION: none" href="相关地址">写上你想写的字</A>
◆鼠标指向图片可显示导航名称并链接代码:<A href="加入要链接的地址" target=_blank><IMG title=写上要显示的名称 height=290 src="使用的图片地址" width=150></A>


控 制 FLASH 代 码◆粘贴FLASH:  <embed src="FLASH地址" width="宽度" height="高度">
◆首页FLASH: 找到FLASH地址 后点编辑-排版-模块-添加自定义HTML- 点 Flash 复制进去就行了,这个很简单。
◆日志里的FLASH: 为什么我把代码粘贴到日志里但就是显示不出FLASH呢? 不要忘记点那个<显示HTML代码>了 必须先点一下<>后再复制上去.再点这个<><隐藏HTML代码>即显示了。
◆日志里粘贴【FLASH】动画的代码是: <EMBED pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash src=FLASH地址 width=800 height=600 type=application/x-shockwave-flash quality="high">
◆粘贴【Flash】动画代码∶
(1)粘贴非透明动画代码:  <EMBED src=FLASH动画地址 width=600 height=420 type=application/x-shockwave-flash quality="high" >  (width、 height 宽度和高度值是可改变 )
(2)粘贴透明动画代码: <EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=FLASH动画地址 width=200 height=200 type=application/x-shockwave-flash wmode="transparent" quality="high" >  
◆控制【Flash】动画或【图片】及文字等定位代码: <P style="MARGIN-TOP: -70px; MARGIN-LEFT: -10px">  (加在FLASH动画或图片代码前面、MARGIN-TOP: 0px  上下定位,- 往上移,+ 往下移、MARGIN-LEFT: 0px   左右定位,+ 往右移,- 往左移)


常 用 模 块 代 码◆<TABLE> 表格、背景图等模块代码:
◆无名表格 <FIELDSET style="WIDTH: 600px" align=center><LEGEND align=center>无名表格</LEGEND><P>添加内容</P></FIELDSET> (可取舍align=center)
◆无名表格Ⅰ <FIELDSET style="WIDTH: 600px; COLOR: #000000" align=center><LEGEND style="BORDER-RIGHT: #ff0000 1px solid; BORDER-TOP: #ff0000 1px solid; BORDER-LEFT: #ff0000 1px solid; COLOR: blue; BORDER-BOTTOM: #ff0000 1px solid">表中表效果Ⅰ</LEGEND>添加内容</FIELDSET>
◆ <P></P> 段落模块代码
◆ <DIV></DIV> 段落模块,与P在自定义模块时换段不同代码
◆ <P>&nbsp;</P>  &nbsp; 是空白字位,与P组合成空白段落模块。文字排版时用得上
◆ <IMG> 贴图片、影视文件模块模块代码
◆ <EMBED> 图片边文字排版、音乐、视频、(透明FLASH)动画、背景音乐模块代码)
◆ <MARQUEE> 走动文字幕、走动图片幕模块代码
◆<HR></HR>划横线模块(大小、颜色自已选择组合<HR= coor=#ff0000 size=1>)
◆ <TBODY>
    <TR>
    <TD> ∶<TR>是添加横, <TD>是添加列, 是制表格、同一版贴多层透明FLASH动画与背景图上做走动效果字用代码
◆表格基本代码∶
<TABLE cellSpacing=0 cellPadding=0  borderColor=#2f6cd2 bgColor=#ff0000 border=1>
<TBODY>       〖 colSpan=2   〗  表格合并列代码
<TR>             〖 rowSpan=4  〗  表格合并行代码 
<TD>              background=背景图片地址  bgColor=#背景颜色


颜 色 方 面 代 码◆颜色属性:<HR COLOR="颜色代码或颜色名称">。
◆宽窄属性:<HR WIDTH="宽度">,单位为px,宽度也可用百分比来作设定,如50%即为宽度占屏幕的50%。
◆厚度属性:<HR SIZE="厚度">。
◆位置属性:<HR ALIGN="水平位置设定值">,其设定置左"LEFT"、置中"CENTER"、置右"RIGHT"。
◆阴影属性:<HR NOSHADE>,无设定值,只要将NOSHADE加入即可,通常会配合颜色设定,效果较佳。


音 乐 播 放 器 代 码◆隐藏播放器自动播放: <EMBED src=音乐文件地址 width=0 height=0 type=audio/x-pn-realaudio-&amp;13;plugin AUTOSTART="true" LOOP="true" CONTROLS="ControlPanel,StatusBar">  (要显示播放器调整width=0、 height=0数值)
◆显示播放器手动播放: <EMBED src=音乐文件地址 width=550 height=45 type=audio/mpeg autostart="false">
◆贴音乐:<EMBED src=音乐地址 width=宽度 height=高度 type="text/html; charset=GBK" autostart="false">
◆帖子背景音乐: <BGSOUND="背景音乐地址" loop="infinite">
◆贴影视文件: <IMG start=mouseover height=高度 dynsrc=文件地址 width=宽度>
◆贴FLASH: <EMBED src=FLASH地址 width=宽度 height=高度 type="text/html; charset=GBK">


其 他 部 分 实 用 代 码◆滚动条添加: <DIV style="OVERFLOW-Y: auto; OVERFLOW-X: hidden; WIDTH: 698px; HEIGHT: 125px"><P align=left> 在这里输入是文字,也可以是链接。 注:此(left)为对齐方式,当前是左对齐
◆滚动条表格: <TABLE width=280 align=center border=1><TBODY><TR><TD align=middle bgColor=cyan height=30><FONT color=#ffffff>带滑动条的表格</FONT></TD><TR><TD bgColor=yellow><DIV style="OVERFLOW: auto; HEIGHT: 90px">  在这里添加日志内容。(本日志效果即是)
◆友情连接<MARQUEE scrollAmount=2 scrollDelay=30 direction=right width="90%" height=100><A href="对方地址" target=cont><IMG height=100 src="对方图片" width=100 border=0></MARQUEE>

合成图<TABLE style="BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BORDER-LEFT: 0px solid; BORDER-BOTTOM: 0px solid" cellSpacing=0 cellPadding=0 border=0>

<TBODY>

<TR>

<TD width=400 background="背景图地址"

height=400>

<EMBED style="DISPLAY: block" pluginspage=http://www.macromedia.com/go/getflashplayer src=Flash
动画图地址
width=600 height=450 type=application/x-shockwave-flash wmode="transparent" invokeURLs="false" quality="high" allowScriptAccess="never" allowNetworking="internal"></TD></TR></TBODY></TABLE>

 ◆羽化合成阁

<TABLE style="BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BORDER-LEFT: 0px solid; BORDER-BOTTOM: 0px solid" cellSpacing=0 cellPadding=0 border=0>

<TBODY>

<TR>

<TD style="FILTER: Alpha(opacity=100,style=2)" width=650 background="静动态背景图地址"height=420><EMBED style="DISPLAY: block" pluginspage=http://www.macromedia.com/go/getflashplayer src="Flash
动画图地址" width=600 height=450 type=application/x-shockwave-flash wmode="transparent" invokeURLs="false" quality="high" allowScriptAccess="never" allowNetworking="internal"></TD></TR></TBODY></TABLE>


                   

认识基本博客代码

代 码

释 义

一、文字语法

align=center

文字居中

align=left

文字居左

align=right

文字居右

align=up

文字居上

align=down

文字居下

<font face=宋体></font>

指定字体

<font color=颜色代码></font>

设定字体颜色

<font size=数值></font>

设定字体大小(数值1至7,7最大)

<b>相关文字</b>

设定粗体字

<strong>相关文字</strong>

设定粗体字(强调)

<h1>相关文字</h1>

设定标题字大小(h1最大,h6最小)

<i>相关文字</i>

设定斜体字

<em>相关文字</em>

设定斜体字(强调)

 <dfn>相关文字</dfn>

设定斜体字(表示定义)

<big>相关文字</big>

字体加大

<font size=100p%>相关文字</font>

字体最大

<font style ="font-size:100px">相关文字</font>

字体无限增大

<marquee>相关文字</marquee>

移动字体

<kbd>相关文字</kbd>

键盘相关文字

<tt>相关文字</tt>

打字体

<sup>相关文字</sup>

上标字

<sub>相关文字</sub>

下标字

<u>相关文字</u>

底线

<ins>相关文字</ins>

底线(表示插入相关文字)

<strike>相关文字</strike>

横线

<s>相关文字</s>

删除线

<del>相关文字</del>

删除线(表示删除)

<xmp>相关文字</xmp>

固定宽度字体

<plaintext>相关文字</plaintext>

固定宽度字体(不执行标记符号)

<listing>相关文字</listing>

固定宽度小字体

<pre>相关文字</pre>

原始文字样式,预格式化文本

二、区段标记

<br> 

换行

&nbsp; 

空格

<p>相关内容</p> 

段落

<DIV相关内容</DIV> 

段落

<center>相关内容</center>  居中

居中

 <left>相关内容</left>  居左

居左

<right>相关内容</right> 

 居右

<P align=center>相关内容</p> 

排版段落的标签

<DIV align=center>相关内容</DIV> 

排版大块段落的标签

align=属性值

对齐方式,属性值为left(左对齐,默认),center(居中),right(右对齐)

width=数值 

表示宽度,数值为像素和百分比两种

height=数值 

表示高度,取值方法同width

<nobr>相关文字</nobr> 

不换行

<hr> 

水平线

<hr size="数值"> 

设定水平线厚度

<hr width="数值"> 

设定水平线宽度,
数值为像素和百分比两种

<hr color="颜色代码"> 

设定水平线颜色

<hr noshade> 

设定没有阴影的水平线

<BLOCKQUOTE>要缩排的文字</BLOCKQUOTE> 

从两边缩进文本

三、 地址链接

<base href=网页地址>  

预设好链接路径

<a href=网页地址></a> 

外部链接

<a href=网页地址 target="_blank"></a> 

另开新窗口链接

<a href=网页地址 target="_top"></a> 

全窗口链接

<a href=网页地址 target="页框名"></a> 

在指定页框链接

<a href=网页地址 style="text-decoration:none">相关文字</a> 

消除链接文字的下划线

<a href=网页地址><IMG src=图片地址 border=0></a> 

图片链接

<a href=网页地址>相关文字</a> 

文字链接

<a href=网页地址><font face=宋体 color=#660000 size=6>相关文字</font></a> 

彩色文字链接

四、贴图/音乐

<img src=图片地址>

简单贴图

<img src=图片地址 width=数值 height=数值> 

设定图片宽度和高度

<img src=图片地址 alt="提示相关文字"> 

设定图片提示相关文字

<img src=图片地址 border=数值> 

设定图片边框(边框线宽度)

<img src=图片地址 hspace=数值 vspace=数值>  

图形四周留白

<body background=图片地址> 

贴背景图片

<body bgcolor=颜色代码>

设定背景颜色

<bgsound src=音乐地址 autostart=true loop=true> 

背景音乐(隐藏)

<embed src=音乐地址 autostart=true loop=true></embed> 

背景音乐(显示播放器)

<embed src=flash地址 width=数值 height=数值></embed> 

贴Flash音画

<img dynsrc=影视地址 width=数值 height=数值 start=mouseover> 

贴影视

<iframe src=网页地址 width=数值 height=数值></iframe> 

贴网页

<body background="图片地址" body bgproperties=fixed>  

固定背景不随滚动条滚动

五、文字移动

<marquee>相关文字</marquee> 

简单重复移动

<marquee behavior=slide>相关文字</marquee>

向左一次移动

<marquee behavior=scroll>相关文字</marquee>  

预设卷动

<marquee behavior=alternate>相关文字</marquee> 

左右来回移动

<marquee direction=up>相关文字</marquee> 

向上重复移动

<marquee direction=down>相关文字</marquee> 

向下重复移动

<marquee direction=left>相关文字</marquee> 

 向左重复移动

<marquee direction=right>相关文字</marquee> 

向右重复移动

<marquee loop=数值>相关文字</marquee> 

设定移动次数

<marquee width=数值>相关文字</marquee>

设定文字移动的宽度范围

<marquee height=数值>相关文字</marquee> 

设定移动高度

<marquee bgcolor=颜色代码>相关文字</marquee>  设定移动背景颜色

设定移动背景颜色

<marquee scrollamount=数值>相关文字</marquee> 

设定文字移动的速度

<marquee scrolldelay=数值>相关文字</marquee>  设定移动时间

设定移动时间

<marquee scrolldelay=数值 scrollamount=数值>相关文字</marquee> 

设定移动停顿

六、表格语法

<TABLE></TABLE> 

定义表格

<TR></TR> 

定义表格中的“行”

<TD></TD> 

定义表格中的“列”

 border=数值 

表格外框线宽度

borderColor=颜色代码 

表格边框线颜色

bordercolorlight=颜色代码 

表格亮边框颜色

bordercolordark=颜色代码 

表格暗边框颜色

bgcolor=颜色代码 

表格的背景颜色

background=图片地址 

表格的背景图案

cellspacing=数值 

表格中各单元格框线的间距

cellpadding=数值 

表格内容与表格边框之间的距离

colspan=数值 

合并表格的列数

rowspan=数值 

合并表格的行数

<caption></caption> 

建立表格的标题,
通过位置属性定义标题的位置

<table cols=数值>内容</table> 

指定表格的栏数

<table frame=数值>内容</table> 

设定表格外框线的显示方式

<frameset cols="20%,*"> 

分割左右两个框架

<frameset cols="20%,*"> 

左右分割,将左边框架分割大小为20%,右边框架的大小会自动调整

<frameset cols="20%,*,20%"> 

分割左中右三个框架

 <frameset rows="20%,*"> 

分割上下两个框架

<frameset rows="20%,*">  上下分割,将上面框架分割大小为20%,下面框架的大小会自动调整

上下分割,将上面框架分割大小为20%,下面框架的大小会自动调整

<frameset rows="20%,*,20%"> 

分割上中下三个框架

七、HTML基本语法

<html>网页内容</html>

文件格式(文件的开头与结尾)

<head>网页主题</head> 

文头区段(放在文件的开头)

<title>主题信息</title>   

网页主题

<body>网页正文内容</body> 

内文区段(放此文件的内容)

                 

               

一:图片向左移动
图片移动全都汇(样式大全) - 寒情 - 寒情博客 <marquee  direction=left scrollamount="2"><img src=图片地址> </marquee>

 

 left  左行代码系统默认所以可以不加

〓如何查找图片地址·点击查看〓

二:图片向右移动
图片移动全都汇(样式大全) - 寒情 - 寒情博客 <marquee   scrollamount="2" direction=right><img src=图片地址> </marquee>

 

right   右行代码

scrollamount=2移动速度数值大移动快

三:图片向上移动
图片移动全都汇(样式大全) - 寒情 - 寒情博客 <marquee   scrollamount="2" direction=up><img src=图片地址> </marquee>

 

up  上行代码

四:图片向下移动
图片移动全都汇(样式大全) - 寒情 - 寒情博客 <marquee   scrollamount="2" direction=down><img src=图片地址> </marquee>

 

down    下行代码

五:图片来回移动
图片移动全都汇(样式大全) - 寒情 - 寒情博客 <marquee   scrollamount="2" behavior=alternate><img src=图片地址> </marquee>

 

behavior=alternate 来回移动代码

六:图片忽隐忽现移动
图片移动全都汇(样式大全) - 寒情 - 寒情博客 <MARQUEE beha>
<MARQUEE beha direction=right width=150><img src=图片地址> </marquee></marquee>

七:图片走走停停
图片移动全都汇(样式大全) - 寒情 - 寒情博客 <marquee scrolldelay=500 scrollamount=100><img src=图片地址> </marquee>

八:图片移动次数控制(例:移动3次停)〓刷新看效果〓
图片移动全都汇(样式大全) - 寒情 - 寒情博客 <MARQUEE scrollAmount=3 loop=3><img src=图片地址></marquee>

 

  loop=3   控制移动次数

九:图片上下起伏
图片移动全都汇(样式大全) - 寒情 - 寒情博客 <marquee direction=left><marquee behavior=alternate direction=up height=200><img src=图片地址></marquee></marquee>

注:height=移动高度 数值必须大于图片高度

十:图片覆盖循环·从上到下

图片移动全都汇(样式大全) - 寒情 - 寒情博客
<MARQUEE scrollAmount=3 direction=down >
<MARQUEE scrollAmount=3 direction=up>
<DIV align=center><IMG src="图片地址">
</DIV></MARQUEE></MARQUEE>

十一:图片覆盖循环·由下往上

图片移动全都汇(样式大全) - 寒情 - 寒情博客
<MARQUEE scrollAmount=3 direction=up >
<MARQUEE scrollAmount=3 direction=down>
<DIV align=center><IMG src="图片地址">
</DIV></MARQUEE></MARQUEE>

align=center  图片居中间对齐

十二:图片覆盖循环·从左到右

图片移动全都汇(样式大全) - 寒情 - 寒情博客
<MARQUEE scrollAmount=3 direction=right>
<MARQUEE scrollAmount=3 direction=left>
<DIV align=center><IMG src="图片地址">
</DIV></MARQUEE></MARQUEE>

十三:图片覆盖循环·从右到左

图片移动全都汇(样式大全) - 寒情 - 寒情博客
<MARQUEE scrollAmount=3 direction=left>
<MARQUEE scrollAmount=3 direction=right>
<DIV align=center><IMG src="图片地址">
</DIV></MARQUEE></MARQUEE>

十四:图片分段上移

图片移动全都汇(样式大全) - 寒情 - 寒情博客
<MARQUEE scrollAmount=2 direction=up behavior=alternate height=200><MARQUEE scrollAmount=2 direction=up height=180> <DIV align=center><IMG src="图片地址
"></DIV></MARQUEE></MARQUEE>

height=200  height=180  移动高度

十五:图片中间向两边移动

图片移动全都汇(样式大全) - 寒情 - 寒情博客 图片移动全都汇(样式大全) - 寒情 - 寒情博客
<DIV align=center><MARQUEE width=170 scrollAmount=2><IMG  src=图片地址></MARQUEE>
<MARQUEE direction=right  width=170 scrollAmount=2><IMG  src=图片地址></MARQUEE></DIV>

width=170    移动范围宽度值

十六:图片两边往中间移动

图片移动全都汇(样式大全) - 寒情 - 寒情博客 图片移动全都汇(样式大全) - 寒情 - 寒情博客
<DIV align=center><MARQUEE width=170 scrollAmount=2><IMG  src=图片地址></MARQUEE>
<MARQUEE direction=right  width=170 scrollAmount=2><IMG  src=图片地址></MARQUEE></DIV>

十七:图片中间往上下移动
博客基本代碼解讀大全 - 无限风光学习收藏 - 学习收藏的博客博客基本代碼解讀大全 - 无限风光学习收藏 - 学习收藏的博客博客基本代碼解讀大全 - 无限风光学习收藏 - 学习收藏的博客博客基本代碼解讀大全 - 无限风光学习收藏 - 学习收藏的博客博客基本代碼解讀大全 - 无限风光学习收藏 - 学习收藏的博客博客基本代碼解讀大全 - 无限风光学习收藏 - 学习收藏的博客博客基本代碼解讀大全 - 无限风光学习收藏 - 学习收藏的博客博客基本代碼解讀大全 - 无限风光学习收藏 - 学习收藏的博客 图片移动全都汇(样式大全) - 寒情 - 寒情博客 图片移动全都汇(样式大全) - 寒情 - 寒情博客 <MARQUEE scrollAmount=2 direction=up  height=100><center><IMG src="图片地址"></MARQUEE>
<MARQUEE scrollAmount=2 direction=down height=100><center><IMG src="图片地址"></MARQUEE>

十八:图片上下往中间移动
图片移动全都汇(样式大全) - 寒情 - 寒情博客 图片移动全都汇(样式大全) - 寒情 - 寒情博客 <MARQUEE scrollAmount=2 direction=up  height=100><center><IMG src="图片地址"></MARQUEE>
<MARQUEE scrollAmount=2 direction=down height=100><center><IMG src="图片地址"></MARQUEE>

十九:图片左右摇摆上移
图片移动全都汇(样式大全) - 寒情 - 寒情博客 <MARQUEE scrollAmount=2 direction=up  height=100><center><IMG src="图片地址"></MARQUEE>
<MARQUEE scrollAmount=2 direction=down height=100><center><IMG src="图片地址"></MARQUEE>

二十:图片向下缓慢展开(单循环)〓刷新看效果〓
vior="slide" height=150> vior="slide" height=150>图片移动全都汇(样式大全) - 寒情 - 寒情博客 <MARQUEE scrollAmount=1 direction=down behavior=slide height=150>
<MARQUEE scrollAmount=1 direction=up behavior=slide height=150>
<center><IMG src="图片地址"></MARQUEE></MARQUEE>

二一:图片向上缓慢展开(单循环)〓刷新看效果〓
vior="slide" height=150> vior="slide" height=150>图片移动全都汇(样式大全) - 寒情 - 寒情博客 <MARQUEE scrollAmount=1 direction=up behavior=slide height=150>
<MARQUEE scrollAmount=1 direction=down behavior=slide height=150>
<center><IMG src="图片地址"></MARQUEE></MARQUEE>

二二:图片向右缓慢展开(单循环)〓刷新看效果〓
vior="slide" width=200> vior="slide" width=200>图片移动全都汇(样式大全) - 寒情 - 寒情博客 <MARQUEE scrollAmount=1 direction=right behavior=slide width=200>
<MARQUEE scrollAmount=1 direction=left behavior=slide width=200>
<center><IMG src="图片地址"></MARQUEE></MARQUEE>

二三:图片向左缓慢展开(单循环)〓刷新看效果〓
vior="slide" width=200> vior="slide" width=200>图片移动全都汇(样式大全) - 寒情 - 寒情博客 <MARQUEE scrollAmount=1 direction=left behavior=slide width=200>
<MARQUEE scrollAmount=1 direction=right behavior=slide width=200>
<center><IMG src="图片地址"></MARQUEE></MARQUEE>

二四:图片百叶窗移动效果
图片移动全都汇(样式大全) - 寒情 - 寒情博客 图片移动全都汇(样式大全) - 寒情 - 寒情博客 图片移动全都汇(样式大全) - 寒情 - 寒情博客 图片移动全都汇(样式大全) - 寒情 - 寒情博客

<TABLE cellSpacing=0 cellPadding=0 width=280 align=center border=0>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=70><IMG src="第一个图片地址"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=70><IMG src="第二个图片地址"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=70><IMG src="第三个图片地址"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=70><IMG src="第四个图片地址"></MARQUEE></TD></TR></TBODY></TABLE>


二五:图片无间隙移动效果
图片移动全都汇(样式大全) - 寒情 - 寒情博客

<TABLE height=150 cellPadding=0 width=200 align=center background=图片地址 border=1>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE scrollAmount=2 direction=down width=200 height=150>
<MARQUEE scrollAmount=2 direction=up width=200 height=150><IMG  width=200 height=150  src=图片地址><MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>

〓更多详尽制作·点击查看〓


二六:图片移动加FLASH特效

<MARQUEE scrollAmount=3 directio=down>
<TABLE borderColor=#000000 cellSpacing=0 cellPadding=0 background=图片地址 border=0>
<TBODY>
<TR>
<TD><EMBED src=透明动画地址 width=200 height=150 type=application/x-shockwave-flash allowNetworking="internal" menu="false" allowScriptAccess="never" quality="high" invokeURLs="false" wmode="transparent"></EMBED></TD></TR></TBODY></TABLE></MARQUEE>

 

〓如何查找FLASH·点击查看〓


二七:图片倒影并行
图片移动全都汇(样式大全) - 寒情 - 寒情博客
图片移动全都汇(样式大全) - 寒情 - 寒情博客
<MARQUEE style="WIDTH: 400px; HEIGHT: 200px" scrollAmount=2>
<MARQUEE scrollAmount=2><IMG src="图片地址"><br><IMG style="FILTER: flipv" src="图片地址"></MARQUEE>
</MARQUEE>

〓更多图片特效·点击查看〓

二八:图片梦幻效果移动
图片移动全都汇(样式大全) - 寒情 - 寒情博客
<MARQUEE scrollAmount=2><IMG  style="FILTER: Alpha(opacity=100,finishOpacity=0,style=2); WIDTH: 200px; HEIGHT: 150px" src="图片地址"></MARQUEE>

〓更多图片滤镜·点击查看〓

〓最新图片滤镜效果代码〓


二九:多图横向移动(友情链接形式)
图片移动全都汇(样式大全) - 寒情 - 寒情博客图片移动全都汇(样式大全) - 寒情 - 寒情博客图片移动全都汇(样式大全) - 寒情 - 寒情博客图片移动全都汇(样式大全) - 寒情 - 寒情博客图片移动全都汇(样式大全) - 寒情 - 寒情博客
<MARQUEE scrollAmount=3><A href="链接地址1" target=_blank><IMG src="图片地址1" height=150></A> <A href="链接地址2" target=_blank><IMG src="图片地址2" height=150></A> <A href="链接地址3" target=_blank><IMG src="图片地址3" height=150></A> <A href="链接地址4" target=_blank><IMG src="图片地址4" height=150></A></MARQUEE>

〓友情链接制作·点击查看〓


三十:多图向上移动(友情链接形式)
图片移动全都汇(样式大全) - 寒情 - 寒情博客
图片移动全都汇(样式大全) - 寒情 - 寒情博客
图片移动全都汇(样式大全) - 寒情 - 寒情博客
图片移动全都汇(样式大全) - 寒情 - 寒情博客
图片移动全都汇(样式大全) - 寒情 - 寒情博客

<MARQUEE scrollAmount=3 direction=up><center><A href="链接地址1" target=_blank><IMG src="图片地址1" height=150></A><br><A href="链接地址2" target=_blank><IMG src="图片地址2" height=150></A><br><A href="链接地址3" target=_blank><IMG src="图片地址3" height=150></A><br><A href="链接地址4" target=_blank><IMG src="图片地址4" height=150></A></MARQUEE>

〓创意友情链接·点击查看〓


三一:多图来回移动(友情链接形式)
图片移动全都汇(样式大全) - 寒情 - 寒情博客图片移动全都汇(样式大全) - 寒情 - 寒情博客图片移动全都汇(样式大全) - 寒情 - 寒情博客图片移动全都汇(样式大全) - 寒情 - 寒情博客图片移动全都汇(样式大全) - 寒情 - 寒情博客
<MARQUEE scrollAmount=3 behavior=alternate><A href="链接地址1" target=_blank><IMG src="图片地址1" height=150></A> <A href="链接地址2" target=_blank><IMG src="图片地址2" height=150></A> <A href="链接地址3" target=_blank><IMG src="图片地址3" height=150></A> <A href="链接地址4" target=_blank><IMG src="图片地址4" height=150></A></MARQUEE>

〓创意友情链接·点击查看〓


三二:单图重影叠合移动(移动一次停)〓刷新看效果〓
vior="slide" loop="1" height="150" DIV>图片移动全都汇(样式大全) - 寒情 - 寒情博客

<TABLE cellSpacing=0 cellPadding=0 height=150 width=200 background=图片地址 border=0>
<TBODY>
<TR>
<TD>
<MARQUEE scrollAmount=2 direction=right scrollDelay=80 behavior=slide loop=1 height=150 DIV ALIGN="right">
<IMG  style="FILTER: Alpha(Opacity=60)" src=图片地址></MARQUEE></TD></TR></TBODY></TABLE>

 

〓更多图片滤镜·点击查看〓


三三:双图透明复合移动(移动一次停)〓刷新看效果〓
vior="slide" loop="1" height="150" DIV>图片移动全都汇(样式大全) - 寒情 - 寒情博客

<TABLE cellSpacing=0 cellPadding=0 height=150 width=200 background=图片1地址 border=0>
<TBODY>
<TR>
<TD>
<MARQUEE scrollAmount=2 scrollDelay=80 behavior=slide loop=1 height=150 DIV ALIGN="right">
<IMG  style="FILTER: Alpha(Opacity=60)" src=图片2地址></MARQUEE></TD></TR></TBODY></TABLE>

 

〓更多图片滤镜·点击查看〓


                                                    


 网易博客重要基本功能
金色分隔线 - 香儿
呵呵,发了很多素材,朋友都在问怎么用,那就从网易博客的几个最基本而重要的功能开始了解我们的博客吧,特别是初学者不要错过哦~
 
  点写日志,进入编辑状态.首先打开的是简单功能对话框(见下图).

香儿欢迎你

    点简单功能就进入了全部功能。(见下图).

香儿欢迎你


 
 
 

 

  

 

  下面介绍它的重点功能作用(从右向左介绍):

(一)显示HTML代码(也就是<>符号):

香儿欢迎你

点<>符号(上图红色圈子内)就进入代码状态.其他博客提供代码的,在这种状态下可以复制粘贴,进行编辑.再次点击显示的和发表后的日志一般情况下是一样的.循环往复,交替显示.

作用:这个功能很重要。可以用于首页模块制作、回复留言等。

(二)插入多媒体:

香儿欢迎你

 插入多媒体的功能用途广泛。注意的是,点插入多媒体图标【乘成】 在日志里添加音画作品(flash)的方法 - 乘成 - 乘成休闲吧,就会出现:

香儿欢迎你

再点高级设置,就会出现:

香儿欢迎你

这个功能有二个重要作用:(点击下面的文字查看)

 1.一分钟学会添加flash网友贴图

 2.首页版块的添加方法网友贴图

(三)添加图片:

香儿欢迎你

 添加图片的方法有四种,点插图(如上图),就会出现下图的三种方法。有很多图片比如百度,搜狐,等等图片都是不能直接粘贴的。即使贴上了,过些天有可能就看不到了,要先保存到“我的电脑”,再点下面“我的电脑”,找到图片再上传。(见下图):

香儿欢迎你

最后就是网易自己网站的图片,和它默认的网站图片是可以直接复制粘贴。

(四)添加表格:

在没有表格代码情况下,点下面红圈制作表格

香儿欢迎你

 表格可以设置行数和列数(还有个高级设置),见下图:

香儿欢迎你

(五)分隔线:

这个功能很方便,每点一次,自动生成一条分隔线

香儿欢迎你

 

(六)对齐:

 对齐很重要,正常情况下是点左对齐。要用边框等情况下会点居中。(见下图).

香儿欢迎你

 特别注意的是:“居中”。因为文章段落的文字长度不一样,往往排列不美观。这时正常用的是先选中文字,点左对齐,再点“增加缩进”和"减少缩进”进行调整。(见下图)

香儿欢迎你

 

(七)字体和字号:

香儿欢迎你

字体和字号可以在写日志前和后都可以编辑。

选择字体见下图:

香儿欢迎你

 选择字号见下图:(大小相当)

香儿欢迎你

 

(八)字体颜色和背景颜色:

选中文字,点字体颜色(下图中A)和背景颜色(下图中ab)

香儿欢迎你

就会出现颜色模块了.(如下图,还可点更多颜色).

香儿欢迎你

这是黄色字体颜色,红色背景颜色网易博客重要基本功能 - . - . 

附:颜色代码大全

(九)其他:(把鼠标指向哪里,那里都有提示)

1.点B:加粗. 2.I:斜体  3.U:下划线 

网页代码大全 - . - . ◆⊙⊙⊙◆网易空间入门制作◆⊙⊙⊙◆

网页代码大全 - . - .◆⊙⊙⊙◆博客精美素材汇总◆⊙⊙⊙◆

   

  评论这张
 
阅读(1634)| 评论(33)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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