琳琳 的个人资料❤๑۩۞۩๑❤≈✿猫猫の乐园✿ﻬஐcSﻬ✿照片日志列表更多 工具 帮助

日志


8月11日

经典代码

这些代码可以在方便用在编辑日志里,你可以将其打开此日志用于编辑日志方便复制,粘贴一定要用ctrl+v粘贴,不然HTML模式粘贴不了

插入图片代码:

<IMG SRC="图形文件地址">

点字进网页代码:

<A href="网页地址" target="_blanko,location=no,status=no')&quot;">字</A></P>

点图进网代码:

<P align=right><A href="网站" target=_blank><FONT face=Verdana color=#800000><IMG height=15 alt="" src="图片" width=80 border=0></FONT></A></P>

彩色背景代码:

<div style="width:100%;height:100%;background-color:#990000;"><p>文字</p></div>

日志背景代码:

<IMG src="背景图片链接地址" width=图片宽度值 height=图片高度值 align=right style="FILTER: alpha(opacity=100, finishOpacity=0,style=2) ">
<DIV style="FILTER: alpha(opacity=45, finishOpacity=45,style=0); FLOAT: left; WIDTH: 文本宽度值">
<DIV style="LINE-HEIGHT: 行间距值(pt); LETTER-SPACING: 字符间距值(em)">
<P><FONT color=#ffffff size=2>你的日志文字</FONT></P>
</DIV></DIV>

立体边框代码:

<DIV align=center
style='
color: #000000;
background-color: #ffffff;
border: solid 2px black;
width: 120px;
height: 200px;
overflow: scroll;
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #000000;
'>日志文字</DIV>

字体效果代码

模糊:<FONT color=#xxxxxx style="FILTER: blur(add=1, direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; WIDTH: 200px">日志文字</FONT>

阴影:<FONT style="COLOR: #xxxxxx; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 20pt; WIDTH: 100%"><B>日志文字</B></FONT>

发光:<FONT style="COLOR: #xxxxxx; FILTER: glow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 20pt; WIDTH: 100%"><B>日志文字</B></FONT>

上下效果:<DIV style="FONT-SIZE: 9pt; WRITING-MODE: tb-rl; TEXT-ALIGN: left"><p>日志文字</P></DIV>

视频代码:

<P><IMG height=150px width=150px loop=infinite dynsrc=流媒体文件链接></P>

背景音乐代码:

<P><IMG height=0 loop=infinite dynsrc=音频文件链接地址 width=0 border=0></P>

立体边框代码

<div STYLE="border-style:outset;border-width:2pt; border-color: red">
<div style="width:100%;height:100%;background-color:#ffff00;">日志文字
</div></div>

align=left 文字置于视频的左边,并与其紧密结合
align=right文字置于视频的右边,并与其紧密结合
align=top 文字队齐视频顶端
align=middle 文字队齐视频中部
align=bottom 文字队齐视频底端

HTML叙述:

无属性:<标签名称>内容</标签名称>

单属性:<标签名称  属性名称=“值”>内容</标签名称>

多属性:<标签名称  属性名称1=“值”  属性名称2=“值”>内容</标签名称>

(依次类推)

*重要的是:内容要被标签名称所包夹

*标签名称及属性名称和值,英文大小写无差别

*要设定多个属性时,必须以空格来表示间隔

标签名称如:

a       ->超链接  img    ->图片  u       ->底线  i        ->斜体
font   ->字型    b        ->粗体 p        ->段落 div     ->段落
br      ->断行

例如:

<IMG SRC="sample.gif"></IMG> -------->显示图片</IMG>可省略
<A HREF="网址">內容</A> ------->設定內容超链接位置</A>不能省略
如果不知道</标签名称>是否要省略,那就加上去吧,不会有错的。

Style Sheet叙述:

<标签名称  style="样式名称:值">内容</标签名称>

各种滤镜样式的详细描述情形:

滤镜的样式名称为“filter”,所以

套用在图片上为:<IMG Style="filter:值">

套用在DIV上为:<DIV  Style="filter:值;with:滤镜宽;with:滤镜高"><IMG></DIV>

为何使用DIV:因为上下边界无空白,可以替代IMG,且某些滤镜只能使用在DIV,多种效果要靠它,但使用DIV时必须设定宽度和高度。

*要设定多个参数时,必须以半角的逗号“,”来间隔

*图宽和图高只要在图片上按右键,内容可以得知

A.半透明合成:

lordzhu代码:

<img src="图片" style="filter:Alpha(■)">

<div style="filter:Alpha(■) ;width:图宽;height:图高"><img src="图片"></div>

■参数:

opacity             -->设定起始处的透明度
finishOpacity     -->设定結束处的透明度
style                -->0:均勻、1:线状、2:圆形、3:长方形

HTML代码:

诙谐:
<img src="图片" style="filter:Gray">

<div style="filter:Gray ;width:图宽;height:图高"><img src="图片"></div>

X光效果:
<img src="图片" style="filter:Xray">

<div style="filter:Xray ;width:图宽;height:图高"><img src="图片"></div>

色彩对换:
<img src="图片" style="filter:Invert">

<div style="filter:Invert ;width:图宽;height:图高"><img src="图片"></div>

■参数:无

HTML代码:

左右翻转:
<img src="图片" style="filter:FlipH">

<div style="filter:FlipH ;width:图宽;height:图高"><img src="图片"></div>

上下翻转:
<img src="图片" style="filter:FlipV">

<div style="filter:FlipV ;width:图宽;height:图高"><img src="图片"></div>

■参数:无

D.發光效果:

HTML代码:

<div style="filter:Glow(■);width:滤镜宽;height:滤镜高" align=center><br><img src="图片"></div>

■参数:

color              -->发光颜色
strength        -->发光强度
滤镜宽=图宽+发光强度x2
滤镜高=图高+发光强度x2+10

E.投射阴影效果:

lordzhu代码:

<div style="filter:Shadow(■);width:滤镜宽;height:滤镜高" align=center><br><img src="图片"></div>

■参数:

color             -->发光颜色
direction       -->方向(45角度单位)(0、45、90、135、180、225、270、315)
滤镜宽=略大于图宽(建议:图宽+24)
滤镜高=略大于图高(建议:图高+24+10)

F.附阴影效果:

HTML代码:

<div style="filter:Dropshadow(■);width:滤镜宽;height:滤镜高" align=center><br><img src="图片"></div>

■参数:

color             -->发光颜色
offX              -->水平位移(可正负)
offY              -->垂直位移(可正负)
滤镜宽=图宽+水平位移绝对值+10
滤镜高=图高+垂直位移绝对值+10+10

G.模糊效果:

HTML代码:

<div style="filter:Blur(■);width:滤镜宽;height:滤镜高" align=center><br><img src="图片"></div>

■参数:

direction        -->方向(45角度单位)(0、45、90、135、180、225、270、315)
滤镜宽=略大于图宽(建议:图宽+15)
滤镜高=略大于图高(建议:图高+15+10)

H.波形效果:

HTML代码:

<div style="filter:Wave(■);width:滤镜宽;height:滤镜高" align=center><br><img src="图片"></div>

■参数:

freq                -->频率(0+)
strength         -->振幅强度(0+)
lightstrength  -->波峰强度(0~100)越高越黑
phase             -->起始相位(0~100)
滤镜宽=图宽+振幅强度x2
滤镜高=图高+振幅强度x2+10

评论

请稍候...
很抱歉,您输入的评论太长。请缩短您的评论。
您没有输入任何内容,请重试。
很抱歉,我们当前无法添加您的评论。请稍后重试。
若要添加评论,需要您的家长授予您相应权限。请求权限
您的家长禁用了评论功能。
很抱歉,我们当前无法删除您的评论。请稍后重试。
您已超过了一天之内允许提供的评论数上限。请在 24 小时后重试。
因为我们的系统表明您可能在向其他用户提供垃圾评论,您的帐户已禁用了评论功能。如果您认为我们错误地禁用了您的帐户,请联系 Windows Live 支持部门
完成下面的安全检查,您提供评论的过程才能完成。
您在安全检查中键入的字符必须与图片或音频中的字符一致。

若要添加评论,请使用您的 Windows Live ID 登录(如果您使用过 Hotmail、Messenger 或 Xbox LIVE,您就拥有 Windows Live ID)。登录


还没有 Windows Live ID 吗?请注册

引用通告

此日志的引用通告 URL 是:
http://235349095.spaces.live.com/blog/cns!B620A6A37FD8612C!141.trak
引用此项的网络日志