| Cowboyuk's profileGAME TANKPhotosBlogLists | Help |
|
|
3/18/2006 BLOG 技法基础篇1.贴音乐:
在编辑空间的主页面下,将该参数&powertoy=musicvideo附加到IE的地址栏中的地址后面,然后敲回车 例如,我的空间编辑状态页面的地址是: 粘贴忘参数后的地址是
在打开的新页面,点"自定义",再点“模块”,旧可以看到"PowerToy:
Windows Media Player 添加"——这一项,选上,就可以在页面上看到新增加的该模块,设置模块相关参数,保存即可。
相关参数的说明:媒体文件支持WMA, WMV, WAV, AVI, MPG, MPEG, MP3等类型,设置参数支持媒体文件URL地址、开始播放时间、重复播放次数、播放速度、是否自动播放、播放屏幕大小、是否显示右键菜单等。 旧方法: <IMG height=0 width=0 border=0 loop=infinite dynsrc=http://www.szbjgz.com/bjwy3/g102/music/My%20Love.wma>
你的朋友浏览你的空间的时候,可以通过按"ESC"键来停止音乐(但同时页面的载入也就停止了,特别是gif动画,会停),如果想再听,只能按F5刷新页面。 =============================================================== 2. 日志背景代码:
新方法: <table background="图片地址" width="100%" height="高度" cellSpacing=0 cellPadding=0 border=0>
<tbody> <tr> <td valign=top>日志文字 </td> </tr> </tbody> </table> ===============================================================
3.背景图片 + 滚动文本框的组合
如果宽度略小于你的日志宽度的话,用 table 方法;
如果图片宽度大于你的日志宽度的话,用 DIV 方法,(没给出)
一 、table 方法:
首先,将如下代码复制到日志的HTML代码里:
<TABLE style="BACKGROUND-POSITION: 50% 0%; BACKGROUND-REPEAT: no-repeat" height=图片的高度 width="100%" background=图片地址>
<TBODY> <TR> <TD vAlign=top align=middle> </TD></TR></TBODY></TABLE> 代码中蓝色部分是需要修改的,改成你的图片地址和图片高度(高度只需要换成数字即可,后面不需要加px)。
然后再将如下代码复制到<TD vAlign=top align=middle>与</TD>之间:
<DIV style="HEIGHT: 文字内容高度px; WIDTH: 文字内容宽度px; OVERFLOW: scroll; OVERFLOW-X: hidden; SCROLLBAR-FACE-COLOR: #ffd700; SCROLLBAR-HIGHLIGHT-COLOR: #c3d6da; SCROLLBAR-SHADOW-COLOR: #3d5054; SCROLLBAR-3DLIGHT-COLOR: #3d5054; SCROLLBAR-ARROW-COLOR: #ffd6da; SCROLLBAR-DARKSHADOW-COLOR: #85989c" align=left>日志文字</DIV>
OVERFLOW: scroll; OVERFLOW-X: hidden;为设置"强制出现滚动条"和“屏蔽横向滚动条”的代码,不用修改 代码中深黄色的部分为滚动条的颜色,大家根据这个色板自行修改,不需要设置滚动条颜色的话,把; SCROLLBAR-FACE-COLOR:到SCROLLBAR-DARKSHADOW-COLOR: #85989c这一部分全都删掉即可 代码中,橙色left的为日志文字的对齐方式,left 表示居左对齐,center 表示居中对齐,right 表示居右对齐。 编辑好代码后,就可以点回<HTML>按钮编辑你的文字了。 =============================================================== 4。 怎样制作留言板。
- 新建一篇日志,标题就叫"留言板"(叫别的也行),类别随便,内容随便写,然后发布。
- 在空间的预览模式下,那篇日志的下面有个"固定链接"字样,点开它,会出现一个地址,这个地址就是你的留言板的地址,把地址复制一下。
- 在空间的编辑模式下创建一个自定义列表。
- 列表名字重命名为"留言板",在此列表里添加一新项,名称:留言板;地址:Ctrl+V 粘贴刚才复制的那个地址;描述:随便写,还写"留言板"也行,不写也行,写完以后点"保存"。 如果要连接其他留言板可供msn外用户使用,要另外申请。
- 搞定!预览一下你的空间,看见那个新建的列表了吧?点里面的链接,直接到达你刚才新发布的那篇日志,明白了吗?那篇日志的"评论"就是你的留言板,你的朋友对那篇日志的评论,就是给你的留言。
===============================================================
5。免费计数器
是要在网上申请的,可以申请的网站很多,先拿一个作例子,比如这个:
在"Your Page Address (URL):"的后面填入你的空间地址;
在"Start Counter at:"后面填入起始计数值; 再在下面选择一款你喜欢的颜色,然后点"Sign Up"按钮 新打开的网页里,有一个框,框里面有一长串代码,别管它有多长,全选,复制,然后点一下<HTML>按钮进入到日志的代码,粘贴(建议粘贴在最前或最后),再点一下<HTML>按钮,稍等片刻,就可以看见你的计数器了。 =============================================================== 6。 添加天气预报
比较简单,进入此网站:
在此网页的最上面输入自己所在的城市,只能输入英文,,比如:北京(BEIJING)、上海(SHANGHAI)、西安(XI'AN)等等,在您所在的城市的具体情况的网页上找到这个链接:Click here for your Weather Sticker?!,点击这个链接,就出现了各种各样的显示形式,挑选一个自己喜欢的,右击天气预报图片,选复制,再回到自己的日志,Ctrl+V 粘贴,就OK了
=============================================================== 7。怎样实现"手动置顶"
-照常发布你的新日志。 -把你的日志A的内容复制一下 (在预览模式下和编辑模式下复制均可)。
-再新建一篇日志,把刚才复制的内容粘贴进去,发布。
-在空间的编辑模式下把日志A整体删掉,搞定!
当前还没有找到不需要删除原日志而直接将日志置顶的方法 =v=
=============================================================== 8。怎样添加QQ在线留言指示器
QQ在线留言,就是点击图标可以和寂语直接对话,不加好友也可以对话,(当然,我不在线的时候,要等上线了才能给你回复)
QQ在线留言和MSN在线状态指示器的添加方法差不多,到这个网站申请 : http://is.qq.com/webpresence/code.shtml
步骤:
先从十三种风格里,任选一种。
"QQ/TM号码:" 后面填入你的QQ号; "留言的网站名称" 后面填你的空间名字就可以,例如,我就填 寂语堂; "图片旁的留言:" 不用改; 然后点下面的"生成网页代码"按钮。 把生成的代码复制一下,粘贴到你日志的代码里,就OK了。 =============================================================== ===============================================================
10 边框类:
代码:外突 outset
<DIV style="BORDER-RIGHT: 3px outset; BORDER-TOP: 3px outset; BACKGROUND: #ffffff; BORDER-LEFT: 3px outset; WIDTH: 100%; BORDER-BOTTOM: 3px outset; HEIGHT: 100%" align=left>日志文字</DIV>
代码说明:
蓝色部分为可修改部分,一一说明:
四个3表示凸起边框的宽度,用1的话不太明显,2或3比较合适; 四个outset表示边框类型为"凸起",如果都改成inset或者double,就分别是凹陷边框和双线边框的效果,其他效果下文会给出完整代码; WIDTH: 100%; 和HEIGHT: 100%表示这个框的宽度占日志宽度的百分之百,当窗口伸缩的时候,框的宽度也会随着伸缩,HEIGHT表示高度,另外,还有一种表示方法以px为单位的,表示单位为象素,例如:WIDTH: 355px 表示框的宽度为355象素,不同的版式,日志宽度是不一样,可参考这里给定的值, 一般的情况下,用百分比表示就可以了,但是有的时候需要用象素来确定大小,见机行事吧; align=left表示框内内容的排列方式为左对齐,把left分别改成center或right分别为居中对齐和右对齐,如果想左对齐的话,可以把align=left删掉,缺省情况下是左对齐; ffffff表示框内的背景色,ffffff表示白色(000000表示黑色),颜色值可参考这个表来选择,另外,将#ffffff改为transprant即为透明背景, 日志文字为框内的日志内容,没有必要在代码里编辑,回到普通设计模式,双击生成的框,即可进入框内编辑文字。
3. 双线边框: double <DIV style="BORDER-RIGHT: 3px double #000000; BORDER-TOP: 3px double #000000; BACKGROUND: #ffffff; BORDER-LEFT: 3px double #000000; WIDTH: 100%; BORDER-BOTTOM: 3px double #000000; HEIGHT: 100%" align=left>日志文字</DIV> 透明背景双线边框代码:
<DIV style="BORDER-RIGHT: 3px double #000000; BORDER-TOP: 3px double #000000; BACKGROUND: transprant; BORDER-LEFT: 3px double #000000; WIDTH: 100%; BORDER-BOTTOM: 3px double #000000; HEIGHT: 100%" align=left>日志文字</DIV> 4. 虚线边框: dashed
<DIV style="BORDER-RIGHT: 2px dashed #000000; BORDER-TOP: 2px dashed #000000; BACKGROUND: #ffffff; BORDER-LEFT: 2px dashed #000000; WIDTH: 100%; BORDER-BOTTOM: 2px dashed #000000; HEIGHT: 100%" align=left>日志文字</DIV> 透明背景虚线边框代码:
<DIV style="BORDER-RIGHT: 2px dashed #000000; BORDER-TOP: 2px dashed #000000; BACKGROUND: transpant; BORDER-LEFT: 2px dashed #000000; WIDTH: 100%; BORDER-BOTTOM: 2px dashed #000000; HEIGHT: 100%" align=left>日志文字</DIV> =============================================================== 11. 定义HTML工具。Custom HTML模块
通过该工具可以在主页增加一个自定义HTML内容模块。
操作很简单,在编辑空间的主页面下,将该参数&powertoy=sandbox附加到IE的地址栏中的地址后面,回车刷新页面,就可以在自定义模块中看到新增的"PowerToy: Custom HTML"自定义HTML模块,在页面增加该模块,设置模块相关参数,保存即可。
设置参数支持模块标题、HTML内容、是否显示模块边框等。
该模块的不足是只能增加一个自定义HTML模块,而且HTML内容设置限制在512个字节以内,在此限制下很多应用都无法实现。
例如,我的空间编辑状态的地址是:
http://spaces.msn.com/members/king19120/
PersonalSpace.aspx?_c02_owner=1&_c= 粘贴完代码后的地址为
http://spaces.msn.com/members/king19120/Personal
Space.aspx?_c02_owner=1&_c=&powertoy=sandbox 3.我的Custom HTML模块中的内容 代码如下:
<table style="background-position:50% 50%;background-repeat:no-repeat" width="100%" background="
http://www.amazingcounters.com/counter.php?i=191461&c=574696"><tbody><tr><td align=middle><br><font style="font-size:15pt;filter:Glow(color=#000000);width:167px;height:29px" color="#00ffff" face="Lucida Handwriting, Cursive, Simsun">Mr .Lonely</font><br><br>音乐信息:Fight for love tonight<br>觉得吵请按ESC</td></tr></tbody></table> 说明如下:懂点HTML语法的朋友都看出来了,我是把计数器(白底红字为计数器的地址)作为表格的背景,这样,表格里面就可以写文字,换句话说,就是可以“在计数器上写文字”,既然计数器只不过是个图片,那么,对图片可以进行哪些操作,对图片就能做哪些操作,大家不妨用这种方法尝试 DIY 一下自己的计数器。 ===============================================================
12 图片滤镜
先说说给图片添加滤镜效果,基本的代码如下:
<IMG style="FILTER: 值" height=图片高度 src="图片地址" width=图片宽度>
FILTER的值有很多,其中Alpha最为常用,即透明滤镜效果 一般的透明度设置代码如下:
<IMG style="FILTER: Alpha(opacity=值)" height=图片高度 src="图片地址" width=图片宽度>
特殊的透明效果:
代码如下:
<IMG style="FILTER: Alpha(opacity=透明度起始值,finishOpacity=透明度终止值,style=透明度样式编号)" height=图片高度 src="图片地址" width=图片宽度>
代码中粉红色的部分是关键,其中的汉字都是要修改的,透明度起始值一般设置为100,表示完全透明;一般设置为0,透明度终止值表示完全不透明,以背景色覆盖,这样,就形成了从透明到不透明的渐变,style=透明度样式编号表示以什么方式透明,可选的值为0,1,2,3,下面展示不同编号的透明效果:
编号为0效果:0表示没有透明效果,用处不大,不需要透明的时候,干脆用基本的贴图代码就可以了。
编号为1效果:类推1,2,3
<IMG style="FILTER: Alpha(opacity=100,finishOpacity=0,style=1)" height=90 src="http://kuso.cc/0ML/146919_0.jpg" width=120> 这就是FILTER值为Alpha的一些效果及其代码,个人认为,这些透明度效果比较常用。
另外,FILTER还有一些其他的值,例如: 诙谐:
<IMG style="FILTER:Gray)" height=135 src="http://kuso.cc/0ML/146919_0.jpg" width=180> X光效果:
<IMG style="FILTER:Xray)" height=135 src="http://kuso.cc/0ML/146919_0.jpg" width=180> 色彩对换:
<IMG style="FILTER:Invert)" height=135 src="http://kuso.cc/0ML/146919_0.jpg" width=180> 翻转(左右翻转):
<IMG style="FILTER:Fliph)" height=135 src="http://kuso.cc/0ML/146919_0.jpg" width=180> 上下翻转只需将Fliph改为Flipv即可,演示就不作了 这就是图片的滤镜效果,另外,在<div>标签内加入FILTER代码,然后再在<div></div>之间插入图片(即加入<IMG>标签),可以实现很多特殊的"伪"图片滤镜效果,例如: 发光效果:
: <DIV style="FILTER: Glow(color=#FF0000,strength=12); WIDTH: 355px; HEIGHT: 160px" align=center><BR><IMG style="WIDTH: 180px; HEIGHT: 135px" src="http://kuso.cc/0ML/146919_0.jpg"></DIV> Glow中的color=#FF0000表示发光的颜色为红色,strength=12表示光的宽度,另外要注意,<div>的宽和高一定要大于<IMG>的宽和高,至于大多少,根据实际情况自己调整。
投射阴影效果:
<DIV style="FILTER: Shadow(color=#FF0000,direction=135); WIDTH: 355px; HEIGHT: 160px" align=center><BR><IMG style="WIDTH: 180px; HEIGHT: 135px" src="http://kuso.cc/0ML/146919_0.jpg"></DIV>
direction=135表示投影方向,从0到180可自行调整。 附阴影效果:
<DIV style="FILTER: Dropshadow(color=#FF0000,offx=5,offy=5); WIDTH: 355px; HEIGHT: 160px" align=center><BR><IMG style="WIDTH: 180px; HEIGHT: 135px" src="http://kuso.cc/0ML/146919_0.jpg"></DIV>
align=left>offx=5,offy=5表示横纵坐标偏离值。 模糊效果:
<DIV style="FILTER: Blur(direction=135); WIDTH: 355px; HEIGHT: 160px" align=center><BR><IMG style="WIDTH: 180px; HEIGHT: 135px" src="http://kuso.cc/0ML/146919_0.jpg"></DIV>
波形效果:
<DIV style="FILTER: Wave(freq=7,strength=12,lightstrength=5,phase=0);WIDTH: 355px; HEIGHT: 160px" align=center><IMG style="WIDTH: 180px; HEIGHT: 135px" src="http://kuso.cc/0ML/146919_0.jpg"></DIV>
——非原
===============================================================
13. 谁做了你的链接…… 在该网站搜索栏里输入你的Space地址,按[Search].能搜出一些做了你的链接的Space... ===============================================================
14. 非图片的羽化边缘效果——表格标签<td>加滤镜
我不知道这个东西有人注意过没——表格标签 <td>加滤镜,可以形成类似于图片的羽化边缘效果,用这个 来做日志边框不错,免去了上传图片带来的烦恼,例如下面下面这几个例子: 范例之一:一行3 列的表格
<TABLE height=100 cellSpacing=0 width="100%">
<TBODY> <TR> <TD style="FILTER: Alpha(opacity=0,finishOpacity=100,style=1)" width="10%" bgColor=#ffecff></TD> <TD vAlign=top width="80%" bgColor=#ffecff></TD> <TD style="FILTER: Alpha(opacity=100,finishOpacity=0,style=1)" width="10%" bgColor=#ffecff></TD></TR></TBODY></TABLE> 代码简单说明: 代码中的红色部分,是产生左右两侧的淡化效果的滤镜,不能改
代码中的蓝色部分 bgColor=#ffecff,是各个单元格的背景色,#ffecff 代表→这个颜色,需要替换颜色的话到色板里去 找吧;
代码的绿色部分 height=100 ,表示表格的初始高度为100,内容写多了会自动被撑开,这一点不用 担心;
范例之二:一行三列的表格(颜色反向) <TABLE height=100 cellSpacing=0 width="100%">
<TBODY> <TR> <TD style="FILTER: Alpha(opacity=100,finishOpacity=0,style=1)" width="10%" bgColor=#ffecff></TD> <TD width="80%"></TD> <TD style="FILTER: Alpha(opacity=0,finishOpacity=100,style=1)" width="10%" bgColor=#ffecff></TD></TR></TBODY></TABLE> ===============================================================
15.关于右移列表 右移列表的代码:<div><img></td></table></div>
使用方法:将上面的↑代码粘贴到你最近发布的日志里,不要预览,直接发布。
5/24/2005 ◇◇◇◇◇◇颜色代码一览表◇◇◇◇◇◇颜色代码一览表
ALICEBLUE #A0CE00 ■ |
|
|