html语法.doc_第1页
html语法.doc_第2页
html语法.doc_第3页
html语法.doc_第4页
html语法.doc_第5页
已阅读5页,还剩23页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

贴图的正确格式:背景图片语法:透明效果:给图片加边框:图上做文:内容-休闲音乐家园 显示图片倒影: 插入Flash方法: 透明FLASH运用 * 在这里提供给大家透明FLASH地址 /free/flash/1.swf 修改flash/ .swf之间的数字 一共有两百多种效果贴内背景公式:。(要贴的内容图片或文字)。图片向左移动:文字向左移动:文字部分帖子外背景底图:带框的背景:文字向上滚注意文字分行并拉开行距:休闲音乐家园带框的背景:文字向上滚注意文字分行并拉开行距:休闲音乐家园播放视频代码合集贴MP3的方法类似于贴Flash。首先要找出想要贴的MP3歌曲的地址。地址确定后,用下列格式贴: : : : : : : : (支持rm、asf、mpa、mpeg ): : : 标签及移动的文字特效 请参考:这两个网页。呵呵,非常不错!/chinese/INTERNET/HTML/Normal/html_design.html/wlzx/wlfw/FrontP98CAI/html/fundation/h013.htm空间模版直接显示网站代码 放在新模板的评论里,代码如下: 二。首页放MV代码 /textarea三。首页放图片加透明FLASH(不是透明FLASH的代码在第7条) 1.首先要個模板顯示大圖片:(其他時鐘、動畫、視頻等等都一樣的道理,将1.换成你想的就可以了) tdalign=center& gt;/table& gt; 2.再找個透明flash代碼: 3。將1和2的兩個代碼合在一起就是下面的: tdalign=center& gt;/textarea& gt; (注意:合成關鍵的一步就是將1.裏面的要放在2.的最後面,数字大小根据你的要求改变) 這樣就做成功了!效果見我首页的天空和草地! 透明素材网址:/article/-7egm-MQM90Y.html 附录: 透明FLASH使用代码: 代码如下:水滴效果 四。空间模版循环滚动的LOGO友情连接 简单的是这样的: 其中的长height宽width都可以根据自己的喜爱来改的 连接地址就是你要友情连接的朋友空间的地址 图片地址就是放LOGO图片的地方 其他的数值可以不用改动 这样做出来了一个人的连接,你可以几个进去,你就在中间加 每一条是一个人的五。空间模版字来回走动代码 来回动的代码: 字 其中scrollamount=2数字似乎控制速度的,可以在移动代码中通用!六。下面介绍如何实现文字在空间主页上的移动: 各种移动代码 基本的移动代码:欢迎来到93778432. 文 字从左至右移动:欢迎 来到93778432. 文字从右至左移动,可以用“direction=”改变运动方向: fontsize=3color=#F79700& gt;欢迎来到93778432. 用下面代码可以使文字左右来回运动: fontsize=3color=ff0000& gt;欢迎来到93778432.q- 下面的代码设置在一定区域内让文字上滚:“scrollamount=”可改变速度。 fontsize=3color=#F79700& gt;marqueewidth=150height=230direction=upscrollamount=2& gt;你的签名 以 上代码就是设置一个宽度150高度20的区域,size=3定义字体大小,color=#F79700定义字体颜色.定义“direction=up”文 字向上运动。“scrollamount=2”定义运动速度,你可以改变成其他数值试试看速度怎么样变化。还可以在里面加 上“bgcolor=”设置移动区域里的背景. 选择你需要的代码复制到模版设置对话框的评论栏目即可 下面以文字在模版上从右向左移动为例: 使用以下代码: fontsize=3color=#F79700& gt;欢迎来到93778432. 把欢迎来到93778432.改为你想要的内容.然后复制-黏贴到模版设置对话框的评论栏目即可. 其他文字移动效果也如此类似. PS:你可以把透明FLASH使用代码与文字代码一起复制到评论那里再看看效果会是怎样?_ 颜色代码: 1白色#FFFFFF2红色#FF00003绿色#00FF00 4蓝色#0000FF5牡丹红#FF00FF6青色#00FFFF 7黄色#FFFF008黑色#0000009海蓝#70DB93 10巧克力色#5C331711蓝紫色#9F5F9F12黄铜色#B5A642 13亮金色#D9D91914棕色#A67D3D15青铜色#8C7853 162号青铜色#A67D3D17士官服蓝色#5F9F9F18冷铜色#D98719 19铜色#B8733320珊瑚红#FF7F0021紫蓝色#42426F 22深棕#5C403323深绿#2F4F2F24深铜绿色#4A766E 25深橄榄绿#4F4F2F26深兰花色#9932CD27深紫色#871F78 28深石板蓝#6B238E29深铅灰色#2F4F4F30深棕褐色#97694F 32深绿松石色#7093DB33暗木色#855E4234淡灰色#545454 35土灰玫瑰红色#85636336长石色#D1927537火砖色#8E2323 38森林绿#238E2339金色#CD7F3240鲜黄色#DBDB70 41灰色#C0C0C042铜绿色#527F7643青黄色#93DB70 44猎人绿#215E2145印度红#4E2F2F46土黄色#9F9F5F 47浅蓝色#C0D9D948浅灰色#A8A8A849浅钢蓝色#8F8FBD 59浅木色#E9C2A660石灰绿色#32CD3261桔黄色#E47833 62褐红色#8E236B63中海蓝色#32CD9964中蓝色#3232CD 65中森林绿#6B8E2366中鲜黄色#EAEAAE67中兰花色#9370DB 68中海绿色#426F4269中石板蓝色#7F00FF70中春绿色#7FFF00 71中绿松石色#70DBDB72中紫红色#DB709373中木色#A68064 74深藏青色#2F2F4F75海军蓝#23238E76霓虹篮#4D4DFF 77霓虹粉红#FF6EC778新深藏青色#00009C79新棕褐色#EBC79E 80暗金黄色#CFB53B81橙色#FF7F0082橙红色#FF2400 83淡紫色#DB70DB84浅绿色#8FBC8F85粉红色#BC8F8F 86李子色#EAADEA87石英色#D9D9F388艳蓝色#5959AB 89鲑鱼色#6F424290猩红色#BC171791海绿色#238E68 92半甜巧克力色#6B422693赭色#8E6B2394银色#E6E8FA 95天蓝#3299CC96石板蓝#007FFF97艳粉红色#FF1CAE 98春绿色#00FF7F99钢蓝色#236B8E100亮天蓝色#38B0DE 101棕褐色#DB9370102紫红色#D8BFD8103石板蓝色#ADEAEA 104浓深棕色#5C4033105淡浅灰色#CDCDCD106紫罗兰色#4F2F4F 107紫罗兰红色#CC3299108麦黄色#D8D8BF109黄绿色#99CC七。模块播放代码“ 把这个代码打入自定义-新建模版的评论里就OK拉 如何知道自己想要大小空间的长和宽的数据 现在教你怎么控制代码的数字刚好是你想要的大小. 首先你用QQ截图截你想要在空间上放得大小然后把图片另存为再右击这个图片按属性就可以看到他的长和宽了然后你修改代码中的这个长和宽了。.恩。.这方法也适用其他代码。. 弄好了记的常来我这里浇花花哦 八。插入大图代码 下面的数字根据自己的要求调节大小 弄好了记的常来我这里浇花花哦九。在主页放电视 EMBEDSRC=电视台地址width=355height=250wid/textarea 在自定义模式中,新建立个模块,然后把代码与电视台的网址结合,放到网址栏里如果你没有电视台地址,我推荐一个给你:http:/220.191.131nbsp;十一.主页鼠标耍人代码(效果自己去我主页试下) 十二.涂鸦版块代码: 网页流行的幻灯片播放set time!-function adRotator() ;adRotator.initialize=function(o)/ script by blueDestinythis._t = new Array();this._l = new Array();this._p = new Array();this._i = new Image();this._c = 0;this._f = false;this._o = o;this._timeout = null;this._html = ;/ configration./ image width/ image height/ rotator speed/ filter typethis._w = 250;this._h = 250;this._s = 4;this._x = 23;return this;adRotator.add=function(p,t,l) with (this)_p.push(p);_t.push(t);_l.push(l);adRotator.load=function() with (adRotator)if( _i.readyState=complete )if(_p.length-1=_c)_f = true;_c = 0;window.clearTimeout(_timeout);/getRef(AdRotator).innerHTML=complete;adRotator.play();else_c+;getRef(_o).innerHTML=total images + _p.length + , loading picture + _c + + _i.readyState + .;_timeout=window.setTimeout(adRotator.load,10)elsegetRef(_o).innerHTML=total images + _p.length + , loading picture + _c + + _i.readyState + .;_timeout=window.setTimeout(adRotator.load,10);adRotator.play=function() with (adRotator)if( _f )_html = ;_html += _html += _html += ;_html += ;_html += (_t_c?( + (_c+1) + . + _t_c + ):);_html += ;_html += ;_html += ;for(var i=0; i_p.length; i+)_html += + (i8?(i+1):(0+(i+1)+ ;_html += ;getRef(_o).innerHTML = _html;getRef(rotatorPic).filters0.Apply();getRef(rotatorPic).filters0.Play();next();else_i.src = _p_c;adRotator.load();adRotator.next=function() with (this)(_p.length-1=_c) ? _c=0 : _c+;_timeout=window.setTimeout(adRotator.play,_s*1000);adRotator.select=function(i) with (this)window.clearTimeout(_timeout);_c=i;adRotator.play();adRotator.set=function(second) with (this)window.clearTimeout(_timeout);if(/d+/).test(second)=true)_s=second;adRotator.play();elsealert(must be digit!)adRotator.play();function getRef(id)return (document.all?document.all(id):document.getElementById(id);adRotator.initialize(AdRotator);adRotator.add(/article/UploadPic/2006-10/200610152281118459.jpg;,小米MM性感甜美棚拍,;)adRotator.add(/article/UploadPic/2006-9/200692916333283551.jpg;,久一个人生活照合集,;)adRotator.add(/article/UploadPic/2007-1/2007131920396066.jpg;,这些少见的越野狂人,;)adRotator.add(/article/UploadPic/2006-11/2006112923315471847.jpg;,超经典超搞笑的图片大集合,;)adRotator.add(/article/UploadPic/2006-10/200610216315817864.jpg;,祖国祝您生日快乐,;)adRotator.play();/-看了一個網站的效果,大概效果就是類似幻燈片的效果。當時第一反映這個是不是用錨點做的啊呢,以前在網上看過用錨點做的這類的效果。腦袋裡出現這個反映後,一直有錨點這2個字浮動著,怎麼裝得下呢,反正現在暫時沒任務,就自己做一個,讓錨點從自己的小腦袋中離開。這個也不說什麼大概的觀念啊什麼的,只是利用錨點跳到頁面中的某一個位置而已。如果頁面內容太多的話,估計效果不好,所以這個還是用來娛樂一下算了。真的很神奇!不需要用到JS就可以達到分頁的效果!結構:程序代碼錨點控制內容第一屏網上有很多這樣的教程,我這個只是娛樂而已錨點控制內容第二屏錨點控制內容第三屏錨點控制內容第四屏錨點控制內容第五屏第五屏第五屏第五屏第五屏第五屏第五屏第五屏第五屏第五屏12345HTML代碼錨點控制頁面內容滾動* margin:0;padding:0;body font:normal 12px/1.5em Verdana,Lucida, Arial, Helvetica, 新細明體,sans-serif;background:#FCFCFC;.wrapper width:200px;height:200px;position:absolute;top:50%;left:50%;margin:-100px 0 0 -100px;border:1px solid #333333;background:#CCCCCC;.content width:180px;height:160px;margin:10px auto 0;overflow:hidden;border:1px solid #999999;background:#FFFFFF;.box float:left;width:160px;height:150px;margin-bottom:10px;padding:10px;overflow:auto;.pager width:180px;height:20px;margin:5px auto;text-align:right;.pager a padding:2px 4px;text-decoration:none;background:#FF0000;color:#FFFFFF;.pager a:hover background:#FFFFFF;outline:#FF0000 1px solid;color:#000000;錨點控制內容第一屏網上有很多這樣的教程,我這個只是娛樂而已錨點控制內容第二屏錨點控制內容第三屏錨點控制內容第四屏錨點控制內容第五屏第五屏第五屏第五屏第五屏第五屏第五屏第五屏第五屏第五屏12345网页图片播放器代码html *margin:3;padding:0;font-size:13px; body font-size:12px; color:#333333; text-align:center; font-family:宋体,arial,verdana,sans-serif; margin-top: 8px; body *text-align:center; .font14font-size:14px; selectfont-family: Times New Roman,arial,verdana,sans-serif; table border-collapse:collapse; imgborder:0; ullist-style-type:none; .clearclear: both;height:0;line-height:0px;font-size:14px; .centertext-align:center; .mleft0margin-left:0px !important; .mtop0margin-top:0px !important; .strongfont-weight: bold; .sbcolor:#009A91;font-weight: bold; /*头部*/ #i_photo_indexwidth:258px;height:256px;text-align:center; #i_photo_index a.i_photo_aheight:180px;text-align:center;margin-left:8px; #i_photo_index a.i_photo_a imgmargin-top:10px; #i_photo_index h1margin-top:0 !important;margin-top:4px;margin-top /*/:2px;height:28px;line-height:28px;text-align:center; #i_photo_index h1 afont-size:18px;font-weight:normal;font-family:黑体,arial,verdana,sans-serif; #i_photo_index pwidth:96%;margin:0 2%;line-height:20px;text-align:left;text-indent

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论