「 LOMO·教程」HTML教程(H码编辑器、阿里妈妈、表格参数、播放器、图片效果等）

凉城旧梦

flash网页播放器HTML代码【二】

播放器有无背景色的设定代码 这是透明播放器： <EMBED src=http://www.estvideo.com/dew/media/dewplayer-multi.swf width=44 height=20 type=application/x-shockwave-flash flashvars="son=mp3地址&autoplay=0" wmode="transparent" 播放器效果 【宽度分别是25,44,63,240】 ◇ 播放器的代码说明： ● width=290【播放器宽度】 ● height=25【播放器高度】 ● bg=0xfff7fb【中部背景色】 ● leftbg=0xff6fb7【播放器左边背景色】 ● lefticon=0xfff4fa【播放器左边标准的颜色】 ● rightbg=0xff6fb7【播放器右边背景色】 ● rightbghover=0xffd0e8【播放器右边背景接触颜色】 ● righticon=0xfff4fa【播放器右边标志色】 ● righticonhover=0xeb5f8f【播放器右边标志接触色】 ● track=0xfef8fa【播放器滑条进度颜色】 ● loader=0xf999cb【播放器加载条颜色】 ● slider=0xf2228f【滑块颜色】 ● border=0xeb5f8f【滑块边框颜色】 ● text=0xf2228f【文本颜色】 ● autostart=no【手动播放no，自动播放yes】 ● loop=no"【循环播放yes，不循环no】 ● wmode="transparent" 【窗体透明】 这是有背景的播放器： <EMBED src=http://www.estvideo.com/dew/media/dewplayer-multi.swf width=240 height=20 type=application/x-shockwave-flash flashvars="son=mp3地址&autoplay=0" bgcolor="#ee1169"> 有背景播放器效果 【宽度分别是25,44,63,240】 以上是这款播放器的基本设定，如果点定位或设置浮动， 按照上一款播放器的设置就可以，这里就不做说明了， 当然你可以自己根据需要搭配 有问题可留言 整理：Hmily

凉城旧梦

flash网页播放器HTML代码【三】

网页播放器HTML代码的设定 ◇ 播放器的代码 <EMBED height=25 type=application/x-shockwave-flash width=290 src=http://www.51119.com/play/swf/03.swf?soundFile=mp3地址&bg=0xfff7fb&leftbg=0xff6fb7&lefticon=0xfff4fa&rightbg=0xff6fb7&rightbghover=0xffd0e8&righticon=0xfff4fa&righticonhover=0xeb5f8f&text=0xf2228f&slider=0xf2228f&track=0xfef8fa&border=0xeb5f8f&loader=0xf999cb&autostart=no&loop=no quality="high" wmode="transparent" > ◇ 播放器的代码解释 ● width=290【播放器宽度】 ● height=25【播放器高度】 ● bg=0xfff7fb【中部背景色】 ● leftbg=0xff6fb7【播放器左边背景色】 ● lefticon=0xfff4fa【播放器左边标准的颜色】 ● rightbg=0xff6fb7【播放器右边背景色】 ● rightbghover=0xffd0e8【播放器右边背景接触颜色】 ● righticon=0xfff4fa【播放器右边标志色】 ● righticonhover=0xeb5f8f【播放器右边标志接触色】 ● track=0xfef8fa【播放器滑条进度颜色】 ● loader=0xf999cb【播放器加载条颜色】 ● slider=0xf2228f【滑块颜色】 ● border=0xeb5f8f【滑块边框颜色】 ● text=0xf2228f【文本颜色】 ● autostart=no【手动播放no，自动播放yes】 ● loop=no"【循环播放yes，不循环no】 ● wmode="transparent" 【窗体透明】 播放器效果 <embed src="http://www.51119.com/play/swf/03.swf?soundFile=mp3地址&bg=0xfff7fb&leftbg=0xff6fb7&lefticon=0xfff4fa&rightbg=0xff6fb7&rightbghover=0xffd0e8&righticon=0xfff4fa&righticonhover=0xeb5f8f&text=0xf2228f&slider=0xf2228f&track=0xfef8fa&border=0xeb5f8f&loader=0xf999cb&autostart=no&loop=no" width="150" height="20" quality="high" type="application/x-shockwave-flash"wmode="transparent" > <EMBED src=http://www.51119.com/play/swf/03.swf?soundFile=mp3地址&bg=0xfff7fb&leftbg=0xff6fb7&lefticon=0xfff4fa&rightbg=0xff6fb7&rightbghover=0xffd0e8&righticon=0xfff4fa&righticonhover=0xeb5f8f&text=0xf2228f&slider=0xf2228f&track=0xfef8fa&border=0xeb5f8f&loader=0xf999cb&autostart=no&loop=no width=290 height=25 type=application/x-shockwave-flash quality="high" wmode="transparent"> 以上是这款播放器的基本设定，如果点定位或设置浮动， 依然是按照第一款播放器的设置就可以，这里就不做说明了， 有问题可留言 整理：Hmily

凉城旧梦

flash网页播放器HTML代码【四】

flash网页播放器HTML代码【四】 播放器说明 “autoStart=yes”是自动播放，改成NO就是手动播放了 “repeatPlay=yes”是循环播放,改成NO就是取消循环播放 “歌曲地址”就是mp3地址，“歌曲名称”就不用说了吧 “wmode ”= 窗体模式 “transparent ”= 透明 “autostart=true ”是否在音乐档下载完之后就自动播放 “true”=是，“false”=否 (内定值) “loop"="true" 是否自动反复播放。 "LOOP''=2 表示重复两次，true 是， false 否。 播放器代码 这是播放器的样式，按照下面的数字279位置替换即可 【替换码：292，279，375，389，263，350】 <EMBED height=200 type=application/x-shockwave-flash width=300 src=http://www.zqzone.cn/show/mp3/swf/zQzone_cn279.swf?song=歌曲名称&autoStart=yes&repeatPlay=yes&mp3=mp3地址&.swf allowscriptaccess="never" allownetworking="internal" loop="1" invokeurls="false" autostart="1" wmode="transparent" > 这是播放器的样式，按照下面的数字120位置替换即可 【替换码：113，105，120】 <EMBED height=200 type=application/x-shockwave-flash width=300 src=http://www.xcwhw.cn/fla/bfq/120.swf?n=歌曲名称&mp3=mp3地址&.swf wmode="transparent" autostart="1" loop="1" invokeurls="false" allownetworking="internal" allowscriptaccess="never" > 整理：Hmily

凉城旧梦

flash网页播放器HTML代码【五】

豆瓣网页播放器HTML代码 播放器代码 【自动播放】 <EMBED src='http://www.douban.com/swf/player.swf?url=MP3地址&autoplay="1" width=260 height=30 type=application/x-shockwave-flash allowscriptaccess="always" wmode="transparent"> 【手动播放】 <EMBED src='http://www.douban.com/swf/player.swf?url=MP3地址&autoplay="0" width=260 height=30 type=application/x-shockwave-flash allowscriptaccess="always" wmode="transparent"> 整理：Hmily

凉城旧梦

flash网页播放器HTML代码【六】

flash网页播放器HTML代码【六】 播放器代码 1、进入http://muzicons.com/ 2、可以看到如下图，填写设置项目： 可以选择表情，也可以选择播放器的背景颜色， 但是按键只能为绿色。输入音乐外链即可。 3、在设置选项表右边生成播放器代码，如下图： 可以选择使用HTML码，也可以选择使用FLASH。 【播放器示范】：只能手动播放，不能设置自动播放 妳好 | 舊莳光 …… 整理：Hmily

凉城旧梦

阿里妈妈-使用教程 编辑：Hmily  首先进入阿里妈妈网址：http://banner.alimama.com/注册登陆 登陆首页后，我们可以点击（如图示）下列红箭头所指的选项查看模板 1、通栏/店招选项里一般为横条模板，我们可以选择喜欢的式样做帖子头图 或插图，高度为150左右，长度根据你帖子的实际情况更改到你需要的长度， 这里，我先贴一个我自己DIY过的通栏图效果做为预览示范： 2、图文选项里的模板，无论从长度高度大小式样都是比较综合的， 可以根据搜索条件搜索你需要的，搜索的关键词有很多选择，如下面图示： 1）点开图文选项，我们看到图文类目，有行业和主题，这里我们只截取了一部分 这都是搜索的关键词，个人觉得这两大分类可以视为风格的 2）同一页面上，按排行搜索，包括排序筛选、评价排行、人气排行三种。 3）同一页面上，自己输入文字关键词搜索，这个基本用得少。 4）同一页面上，按尺寸、色彩搜索，可以任选一，也可以同时选择搜索。 5）、设计师选项：为专业设计的模板选项，如果你在通栏和图文选项中 没有发现自己喜欢的模板，也可以点击这个选项进去浏览选择。 选择。一：在每个模板前进如图上示： 如果你在阿里找到自己喜欢的模板，可以点击“收藏” 收藏的模板点击右上角我的设计中“收藏”选项查看 二、如何编辑模板及重点： 1）、如果需要套用模板，点击“开始制作”进入模板编辑模式。 以下是编辑模式下功能键的指示图： 2）、当你选择的模板的长宽与你实际需要的不一样时，你首先需要改变 边框宽度与高度。而边框内的内容大小，这里主要是指图片、文字以及FLASH素材的大小。 用鼠标单击你需要改变的部分，然后根据实际情况，通过鼠标拖动来改变它的大小。 3）、下面，首先讲到的是设置一栏的设置，如下图所示： 上图中的宽度和高度分别指的是背景的宽度和高度，圆角旁边的参数设置 指的是边框四个角的弧度，设置为零的话边框就是方形。 而边框旁边的参数设置指的是添加到背景的边框的宽度，设置好 数值后，再点击数字部分会出现一个颜色表，这里就选择边框的颜色 上图是边框设置颜色卡，这里特别标注到的是下面的透明选项 如果觉得上面的颜色卡颜色太过浓烈，也可以使用下面的透明度设置减淡 继续点击到基本属性框的右上的背景色设置选项，上图已用红箭头标注了。 这里也会出现一个颜色卡，这是设置整个背景的颜色的，同样的下面依然有个透明度设置， 大家可以适当地用下。到这里，边框以及背景部分的设置就差不多了。 4）、接着讲到的是第二栏文字的设置，点击文字选项，它会有两种文字设置： 一种是动画文字，即是动态效果的文字，二是静态文字。如下图所示： 这里先讲到动画文字，设置参数有字体、动画、滤镜以及颜色卡中的透明度 字体不多说，都明白，动画一栏是动态效果的选择，而滤镜有点类似PS中的字效选项 一般有投影、内投影、发光、内发光、斜角、描边等，选择无表示不使用任何效果 滤镜右侧是各种效果的颜色选择，这里我们可以看到，不管是字体本身的颜色卡， 还是滤镜的颜色卡下面都有透明度的调动拉条，根据实际情况注意使用。 动画文字大小是通过鼠标拖动拉大拉小来设置的。继续讲到静态文字，如下图： ①的设置和一般文档编辑功能一样，不详细讲。 ②文字所在部分背景色的设置，单击点开我们可以看到颜色卡，下面依旧有透明度设置 ③文字前固定符号的设置选项，分别是图标形状选项、图标大小设置、图标颜色设置 ④静态文字颜色设置选项，前面部分是固定颜色选择，后面是颜色卡选择。 5）、下图是关于图片选项功能的截图，这里我只截了重要部分： 如图中所示，标签和背景两栏里是一些阿里自带图片素材，包括动态素材 “我的素材”选项是上传本地图片地方，一般只能上传不大于30K的图片。所以， 如果要使用这个上传功能，只能先将图片做压缩处理，我一般用ISEE来进行处理。 具体的素材运用就要靠大家多做练习去慢慢发掘和设计了。 6）、继续讲到第四个选项“商品”，前面有讲到这个选项是 输入单张图片的地方，点击商品，如下图所示，随便选择一个商品模块： 大家都看到了，每个模块都是图片带文字，删除图片旁边的文字与数字 然后点击图片，在右边会出图文广告属性框，如下图所示： 图上特别标注的图片右侧空白框，替换你要用的图片地址， 即可用到你自己的素材。链接右侧空白框的地址，这里删除掉，不用管。 下面的宽度和高度是指图片的宽度和高度，按原图尺寸填就好 位置栏，我们注意选好后面的拉伸效果就好，不然图片与模块的尺寸不一样的话 图片四周会出现多余部分。效果部分一般是对图片边框效果的选择， 旁边是颜色选项，和静态文字一样有两种选择，一个是固定的一个是颜色卡的。 图上中宽度右侧的背景色设置和前面设置里的背景色是一样的，这里不重复说。 7）、接下来要讲到的是第五个选项轮播——多张图片动态效果，如下图所示： 点击“轮播”，与商品模块一样，会出现多种轮播模块供你选择 这里依旧随便选择一个模块做为示范，然后点击一下模块的图片，右侧会出现上图 所示的动态模块属性框，我们首先可以看到一排图片，这就是轮播图片。 与单张图片输入的方法是一样的，看到①部分，每点击一下模块自带的图片 我们在图片选项右侧空白框内换上自己的图片地址，多张图片以此类推。同样下面链接选项 右侧的地址要删除。上图②所指的是轮播图片添加的地方，点击图标右下的“+”号即可。 接下来是模块整体设置，包括宽高、边框、背景色等，这里应该看得懂 接下来是轮播中图片部分的设置，缩放注意选择拉伸效果，宽高看图片属性填写 而③是图片形状的选项，包括方形、菱形、六边形、花形、圆形、心形等 可根据帖子设计自形选择图片形状。再下面是轮播效果的设置。 ④所在的选项是轮播的各种方式以及轮播时间的设置。 ⑤是对轮播功能中控件的设置选项，如下图红框标注的地方： 前面部分是对控件图标式样的选择，其中无表示不显示控件图标， 点击后面部分的图标，会出现对控件中图标更详细的设置选项，如下图所示： 这个部分设置包括图标式样、背景、大小、边距以及图标中文字或者数字的设置。 8）、到这里，阿里妈妈的基本使用方法讲完了，下面附加一个网站的自带教学视频：