哥哥's profile§☆还猪窝☆§素材库BlogLists Tools Help

Blog


    4/15/2005

    『常用代码集』

    ¤彩色背景¤

    <div style="width:100%;height:100%;background-color:#ffb6c1;">日志文字</div>

     

    ¤图片¤

    <IMG height=50 src=图片的地址 width=60>
    图片的网址:是指要找图片的URL地址。形如http://xxx.xxxx.com/xxx.jpg
    height代表图片高度50,width代表图片宽度60。一般情况下,我们贴图不需要指定这两个参数,除非特殊情况下你需要自己指定大小的时候。所以一般情况下,使用如下的代码帖图即可。
    <IMG src=http://xxx.xxxx.com/xxx.jpg>
    对于页面中图片位置的控制,可以使用日志编辑器里简单命令,另外也可通过加入下述语法实现图片与文字的完美结合。举例如下:
    align=left 文字置于图片的右边,并与其紧密结合
    align=right文字置于图片的右边,并与其紧密结合
    align=top 文字对齐图片顶端
    align=middle 文字对齐图片中部
    align=bottom 文字对齐图片底端

     

    ¤背景音乐¤

    <IMG height=0 loop=infinite dynsrc=音乐的网址 width=0 border=0>
    音乐的网址:是指要找音乐的URL地址。形如http://xxx.xxxx.com/xxx.wma
    Loop控制循环次数,infinite代表不停循环。
    一般只推荐wma格式的音乐文件,由于mp3文件过大,开始播放前需要等待时间过长,不适合做背景音乐。

     

    ¤视频¤

    <IMG height=240px width=320px loop=infinite dynsrc=流媒体文件链接>
    IMG后的Height和Width分别控制视频画面的高度和宽度,你可以根据需要自行调整,如果这里你都设置成0的话,那么就只有音乐看不到图像,这也等同于插入背景音乐的效果。Loop控制循环次数,infinite代表不停循环。
    对于页面中视频位置的控制,可以使用日志编辑器里简单命令,另外也可通过加入下述语法实现视频与文字的完美结合。举例如下:
    align=left 文字置于视频的右边,并与其紧密结合
    align=right文字置于视频的右边,并与其紧密结合
    align=top 文字对齐视频顶端
    align=middle 文字对齐视频中部
    align=bottom 文字对齐视频底端

     

    ¤彩色边框¤

    <div STYLE="border-style:solid;border-width:5pt; border-color:blue">日志文字</div>

    <DIV style="BORDER-RIGHT: #ddcc00 2px solid; BORDER-TOP: #00ccdd 2px solid; BORDER-LEFT: #ffee99 2px solid; BORDER-BOTTOM: #336699 2px solid; BACKGROUND-COLOR: #ccffcc">日志文字</DIV>

     

    ¤双线框¤

    <div STYLE="border-style:Double;border-width:5pt; border-color: #f0e68c">
    <div style="width:100%;height:100%;background-color:#66cdaa">日志文字</div></div>

    ¤立体线框¤

    <div style= "border-top-style:Ridge;border-right-style:Ridge;border-left-style:Ridge;
    border-bottom-style:Ridge;border-width:7pt; background-color:#8B008B"><div style="width:100%;height:100%;background-color:#f0e8cd">日志文字</div></div>

     

    Border-left-style:solid (double, groove, ridge, inset, outset)边框样式
    Border-left-color: #xxxxxx边框颜色
    Border-left-width: xpt 边框粗细

     

    ¤滚动文本框¤

    <DIV align=left
    style='
    color: #336699;
    background-color:#dcdcdc;
    border: solid 3px blue;
    width: 450px;
    height: 150px;
    overflow: scroll;
    scrollbar-face-color: #ffd700;
    scrollbar-shadow-color: #e0ffff;
    scrollbar-highlight-color: #fa8072;
    scrollbar-3dlight-color: #ff0000;
    scrollbar-darkshadow-color: #afeeee;
    scrollbar-track-color: #ffb6c1;
    scrollbar-arrow-color: #e6e6fa;
    '>日志文字</DIV>

     

    ¤实线双线外凸虚线¤

    <div style="border: 1px dashed #000000;background-color:#FFFFE0">日志文字</div>

     <div style="border:1px solid #000000;">日志文字</div>

     <div style="border-style:outset; border-width:1px;">日志文字</div>

     <div style="border:3px double #000000;">日志文字</div>

     <div style="border:1px dashed #000000;">日志文字</div>

     

    ¤文字特效¤

    <FONT style="FONT-SIZE: 20pt; FILTER: shadow(color=pink); WIDTH: 100%; FONT-FAMILY: 华文彩云" color=#996633>日志文字</FONT> 日志文字
    <FONT style="FONT-SIZE: 20pt; FILTER: glow(color=pink); WIDTH: 100%; FONT-FAMILY: 华文彩云" color=#993366>日志文字</FONT>日志文字
    <FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 20px; FILTER: blur(add=1, direction=40,strength=10); WIDTH: 200px" color=#9900ff>日志文字</FONT>
    日志文字
    <DIV style="FILTER: glow(color=#ff6600,strength=3); COLOR: #000000; HEIGHT: 10px">日志文字</DIV>
    日志文字

     

    ¤邮票特效¤

    <DIV align=left>
    <DIV class=content style="BORDER-RIGHT: #ccccff dashed; BORDER-TOP: #ccccff dashed; BORDER-LEFT: #ccccff dashed; WIDTH: 82.78%; COLOR: #0000ff; BORDER-BOTTOM: #ccccff dashed; HEIGHT: 85.66%; BACKGROUND-COLOR: #ccccff" align=center>日志文字</DIV></DIV>

     

    ¤背景图片¤


    <div style="WIDTH: 180px; HEIGHT: 120px;">
    <img src="http://upload.mop.com/user/2005/03/19/8ff81d69.bmp" align="right">
    <div style="float:left; background-color: TRANSPARENT;WIDTH: 180px; HEIGHT:120; ">
    <br>
    <font color="#0099ff">日志文字</font></div></div>
     

     

    ¤发亮文字¤

    效果你所要显示的文字    ABCDEFG       世界和平 

    代码:

    <FONT style="FILTER: glow(color=green,strength=3); CURSOR: hand; HEIGHT: 1px" color=#ffffff size=3>你所要显示的文字</font>

    §☆还猪窝☆§素材库访客数
    给还猪哥哥留言

    Comments

    Please wait...
    Sorry, the comment you entered is too long. Please shorten it.
    You didn't enter anything. Please try again.
    Sorry, we can't add your comment right now. Please try again later.
    To add a comment, you need permission from your parent. Ask for permission
    Your parent has turned off comments.
    Sorry, we can't delete your comment right now. Please try again later.
    You've exceeded the maximum number of comments that can be left in one day. Please try again in 24 hours.
    Your account has had the ability to leave comments disabled because our systems indicate that you may be spamming other users. If you believe that your account has been disabled in error please contact Windows Live support.
    Complete the security check below to finish leaving your comment.
    The characters you type in the security check must match the characters in the picture or audio.
    哥哥 has turned off comments on this page.