6月18日
一些实用语法
|
1，关于带背景图片滚动条居中的语法（来自寂语堂）
你可以这样啊，先用表格做背景图：
<table background="图片地址" width="100%" height="高度" cellSpacing=0 cellPadding=0 border=0>
<tbody>
<tr>
<td></td>
</tr>
</tbody>
</table>
然后在<td>与</td>之间，加入滚动文本框的代码，滚动文本框的属性，例如宽度高度什么的，自己调整调整吧 |
|
| 发布者 ㄨ寂语ㄨ (http://spaces.msn.com/members/king19120/) - 8月12日 17:31 |
2，关于一个带钟表的FLASH（来自 我爱我家）
To: 桃木夭
在日志里是不行~在其他允许Flash的地方都可以用.
地址：http://hjk7148.com.ne.kr/sw/clock.swf
使用方法：
<embed style="WIDTH: 402; HEIGHT: 302" src="http://hjk7148.com.ne.kr/sw/clock.swf" type="application/x-shockwave-flash" loop="FALSE" autostart="TRUE"> |
|
|
发布者 귀염깜찍이쁜이아빠-印痴 (http://spaces.msn.com/members/april925/) - 7月23日 10:42
3，关于一首西城的歌（来自 寂语堂）
4，关于一张图片遍布整个日志的语法（来自 恋）
嘻嘻，不好意思来晚了哈，MM要的语法：
http://spaces.msn.com/members/young59tw/blog/cns!1pajQ6xT2edI-FluMIieKgCw!704.entry?txtName=%e2%95%b0%e2%9d%a4%e6%88%80%e2%84%a1%e2%9d%a4%e2%95%ae
http://spaces.msn.com/members/young59tw/Blog/cns!1pajQ6xT2edI-FluMIieKgCw!939.entry
LINK你啦，常串门吧，嘻嘻
^.^v |
|
|
发布者 ╰❤戀℡❤╮ (http://spaces.msn.com/members/chihiroyy/) - 8月2日 10:29
5，关于日志带背景图片的语法 （来自 寂语堂）
（ 1）<table background="图片地址" width="100%" height="高度" cellSpacing=0 cellPadding=0 border=0>
<tbody>
<tr>
<td valign=top>日志文字
</td>
</tr>
</tbody>
</table>
代码中，白底红字的部分是需要修改的，图片地址不用说了吧？高度，可以改成 100% ，也可以改成以px为单位的值，即：400px ，500px ……等等。
（2）<DIV style="WIDTH: 日志宽度px" align=center>
<DIV style="WIDTH: 100%">
<IMG height=图片高度 src="图片地址" width=图片宽度 align=right>
<DIV style="FLOAT: left; WIDTH: 文字内容的宽度px; HEIGHT: 文字内容的高度px" align=left>
日志文字
</DIV></DIV></DIV>
- 首先，第一个日志宽度，不知道自己日志宽度的参考下面这个图(用宽度为558的朋友注意，在中文和英文下，日志宽度会略有不同)：
- <IMG>标签中的图片宽度理论上自定的，但如果图片太大了，就要把宽度设小一点，小于日志宽度就可以了，同时，高度也要按比例放小，想要做得精确点，拿计算器算吧，不需要精确的话，写个差不多的数就行，图片地址不说了。
- 文字的宽度还是不要大于日志的宽度，文字高度自定
两种方法到底用哪个？依情况而定，如果你选择的背景图的宽度小于你的日志宽度，推荐用<table>的方法，方便；如果背景图宽度大于你的日志宽度，建议用第2种方法，否则用table的话，你的背景图显示不全。其他的注意事项，大家慢慢摸索吧。
（3）自己用的带滤镜的方法
<IMG src="背景图片链接地址" width=350 height=400 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> |
6，关于滚动条的语法 （来自 寂语堂）
（1），
<DIV align=center
style='
background-color: transprant;
border: solid 2px black;
width: 355px;
height: 200px;
overflow: auto;
scrollbar-face-color: #889B9F;
scrollbar-shadow-color: #3D5054;
scrollbar-highlight-color: #C3D6DA;
scrollbar-3dlight-color: #3D5054;
scrollbar-darkshadow-color: #85989C;
scrollbar-track-color: #95A6AA;
scrollbar-arrow-color: #FFD6DA;
'>日志文字</DIV>
部分代码解释：
-
align=center 表示框内内容居中对齐，缺省情况下为左对齐，即，如果框内文字需要左对齐，那就可以把align=center删掉……
-
background-color: transprant; 表示框内背景色为透明，需要改颜色的话，把transprant改成16进制颜色值即可，例如#ffffff……
-
border: solid 2px black表示文本框的边线状态，solid表示实线，可选的值有dashed(虚线)，double(双线)，outset等等，和前面的类似， 2px black分别表示边线粗细和颜色，可自行调整(black和#000000效果一样)……
-
width: 355px; height: 200px; 分别表示滚动文本框的宽和高，自行调整，我的日志宽度是355px……
-
overflow: auto; 这句比较关键，auto表示"自动"，即框内内容不需要占据height: 200px这么高的高度时，就不会出现滚动条，一旦超过了，滚动条就会出现，多出的部分通过下拉滚动条来显示，overflow也设置的值还有scroll，即强制出现滚动条，但我不推荐用该值，因为这样也会强制出现横向的滚动条，很难看，用auto就可以了……
-
后面那部分代码，就是设置滚动条的颜色状态，根据自己的需要和喜好来调整，比较有用的是scrollbar-face-color: #889B9F;这句，其他部分不改也问题不大，看你的要求了…… |
（2）自己的透明滚动条
<DIV align=center
style='
background-color: transprant;
border: solid 0px black;
width: 355px;
height: 200px;
overflow: auto;
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #箭头色;
'>日志文字</DIV>
<DIV>
<P><FONT color=#ffffff size=2>
<P><FONT color=#ffffff size=2></P>
<DIV style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; BORDER-LEFT: black 0px solid; WIDTH: 375px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #箭头色; BORDER-BOTTOM: black 0px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 375px" align=center>
7，一些文字特效代码 （来自 我爱我家）
1. 最常用的字体效果
这是最常用的影子字体
源码：
<DIV STYLE="width:243; height:25; font-size: 12pt; color:#FFCC00; filter:Shadow(Color=#666666, Direction=225)">
<CENTER><b>这是最常用的影子字体</b></font></CENTER></DIV>
说明：
width:243; height:25; ...... 显示字体的宽度和高度
font-size: 15pt; ........... 字体大小
color:#FFCC00; ............. 字体颜色
Color=#666666, .............. 影子颜色
Direction=225 .............. 影子的方向角度
注意：一定要区分: 与 ;
几种效果演示：
角度:135, 颜色:#FFCC00
角度:45 字体颜色:#FF0000 影子颜色:pink
角度:315 字体颜色:black 影子颜色:green
2.Drop Shadow 效果
源码：
<DIV STYLE="width:520; height:50; font-size: 32pt; color:blue; filter:DropShadow(Color=#CCCCCC, OffX=10, OffY=10, Positive=true)">
<CENTER>DropShadow 效果</CENTER>
</DIV>
说明：
OffX=10, OffY=10 .....字体和影子的距离
演示：
DropShadow 效果
3.Glow 效果
源码：
<DIV ID="GlowId" STYLE="width:520; height:50; font-size: 32pt; color:#ffffff; filter:Glow(Color=red, Strength=10)">
<CENTER> Glow：火焰效果</CENTER><br>
</DIV>
说明：
Strength=10 .....效果强度.范围：1-100
工具 
說明
