yan's profile.·°∴ ♡ Yan's Café.·°∴ ☆.PhotosBlogListsMore Tools Help

    常用BLOG语法

    Lilypie Baby Ticker

    哎,小菜菜真的很懒,朋友叫我把方法整理一下,我就是没做,叫他去看教材好了,然后被大骂一场。不过想到自己也经常用到一些语法,那就整理整理吧。不过小菜菜的归纳得很概括,要想更详细地了解技巧,还是到高手那里去看看吧,:P

    如果象我一样懒,就不断地采用复制、粘贴、复制、粘贴。。。。然后在页面直接改文字和图片大小就ok啦!

     

    1.取得edit it

    访问这个网站:http://www.siteexperts.com/blogging/editit.htm

    页面中有一个“Edit It”链接,用鼠标“右键”点击这个链接,然后将其“添加到收藏夹”内。以后在编写网络日志的时候,需要编辑的就要先edit it啦!你会发现网络日志菜单会多了一些东西,然后在用html编辑选项前的小方框打勾就可以开始的啦!

     

    如果嫌msn space的速度太慢了,可以先到http://spaces.msn.com/RteCode.aspx?mkt=zh-CN练习练习。

     

    2.添加图片

    <P><IMG height=图片高度 alt=WeatherPixie src="图片链接" width=图片宽度></P>

    添加语法后,取消html复选框,可在预览情况下用鼠标来调整图片的大小,对齐就可以用日志菜单选项就ok了!

    P.S.想把自己相册里的照片添加到日志里?只要找到相片的地址就ok啦,小菜菜是在储存那里查到的,就是右上角有个设置的选项,然后看储存,然后就看到你上传的照片啦。

     

    3.添加背景音乐

    <P><img height=0 loop=infinite dynsrc="Wma链接地址" width=0 border=0></P>

    要确认你所找到的音乐地址是可行的!最好是wma文件,而且文件越小越好,这样会快一点听到你的音乐。

     

    4.添加视频

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

    红色部分调整视频显示尺寸的高度及宽度,或者直接用鼠标调整。

     

    5.在首页添加图片

    <DIV class=LayoutIBeam style="DISPLAY: block; LEFT: 300px; WIDTH: 468px; TOP: 50px; HEIGHT: 60px;BORDER-COLLAPSE: separate;TABLE-LAYOUT: auto;"><IMG height=60 alt=“注释文字” src="图片地址" width=468 border=0> </DIV>

    红色部分,分别调整左距离、图片宽图、上距离、图片高度大小。

    蓝色部分为调整注释文字大小及内容。

    6.添加背景颜色

    <DIV style="WIDTH: 100%; HEIGHT: 20%; BACKGROUND-COLOR: red" >日志文字</div>

    效果:

    在这里写你的日志

    6.强调显示

    <font style="BACKGROUND-COLOR:#FF0000" color="#FFFFFF">强调显示文字</font>

    效果:强调显示文字

     

     

    6.文字处理

    1阴影文字</< B>

    <P><FONT style="FONT-SIZE: 20pt; FILTER: shadow(color=yellow); WIDTH: 100%; FONT-FAMILY: 宋体"><B><FONT color=#6666ff>阴影文字</FONT></< B></FONT></P>

    2

    发光字体文字

    <div style="filter:glow(color=#ff0000);color:#ff0000;height:10px"><font color="#ffffff" size=3>发光字体文字</font></div>

     

    3模糊文字

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

     

     

    4删除线

    <font style="text-decoration:line-through">删除线</font>

     

    5加上一道上线

    <font style="text-decoration:overline">加上一道上线</font>

     

    6)滚动条的文本框

     

    <DIV align=center>
    <DIV style="BORDER-RIGHT: black 0px solid;
    BORDER-TOP: black 0px solid;
    SCROLLBAR-FACE-COLOR: transparent;
    SCROLLBAR-HIGHLIGHT-COLOR: transparent;
    OVERFLOW: scroll; BORDER-LEFT: black 0px solid;
    WIDTH: 378px; SCROLLBAR-SHADOW-COLOR: transparent;
    COLOR: transparent; SCROLLBAR-3DLIGHT-COLOR: transparent;
    BORDER-BOTTOM: black 0px solid;
    SCROLLBAR-DARKSHADOW-COLOR: transparent;
    HEIGHT: 270px; BACKGROUND-COLOR: transparent">
    <P align=left><FONT color=#6699ff size=2>内容</FONT></P></DIV></DIV>
    <DIV align=center>&nbsp;</DIV>

     

           

    内容

    根据你喜欢的颜色变换参数就ok了!

     

     

    7)文本加线框

     

    <DIV style="BORDER-RIGHT: blue 5px solid; BORDER-TOP: blue 5px solid; BORDER-LEFT: blue 5px solid; BORDER-BOTTOM: blue 5px solid">实线</DIV>
    <DIV style="BORDER-RIGHT: 3px outset; BORDER-TOP: 3px outset; BORDER-LEFT: 3px outset; BORDER-BOTTOM: 3px outset">外凸</DIV>
    <DIV style="BORDER-RIGHT: blue 3px double; BORDER-TOP: blue 3px double; BORDER-LEFT: blue 3px double; BORDER-BOTTOM: blue 3px double">双线</DIV>
    <DIV style="BORDER-RIGHT: #000000 5px dashed; BORDER-TOP: #000000 5px dashed; BORDER-LEFT: #000000 5px dashed; BORDER-BOTTOM: #000000 5px dashed">虚线</DIV>

    实线
    外凸
    双线
    虚线

     

     

    8)文绕图

     

    <IMG src="图片地址" align=left>

     

    <IMG src="图片地址" align=right>

     

    添加背景图片

     

                   最简单的方法   

     

                       覆盖全部文本               

     

    <img src="背景图片" align="right">

    <div style="float:left;WIDTH: 100%;">內容</div>

     

                   可以调整图片大小

     

    <div style="WIDTH: 100%;"><img height="图高" src="背景图片" width="图寬" align="right"> <div style="float:left;WIDTH: 100%; ">內容

    </div>

    </div>

     

                   可设定文本大小的贴图方法

     

    <div style="WIDTH: 本文宽; HEIGHT: 本文高;">

    <img height="图高" src="图片位址" width="图寬" align="right">

    <div style=" WIDTH: 本文宽; HEIGHT: 本文高;">

    內容

    </div>

    </div>

     

    Comments (2)

    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.

    To add a comment, sign in with your Windows Live ID (if you use Hotmail, Messenger, or Xbox LIVE, you have a Windows Live ID). Sign in


    Don't have a Windows Live ID? Sign up

    Picture of Anonymous
    凉意沁欣 wrote:
    借用了不介意吧!!
    THANKS
    July 11
    Picture of Anonymous
    lazy小菜菜 wrote:
    在这里首先要多谢歪砖头、April、还猪哥哥,我的这些东西主要都是从他们这里来的,还有很多强人,但是不能一一整理,以后有时间的话还会继续更新的,不过菜菜真的很懒~
    June 24

    Trackbacks

    The trackback URL for this entry is:
    http://yanyanzs430.spaces.live.com/blog/cns!6043B76DB57ED40D!175.trak
    Weblogs that reference this entry
    • None