品读家园论坛

 找回密码
 注册
搜索
12
返回列表 发新帖
楼主: 夜雨千回

HTML简单教程

[复制链接]
 楼主| 发表于 2008-12-13 23:30 | 显示全部楼层
<P><FONT color=#ff0000>&lt;TABLE height=<FONT color=blue>图片高度</FONT> cellSpacing=0 cellPadding=0 width=<FONT color=blue>图片宽度</FONT> background=http://www.yulubbs.com/attachments/month_0812/20081205_6416b4288088bf1a02f0rjBkRcTKZM2U.jpg border=1 bortercolor="#000000"&gt;<BR>&lt;TBODY&gt;<BR>&lt;TR&gt;<BR>&lt;TD&gt;</FONT></P>
<P><FONT color=#ff0000></FONT>&nbsp;</P>
<P><FONT color=#696969 size=2>解说:</FONT></P>
<P><FONT color=#696969 size=2></FONT>&nbsp;</P>
<P><FONT color=#ff0000 size=2>这组代码,是比较重要的,对帖子的成败占很大比重。</FONT></P>
<P><FONT color=#ff0000 size=2></FONT>&nbsp;</P>
<P><FONT size=2><FONT color=#ff0000>首先,把要用的图片找好地址(如 <A href="http://www.yulubbs.com/attachments/month_0812/20081205_6416b4288088bf1a02f0rjBkRcTKZM2U.jpg">http://www.yulubbs.com/attachments/month_0812/20081205_6416b4288088bf1a02f0rjBkRcTKZM2U.jpg</A> )</FONT><FONT color=#ff0000>,然后确定图片的长、高值,分别取代上述代码中的文字。</FONT></FONT></P>
<P><FONT color=#ff0000 size=2></FONT>&nbsp;</P>
<P><FONT color=#ff0000 size=2>长、高的取值可以略微大于原图片1~2个 px ,但是不能大太多,否则会出现多余的部分图片</FONT></P>
回复 支持 反对

使用道具 举报

发表于 2008-12-13 23:30 | 显示全部楼层
谢谢!
保存了,一定认真消化吸收!!!
回复 支持 反对

使用道具 举报

 楼主| 发表于 2008-12-13 23:35 | 显示全部楼层
<FONT color=#ff8c00>&lt;p align=center&gt;</FONT>
<P><FONT color=#ff8c00>&lt;EMBED &nbsp;align=right&nbsp; src=<FONT color=blue>http://imgfree.21cn.com/free/flash/159.swf</FONT>&nbsp; width=<FONT color=blue>715</FONT> &nbsp;height=<FONT color=blue>570</FONT>&nbsp; type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"&gt; </FONT></P>
<P><FONT color=darkorange>&lt;/P&gt;</FONT></P>
<P><FONT color=#ff8c00></FONT>&nbsp;</P>
<P><FONT color=#696969 size=2>解说:</FONT></P>
<P><FONT color=#696969 size=2></FONT>&nbsp;</P><FONT color=#696969 size=2>
<P><FONT color=#ff8c00 size=2>这组代码确定透明flash。里面叠加了两个透明flash。更多的精美flash将另帖汇集;</FONT></P>
<P><FONT color=#ff8c00></FONT>&nbsp;</P>
<P><FONT color=#ff8c00 size=2>找到满意的flash后,分别把地址替代上述蓝色字体</FONT></P>
<P>&nbsp;</P>
<P><FONT color=#ff8c00 size=2>这里要注意的是: 透明flash1的宽度和高度&nbsp;决定了flash的大小,不能超过刚才的图片长和宽,一定要小于图片的长和宽,否则也会出现图片多余的现象。具体大小可以自己调整试验</FONT></P>
<P><FONT color=#ff8c00></FONT>&nbsp;</P>
<P><FONT color=#ff8c00>flash的定位,可以在该组代码前添加定位代码 &lt;DIV <FONT color=#0000ff>style="LEFT: -100px; WIDTH: 800px; POSITION: relative; TOP: 30px"&gt;&nbsp;<FONT color=darkorange> 记得在该组代码后面要加一个</FONT> &lt;/DIV&gt;</FONT></FONT></P>
<P><FONT color=#0000ff></FONT>&nbsp;</P>
<P><FONT color=#0000ff>可以再用一次这组代码,会出现两个透明flash效果</FONT></P></FONT>
回复 支持 反对

使用道具 举报

 楼主| 发表于 2008-12-13 23:36 | 显示全部楼层
<FONT color=#008000>&lt;DIV style="LEFT: 350px; WIDTH: 200px; POSITION: absolute; TOP: 40px; HEIGHT: 50px"&gt;<BR>&lt;MARQUEE scrollAmount=1 scrollDelay=80 direction=up width=280 height=550&gt;&lt;FONT face=楷书 color=#eeeeee size=4&gt;</FONT>
<P><FONT color=#008000>&lt;B&gt;</FONT></P>
<P><FONT color=green>紫禁花园 &lt;BR&gt;&lt;BR&gt;她是气势雄浑的宫廷所在 &lt;BR&gt;她是深宫红墙的无言兴衰 &lt;BR&gt;她是一个梦 &lt;BR&gt;梦里有刀光剑影硝烟四起 &lt;BR&gt;有英雄气节儿女情长 &lt;BR&gt;有千回百转命运多劫 &lt;BR&gt;有喜怒哀乐冷暖人生...... &lt;BR&gt;帝王的梦 &lt;BR&gt;臣子的梦 &lt;BR&gt;白头宫女的梦 &lt;BR&gt;交集在一起 &lt;BR&gt;让再宽阔的空间都显得拥挤 &lt;BR&gt;&lt;BR&gt;然而这个隔断了市井的所在 &lt;BR&gt;依然锁不住欣然的阳春 &lt;BR&gt;一年又一年 &lt;BR&gt;花谢花开,阅尽繁华 &lt;BR&gt;心平了,心静了 &lt;BR&gt;在这处处花开、步步有景的花园里 &lt;BR&gt;寻到了内心的快乐 &lt;BR&gt;&lt;BR&gt;是伴随着阳光的到来而感觉到温暖 &lt;BR&gt;更是时光的流转让人学会了珍惜 &lt;BR&gt;当梦醒魂断 &lt;BR&gt;只留下每一处亭台楼榭每一棵花草树木在阳光下静看这浮世的轮回 </FONT></P>
<P><FONT color=green>&lt;/B&gt;</FONT></P>
<P><FONT color=green>&lt;/FONT&gt;&lt;/MARQUEE&gt;&lt;/DIV&gt;</FONT></P>
<P><FONT color=#008000></FONT>&nbsp;</P>
<P><FONT color=#696969 size=2>解说:</FONT></P>
<P><FONT color=#696969 size=2></FONT>&nbsp;</P><FONT color=#696969 size=2>
<P><FONT color=#008000 size=2>这组代码,是向上流动的文字。 </FONT></P>
<P><FONT color=#008000></FONT><FONT color=#008000></FONT>&nbsp;</P>
<P><FONT color=#008000 size=2>其中 :</FONT></P>
<P><FONT color=#008000></FONT>&nbsp;</P>
<P><FONT color=#008000 size=2>&nbsp;&nbsp;&nbsp;&nbsp;第一行代码中: LEFT: 550px&nbsp; 表示文字距屏幕最左侧的距离,数值越大文字的位置越偏右。可以自己调整文字在整个图片里的左、中、右位置;</FONT></P>
<P><FONT color=#008000 size=2>&nbsp;&nbsp;&nbsp;&nbsp; 其余数值暂时不用调整。</FONT></P>
<P><FONT color=#008000></FONT>&nbsp;</P>
<P><FONT color=#008000 size=2>&nbsp;&nbsp; 第二行代码中:scrollAmount=1 表示文字移动的速度,取值越大,移动的速度越快;</FONT></P>
<P><FONT color=#008000></FONT>&nbsp;</P>
<P><FONT color=#008000 size=2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;scrollDelay=80&nbsp; 表示延时,即文字出来的时间延迟多少;</FONT></P>
<P><FONT color=#008000 size=2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;direction=up&nbsp;&nbsp; 表示文字移动的方向,up表示向上移动,down表示向下移动,left 表示向左移动,right表示向右移动</FONT></P>
<P><FONT color=#008000></FONT>&nbsp;</P>
<P><FONT size=2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<FONT color=#008000>width=280 height=550&nbsp; 表示文字移动的宽度和高度,也是不要超过图片的长和高</FONT></FONT></P>
<P><FONT color=#008000></FONT>&nbsp;</P>
<P><FONT size=2><FONT color=#008000>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</FONT><FONT color=#008000>face=楷书&nbsp; 表示文字的字体,可直接用汉字描述</FONT></FONT></P>
<P><FONT color=#008000></FONT>&nbsp;</P>
<P><FONT color=#008000 size=2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color=#eeeeee&nbsp;&nbsp; 表示文字的颜色,可参考帖子下方的《颜色表》</FONT></P>
<P><FONT color=#008000></FONT>&nbsp;</P>
<P><FONT color=#008000 size=2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;size=4&nbsp; 表示字号,可用字号是1~7号</FONT></P>
<P><FONT color=#008000></FONT>&nbsp;</P>
<P><FONT size=2><FONT color=#008000>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</FONT><FONT color=#008000>&nbsp;另外,文字之间分行,用一个&lt;BR&gt;代码;如果用了两个&lt;BR&gt;则文字之间会空开两行。</FONT></FONT></P>
<P>&nbsp;</P>
<P><FONT color=#008000 size=2>其余代码不要动,也不要删掉,照搬即可</FONT></P></FONT>
回复 支持 反对

使用道具 举报

 楼主| 发表于 2008-12-13 23:37 | 显示全部楼层
<P><FONT color=magenta size=2>&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;</FONT></P>
<P><FONT color=magenta size=2>&lt;/P&gt;</FONT></P>
<P><FONT size=2><FONT color=magenta>&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;</FONT> </FONT></P>
<P>&nbsp;</P>
<P><STRONG><FONT size=2>这组是代码的结尾,一定不能缺少,切记!!</FONT></STRONG></P>
回复 支持 反对

使用道具 举报

发表于 2008-12-13 23:37 | 显示全部楼层
改天再发吧,论坛12点更换服务器,谢谢师傅!
回复 支持 反对

使用道具 举报

 楼主| 发表于 2008-12-13 23:37 | 显示全部楼层
<SPAN style="FONT-SIZE: 16px; FONT-FAMILY: 楷体">&nbsp;
<DIV class=t_msgfont id=message684012>
<P><FONT color=dimgray size=2>&lt;EMBED src=音乐地址 &nbsp;width=0 height=0 type=audio/mpeg autostart="true" loop="true"&gt;&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;</FONT></P>
<P><FONT color=#696969 size=2></FONT>&nbsp;</P>
<P>&nbsp;</P></DIV><FONT style="FONT: 12px Tahoma, Verdana; COLOR: #333333"><FONT size=2>这组是链接音乐的代码,只要把”音乐地址“填上即可</FONT> </FONT></SPAN>
回复 支持 反对

使用道具 举报

发表于 2009-1-12 13:26 | 显示全部楼层
<TABLE id=table1 style="LEFT: -100px; WIDTH: 800px; POSITION: relative; TOP: 30px" cellSpacing=0>
<TBODY>
<TR>
<TD>
<p align=center>


<TABLE height=600 cellSpacing=0 cellPadding=0 width=800 background=http://www.yulubbs.com/attachments/month_0812/20081205_6416b4288088bf1a02f0rjBkRcTKZM2U.jpg border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>


<p align=center>

<EMBED align=right src=http://imgfree.21cn.com/free/flash/159.swf width=715 height=570 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash">

</P>


<DIV style="LEFT: 350px; WIDTH: 200px; POSITION: absolute; TOP: 40px; HEIGHT: 50px">
<MARQUEE scrollAmount=1 scrollDelay=80 direction=up width=280 height=550><FONT face=楷书 color=#eeeeee size=4>

<B>

紫禁花园 <BR><BR>她是气势雄浑的宫廷所在 <BR>她是深宫红墙的无言兴衰 <BR>她是一个梦 <BR>梦里有刀光剑影硝烟四起 <BR>有英雄气节儿女情长 <BR>有千回百转命运多劫 <BR>有喜怒哀乐冷暖人生...... <BR>帝王的梦 <BR>臣子的梦 <BR>白头宫女的梦 <BR>交集在一起 <BR>让再宽阔的空间都显得拥挤 <BR><BR>然而这个隔断了市井的所在 <BR>依然锁不住欣然的阳春 <BR>一年又一年 <BR>花谢花开,阅尽繁华 <BR>心平了,心静了 <BR>在这处处花开、步步有景的花园里 <BR>寻到了内心的快乐 <BR><BR>是伴随着阳光的到来而感觉到温暖 <BR>更是时光的流转让人学会了珍惜 <BR>当梦醒魂断 <BR>只留下每一处亭台楼榭每一棵花草树木在阳光下静看这浮世的轮回

</B>

</FONT></MARQUEE></DIV>



</TD></TR></TBODY></TABLE>

</P>

</TD></TR></TBODY></TABLE> 



<EMBED src=http://file7.ddbar.com/20070829/9f666e41/01.mp3 width=0 height=0 type=audio/mpeg loop="true" autostart="true">



<BR><BR><BR>
回复 支持 反对

使用道具 举报

发表于 2009-1-12 13:27 | 显示全部楼层
用楼主的方法试了一下,效果很好,谢谢
回复 支持 反对

使用道具 举报

发表于 2009-1-12 13:57 | 显示全部楼层
哈哈~盈盈成功了
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|品读家园论坛 ( 鄂ICP备19005928号 )

GMT+8, 2025-5-11 07:18 , Processed in 0.048828 second(s), 14 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表