四季歌文学社区

标题: 《学用文字标签与贴图代码模式》 [打印本页]

作者: 陈小轩    时间: 2016-4-23 00:47
标题: 《学用文字标签与贴图代码模式》
本帖最后由 陈小轩 于 2016-4-23 00:50 编辑
<CENTER>
<font face=
字体代码 size=字号1-7 color=文字颜色代码
>
四季歌文学
</font>
</CENTER>

文字代码实例:
<CENTER>
<font face=华文行楷 size=7  color=#FF0000>
音画制作和FLASH
</font>
</CENTER>

大号文字代码实例:
<CENTER>
<font face=华文行楷 style="FONT-SIZE: 150pt" color=#ff0000>
四季歌文学
</font>
</CENTER>

特效文字代码:
<DIV style="FILTER: shadow(color=#0000ff, strength=6); WIDTH: 700px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 50pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=#ffff00>
四季歌文学-书画制作和FLASH</b></FONT></DIV><br>
         学习用文字标签与贴图代码模式发布,是为了使您的书画得到更好的展示,可以配以音乐,让您的书画有声有色,形成诗、书、画、音的整体美的效果。朋友们,有兴趣也来玩玩吧!

作者: 陈小轩    时间: 2016-4-23 00:49
本帖最后由 陈小轩 于 2016-4-23 00:57 编辑 <br /><br /> 文字代码实例:

<CENTER>
<font face=华文行楷 size=7  color=#FF0000>
音画制作和FLASH
</font>
</CENTER>


大号文字代码实例:

<CENTER>
<font face=华文行楷 style="FONT-SIZE: 90pt" color=#ff0000>
四季歌文学
</font>
</CENTER>


特效文字代码:
<DIV style="FILTER: shadow(color=#0000ff, strength=6); WIDTH: 700px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 50pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=#ffff00>
四季歌文学·音画制作和-FLASH</b></FONT></DIV><br>

作者: 陈小轩    时间: 2016-4-23 00:52
学习各种贴图代码:
      做音画贴要在图框内插入图片,必须在网上取来图片地址,方法是:鼠标对着图片击右键,在弹出下拉菜单中选最下行的"属性",在弹出的窗口选中部的地址(URL),把地址完整的复制下来就可用了。
图片地址样式:

贴图代码
" type=image width=800>
</CENTER>

作者: 陈小轩    时间: 2016-4-23 00:53
贴图代码实例:
<CENTER>
<INPUT src="http://78rffw.com1.z0.glb.clouddn.com/38.gif" type=image width=750>
</CENTER>

作者: 陈小轩    时间: 2016-4-23 00:54
羽化图片(椭圆形)的代码:
<CENTER>
<INPUT style="FILTER: alpha(opacity=100,style=2)" INPUT src="

http://image.64gua.com/attachment/Mon_1207/116_136194_07d934bcc4d9a68.jpg" type=image width=400> </CENTER>


作者: 陈小轩    时间: 2016-4-23 00:54
(椭圆形)的代码羽化实例:
<CENTER>
<INPUT style="FILTER: alpha(opacity=100,style=2)" INPUT src="http://78rffw.com1.z0.glb.clouddn.com/38.gif" type=image width=600> </CENTER>

作者: 陈小轩    时间: 2016-4-23 00:55
做羽化图片代码实例(X矩形)
<CENTER>
<INPUT style="FILTER: alpha(opacity=100,style=3)" INPUT src="http://a1.att.hudong.com/51/77/300001199865130285776287753_950.jpg" type=image width=400>
</CENTER>
</TD></TR></TABLE>


作者: 陈小轩    时间: 2016-4-23 00:56
(X矩形)的代码羽化实例: <CENTER>
<INPUT style="FILTER: alpha(opacity=100,style=3)" INPUT src="http://a1.att.hudong.com/51/77/300001199865130285776287753_950.jpg" type=image width=600>
</CENTER>
</TD></TR></TABLE>

作者: 陈小轩    时间: 2016-4-23 00:59
练习文字和图片移动的方法.
移动标签名称:
<MARQUEE> 移动内容:文字或图片 </MARQUEE>
仅用移动标签名称,没有其它属性内容,系统默然从右向左移动.
文字走马灯式向左走的代码:
<MARQUEE>
<font face=
黑体
size=6 color=#FF0000>
文字走马灯式向左走的代码效果

</font>
</MARQUEE>
多张图片从右向左走的代码:
<MARQUEE>
<INPUT src="http://www.zgzylt.com/attachment/photo/Mon_1305/214_dc51136929513939e8398fad683cd.jpg" type=image width=500 height=300>
<INPUT src="http://www.zgzylt.com/attachment/photo/Mon_1305/214_4d6813692018385db531b18f77fb2.jpg" type=image width=500 height=300>
<INPUT src="http://www.zgzylt.com/attachment/photo/Mon_1305/214_34761369201838188e9ad6a11abf5.jpg" type=image width=500 height=300>
<INPUT src="http://www.zgzylt.com/attachment/photo/Mon_1305/214_32111369295139fe5ec05b2c36ef9.jpg" type=image width=500 height=300>
<INPUT src="http://www.zgzylt.com/attachment/photo/Mon_1305/214_b6571369309746ede53a4a914ed1f.gif" type=image width=500 height=300>
</MARQUEE>
文字或图片要用其它移动速度和移动方向,就必须在移动标签中加入速度和方向指令,即移动属性内容及属值.


作者: 陈小轩    时间: 2016-4-23 01:00
文字走马灯式向左走的代码实例:
<MARQUEE>
<font face=黑体 size=6 color=#FF0000>
文字走马灯式向左走的代码效果。
</font>
</MARQUEE>

作者: 陈小轩    时间: 2016-4-23 01:01
多张图片从右向左走的代码实例:
<MARQUEE>
<INPUT src="http://www.zgzylt.com/attachment/photo/Mon_1305/214_dc51136929513939e8398fad683cd.jpg" type=image width=500 height=300>
<INPUT src="http://www.zgzylt.com/attachment/photo/Mon_1305/214_4d6813692018385db531b18f77fb2.jpg" type=image width=500 height=300>
<INPUT src="http://www.zgzylt.com/attachment/photo/Mon_1305/214_34761369201838188e9ad6a11abf5.jpg" type=image width=500 height=300>
<INPUT src="http://www.zgzylt.com/attachment/photo/Mon_1305/214_32111369295139fe5ec05b2c36ef9.jpg" type=image width=500 height=300>
<INPUT src="http://www.zgzylt.com/attachment/photo/Mon_1305/214_b6571369309746ede53a4a914ed1f.gif" type=image width=500 height=300>
</MARQUEE>


作者: 陈小轩    时间: 2016-4-23 01:02
图片左右来回移动的代码模式:
<MARQUEE scrollAmount=移动速度 direction=移动方向>
<font face=
黑体 size=6 color=#00ffff>移动对象:文字内容

<INPUT src="
图片地址" type=image width=200>
</marquee>
图片左右来回移动的代码实例:
<marquee scrollamount=8 behavior=alternate >
<font face=黑体 size=5 color=#0000ff><b>图片左右来回移动</b></font><BR><BR>
<INPUT src=" http://www.zgzylt.com/attachment/photo/Mon_1305/214_b6571369309746ede53a4a914ed1f.gif" type=image width=500 height=400>
<INPUT src=" http://www.zgzylt.com/attachment/photo/Mon_1305/214_71aa1369309746445d370dd830509.gif" type=image width=500 height=400>
<INPUT src=" http://www.zgzylt.com/attachment/photo/Mon_1305/214_818e1369309746adb47fca789f083.gif " type=image width=500 height=400>
</marquee>


作者: 陈小轩    时间: 2016-4-23 01:03
<marquee scrollamount=8 behavior=alternate >
<font face=黑体 size=5 color=#0000ff><b>图片左右来回移动</b></font><BR><BR>
<INPUT src="http://www.zgzylt.com/attachment/photo/Mon_1305/214_b6571369309746ede53a4a914ed1f.gif" type=image width=500 height=400>
<INPUT src="http://www.zgzylt.com/attachment/photo/Mon_1305/214_71aa1369309746445d370dd830509.gif" type=image width=500 height=400>
<INPUT src="http://www.zgzylt.com/attachment/photo/Mon_1305/214_818e1369309746adb47fca789f083.gif" type=image width=500 height=400>
</marquee>

作者: 李听圃    时间: 2016-4-23 11:18
好教材,收藏。赞一个。
作者: 陈小轩    时间: 2016-4-23 19:21
李听圃 发表于 2016-4-23 11:18
好教材,收藏。赞一个。

谢谢赞赏!问好站长
作者: lcy004    时间: 2016-5-19 15:29
http://p0.ifengimg.com/a/2016/0519/30e321c5793ccd2size28_w360_h220.jpg
  1. http://p0.ifengimg.com/a/2016/0519/30e321c5793ccd2size28_w360_h220.jpg
复制代码


作者: 陈小轩    时间: 2016-5-28 23:42
lcy004 发表于 2016-5-19 15:29

好啊!复制也试试看,呵呵




欢迎光临 四季歌文学社区 (http://shijiwenxue.top/) Powered by Discuz! X3.1