Windows LiveWindows Live™
 
 
惠's profile听见时光PhotosBlogLists Tools Help

Blog
    June 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，关于一首西城的歌（来自 寂语堂）

    背景音乐的地址啊？呵呵，小MM不好好看我的置顶音乐说明^_^里面有查看音乐地址方法的，
    http://www.westlife.cn/songs/wma_wlcn/02_coast_to_coast/10_Soledad.wma
    <Soledad>—— West Life
    发布者 ㄨ寂语ㄨ (http://spaces.msn.com/members/king19120/) - 8月1日 0:54

     

     

     

    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>

    部分代码解释：

    1. align=center 表示框内内容居中对齐，缺省情况下为左对齐，即，如果框内文字需要左对齐，那就可以把align=center删掉……
    2. background-color: transprant; 表示框内背景色为透明，需要改颜色的话，把transprant改成16进制颜色值即可，例如#ffffff……
    3. border: solid 2px black表示文本框的边线状态，solid表示实线，可选的值有dashed(虚线)，double(双线)，outset等等，和前面的类似， 2px black分别表示边线粗细和颜色，可自行调整(black和#000000效果一样)……
    4. width: 355px; height: 200px; 分别表示滚动文本框的宽和高，自行调整，我的日志宽度是355px……
    5. overflow: auto; 这句比较关键，auto表示"自动"，即框内内容不需要占据height: 200px这么高的高度时，就不会出现滚动条，一旦超过了，滚动条就会出现，多出的部分通过下拉滚动条来显示，overflow也设置的值还有scroll，即强制出现滚动条，但我不推荐用该值，因为这样也会强制出现横向的滚动条，很难看，用auto就可以了……
    6. 后面那部分代码，就是设置滚动条的颜色状态，根据自己的需要和喜好来调整，比较有用的是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


     

    11:07 AM | Add a comment | Read comments (3) | Permalink | Blog it | space技巧