| 以文本方式查看主题 - 动网先锋论坛 (http://2007.hnzqw.com/index.asp) -- 衡阳知青 (http://2007.hnzqw.com/list.asp?boardid=112) ---- 唯美html贴图 HTML简易教程.透明Flash背景 (http://2007.hnzqw.com/dispbbs.asp?boardid=112&id=45875) |
||
| -- 作者:夜深人静 -- 发布时间:2007/11/13 11:17:39 -- 唯美html贴图 HTML简易教程.透明Flash背景 根据衡阳坛子朋友要求,对html贴图有着浓厚的兴趣,只是自己只有半碗水,毫无保留向大家汇报,苦于无从下手,找不到要领,说到哪里算哪里吧,我收集整理了这个HTML简易教程,希望能给大家带来一点帮助。很简单的,多弄几次就会了,也可以参考《都是菜鸟》和《网页特效》论坛,8月以前,我什么都不会,我也是从那里启蒙的。 1、一:背景
以上原代码如下: 注,1、发贴删除“背景图片网址”,这里是文字示意。 2、在图内可以任意填写文字和复制图片。 |
||
| -- 作者:夜深人静 -- 发布时间:2007/11/13 11:28:31 -- 文字+图片 </TD></TR></TBODY></TABLE> 注意事项:前边用了多少<table><tr><td>后面就要有多少</td></tr></table>收尾。多收和少收都会使帖子出错,出错后效果图片不显示,只显示你的全部代码。 常用的参数设定及注解: <table width="400" border="10" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="图片网址" bgcolor="#0000FF" bordercolor="#CF0000" bordercolorlight="#00FF00" bordercolordark="#00FFFF"> 不要急于求成,多多试验,一步一步来,我会陆续上传制作html贴图要领的。 |
||
| -- 作者:彬彬 -- 发布时间:2007/11/13 23:55:09 -- 谢谢版主的指教!只不过是那么些代码太难记.人老了,记忆力差~~~~ 希望今后能多多传授一些操作,编辑经验.谢谢! |
||
| -- 作者:夜深人静 -- 发布时间:2007/11/14 12:29:09 -- 以下是引用彬彬在2007-11-13 23:55:09的发言: 谢谢版主的指教!只不过是那么些代码太难记.人老了,记忆力差~~~~ 希望今后能多多传授一些操作,编辑经验.谢谢! 不用记代码呀,就将你所需要的图片粘贴代码中就可以了。 |
||
| -- 作者:夜深人静 -- 发布时间:2007/11/14 12:39:17 -- 二:贴图 1.基本代码: <img src=图片网址 width=图片宽度 height=图片高度> 注意:设定图片大小,此宽度及高度一般采用 pixels (也就是像素)作单位。通常只设为图片的真实大小,以免失真,若需要改图片大小最好使用图像编辑工具(改变大小的宽和高与原图的宽和高要成正比例,图片最好是改小不改大,以免失真)。 2.给图片加边框 基本代码: 说明: 现在我们做一点调整,改变一下边框色彩参数的设置,看看会发生什么变化。 看出来了吗?边框呈现出了立体效果。这是因为,我们将边框颜色代码进行了替换,替换代码如下:。 borderColorlight=#06D5E7 表格边框“向光”部分的颜色 borderColordark=#1B77F4 表格边框“背光”部分的颜色 注:borderColorlight=#06D5E7(向光) 与borderColordark=#1B77F4(背光) 感光代码使用后,borderColor=#626DFA 边框色彩代码即失效。 基本代码: <table border=10 cellSpacing=2 cellPadding=1 borderColorlight=#06D5E7 borderColordark=#1B77F4><tbody><tr><td><img src=图片地址 width=348 height=315></td></tr></tbody></table> |
||
| -- 作者:湾里泉 -- 发布时间:2007/11/14 20:30:22 -- 用代码做太麻烦了,看我用电脑自带的图画工具轻松就做出来了。 |
||
| -- 作者:夜深人静 -- 发布时间:2007/11/14 20:45:42 -- 弯里泉你好:我说的是给图片加边框,这是各种基本简易边框,而且有立体效果,比软件更容易,只要图片往代码里一套即可。 |
||
| -- 作者:湾里泉 -- 发布时间:2007/11/14 21:38:08 -- 给图片加边框也一样轻松搞定。 |
||
| -- 作者:彬彬 -- 发布时间:2007/11/14 23:59:39 -- 以下是引用夜深人静在2007-11-14 12:29:09的发言: 不用记代码呀,就将你所需要的图片粘贴代码中就可以了。 等我有空了,好好地操作操作! |
||
| -- 作者:夜深人静 -- 发布时间:2007/11/15 11:45:24 -- 3、制着简单的透明Flash背景图,代码如下。 <TABLE cellSpacing=0 cellPadding=8 width=700 background=插入图片地址 border=1> 如下图就是以上的代码组成一副动态带有音乐的图片 |