Windows LiveWindows Live™
 
 
Profil de Warm-Faith温暖的诺言PhotosBlogListesPlus Outils Aide

Blog

    How To Add A Video Clip To Blog

    Code as follows:

    <IMG height=150px width=150px loop=infinite src=图片地址 dynsrc=视频文件网络地址>

     

    正在缓冲中，请梢候

     

    ATTRIBUTES:

    LOOP---------INFINITE(OR -1)循环
                         固定数字代表次数

    START--------FILEOPEN（default，可省略）
                         MOUSEOVER（鼠标移到上面）

    BORDER------0，边框为无

      ---------------------------------------------------------------

    Attention:视频较大，请稍等，load图片消失，鼠标滑过即开始播放.

    相关内容：

    ：Idocs Guild To HTML

    ----------------------------------------------------

    －－－－－－－教程收藏－－－－－－－－

    小belem不要又以为我拿旧古董凑数了，

    23/11/2005 13:37 | Ajouter un commentaire | Lire les commentaires (2) | Lien permanent | Ajouter au blog | 空间教程

    如何使用msn space filter的主题（invalid）

    真的是太佩服gouy2k了，把这么好的东西发掘出来了，以后换。

    如何使用msn space filter的主题--------by gouy2k 

    众所周知msn space filter的主题是不允许公众使用的，就是在space默认的主题列表里是没有得选得，现在我给大家介绍如何使用这个官方space得特殊主题。

    1. 去到自己得msn space的后台，选择自定义，然后选单击此处使用键盘操作的方式来自定义页面(Click here to use keyboard-accessible versions of the customize pages.)。然后再选自定义(Customize）-左边的那个。或者在后台页面直接输入http://spaces.msn.com/members/你的blog ID/DLLayoutSettings.aspx
       
    2. 按鼠标右键选择查看源代码， 在源代码内搜索 Style.aspx?style= ，选择并复制=后面的字段，那个是你目前space主题的名称。 然后再在源代码内搜索这个字段，一共有两处， 一处就是Style.aspx?style=后面那个，还有一个在下面。
       
    3. 把这两个地方替换成下面任何一个space filter主题的名称：
      channel_life
      channel_sports
      channel_tech
      channel_tv
      channel_music
      其实看上去都差不多，随便选一个就行了。

      还有一个是Best of Spaces的主题：
      volvo_editorial
       
    4. 替换好把这个文件另存，另存的时候不要改面默认的文件名（注意，请确定文件是.htm文件），并且文件类型选所有文件。
    5. 关闭所有相关space页面（防止误操作），打开保存的htm文件，你会看到又一个设置主题的界面，保存。然后你就会看到你的主题变了。
                                  The End

    ----------------------------------------------------------------------

    Attention:在增加和删除时主题会恢复到预置主题，需要重新设置。（个人发现，未仔细考证）

    21/11/2005 09:43 | Ajouter un commentaire | Lire les commentaires (5) | Lien permanent | Ajouter au blog | 空间教程

    Create A New List After You've already Had Up To 10 Lists

    前几天上想在Space上放个Book List，结果一看，嘿，列表到上限，不能加了。还好想起来，有高手对此有高招啊。于是今天把它找了出来，顺便就Blog it here.

    Quote

    Create A New List After You've already Had Up To 10 Lists,

    MSN Space的日志种类数被限制到了25，但通过以前我介绍的方法，可以创建任意数目的日志种类。对于MSN Space的列表而言，列表数同样有限制，通过列表页面的创建列表按钮，只可以创建10个列表。既然我们可以创建超过25个的日志种类，那么我们也可以创建任意数目的列表。

    I think you've already known that MSN Space just provide 25 categories for us.And you maybe know that how to append a new category after you've already have 25 categories.Now that we can create categories more than the limit,we can also create more lists than the limit of 10.

     

    对于如何创建更多的列表，MSN Space上现在流行的做法是在主页创建模块的方法来创建列表。对于我而言，我并不喜欢这种方法。因为这种方法在创建列表时不能指定列表的名称，还需要转到列表页面来修改，因此操作比较复杂。通过对MSN Space的创建列表按钮的行为进行观察，我创建了下面的类似Edit-It的按钮。

    To create more lists than 10,currently,we can create one on the default page from Modules on the Customize toolbar on the default page.In this way wo do create a list ,but to change the name of the list,we must redirect to the Lists page .So,I do not like this way.To make our work easy,I write a piece of code below.
    　

    javascript:var l=window.location.href;var p='http://spaces.msn.com/members/';if( l.indexOf(p) != -1 ){ l=l.substring(0+p.length); l=l.substring(0,l.indexOf('/'));Action('addlist','Enter The List Name',new Array('List Name'),null,new Array('128'),p+l+'/PostAcceptor.aspx',null);}

    使用说明(Usage)

    1. 使用以前介绍的方法将这段代码添加到收藏夹中

      First add the code above to your favourites as the way I introduced before

      　
    2. 登录你的MSN Space，可以在“主页”和“列表”两个页面使用这个按钮

      Sign in your MSN space,then you can click the button on the 'Home' page or 'Lists' page

      　
    3. 使用时，屏幕中会出现一个对话框，在文本框中输入列表名称，在下拉框中选择列表类型并按下“确定”按钮之后，页面会转到列表的编辑模式，再添加列表即可。

      After your click,a dialog will appear on the screen,then fill the textbox with the name of your list,and click 'OK' to create the list.That's all
      　

    注意事项(Notice)

    1. 只有在主页或列表这两个页面位置使用按钮，其他地方或者没有登录到MSN Space使用时，会出现错误

      Only you stay on the 'Home' or 'Lists' page can the button work well.
      　
    2. 在使用时，请确保浏览器的拦截窗口程序允许弹出窗口

      Make sure pop-up windows are enabled.

      ……
    16/11/2005 09:54 | Ajouter un commentaire | Lire les commentaires (5) | Lien permanent | Ajouter au blog | 空间教程

    Mailto Syntax

     

     

    Mailto语法

    The MailTo command can do more than enter a single e-mail address in the "Send To" field while activating your e-mail program. It can also:

    Feature       Syntax
    Address message to multiple recipients ,   (comma separating e-mail addresses)
    Add entry in the "Subject" field ?subject=Subject Field Text
    Add entry in the "Copy To" or "CC" field ?&cc=id@internet.node
    Add entry in the "Blind Copy To" or "BCC" field ?&bcc=id@internet.node
    Add entry in the "Body" field ?&body=Your message here

    Notes:

    " " (beginning and ending double quotes) are necessary if any spaces are used
    Use the ? (question mark) and only one "?", when providing any entry beyond e-mail address

    Some examples, with actual HTML Code included, follow:

    Simple MailTo

    <a href="mailto:astark1@unl.edu">

    MailTo with Multiple Recipients

    <a href="mailto:astark1@unl.edu,ASTARK1@UNL.EDU">

    MailTo with Subject

    <a href="mailto:astark1@unl.edu?subject=Comments from MailTo Syntax Page">

    MailTo with a Copy

    <a href="mailto:astark1@unl.edu?&cc=ASTARK1@UNL.EDU">

    MailTo with a Blind Copy

    <a href="mailto:astark1@unl.edu?&bcc=ASTARK1@UNL.EDU">

    MailTo with message already started in Body

    <a href="mailto:astark1@unl.edu?&body=I am having trouble finding information on ">

    MailTo with multiline message in Body

    <a href="mailto:astark1@unl.edu?&body=The message's first line. &body=Second line. &body=Third Line. ">
    IMPORTANT NOTE: This feature will NOT work with all e-mail programs, in which case the body information appears as a single line.

    Features may be used in combination

    MailTo with Subject, One Recipient and Two Copies
    <a href="mailto:astark1@unl.edu?subject=MailTo Comments&cc=ASTARK1@UNL.EDU,id@internet.node">

    Remember to use only one ? (question mark), when providing multiple entries beyond e-mail address 
    23/10/2005 11:19 | Ajouter un commentaire | Lien permanent | Ajouter au blog | 空间教程

    Spaces禁止在标题中使用某些字？

     
     
    很奇怪，刚才在写抗议参拜靖国神社时，发现email发布的邮件无法传到space，而在space直接编辑的blog也无法发布，捣鼓半天，竟然发现是由于标题中含有“抗议”二字，真是奇了怪了！
     
     
    难道msn禁止讨论政治方面的东西？
     
    不知道msn还禁止哪些文字，哪位知道不妨贴出来看看，大家也好注意一下。

    published by Brian

    19/10/2005 13:02 | Ajouter un commentaire | Lire les commentaires (8) | Lien permanent | Ajouter au blog | 空间教程

    谈论如何搜索本space(已修改）

    对百无禁忌的方法我做了一定修改，原因是搜索“百无禁忌”这类名字有一个弊端，那就是如果你修改了你的名字，那么以前的日志就无法搜索到了，所以我将名字改为space地址了，具体代码如下

    http://blogsearch.google.com/blogsearch?hl=en&q=blogurl:spaces.msn.com/members/zhphome&btnG=Search+Blogs 
    如需在此基础上进一步搜索，可在搜索栏“blogurl:spaces.msn.com/members/zhphome” 前加上关键字，需要提醒的是关键字和“blogurl:spaces.msn.com/members/zhphome”之间必须有空格

    引用

    如何搜索本space：新版本

    by gouy2k

    (原创， 转贴请著名作者和出处）

    之前介绍了google发布了新的blog search, 适用了一下，感觉比用google web search 搜索到的要多，所以就更新了一下本站的搜索办法。

     

    1.点击推荐文章列表里的 搜索百无禁忌

    2.来到搜索页面， 会看到搜索框内的 百无禁忌：

    3. 在百无禁忌：的冒号后面加入你要进一步搜索的内容，比如 百无禁忌：教程， 然后按搜索就能搜索到具体内容

    10/10/2005 09:26 | Ajouter un commentaire | Lien permanent | Ajouter au blog | 空间教程

    谈论主题Div表格原理与实作

     

    引述

    Div表格原理與實作

    主旨： 進階認識DIV標籤語法的相關應用 　(??%) (現在只有原理)

    首先的認知：

    • 對HTML語法完全不懂的，要先行自修(本教學附一點點)。
    • 本文所謂的表格不是一般教學網站所使用Table標籤，而是DIV標籤。
    • 本教可能學需使用Office FrontPage才能順利完成。

    • 教學分兩部份：「原理」與「實作」。

    • 原理與實作對照學習會更了解。

    一些知識：

    • HTML裡的<P>與<DIV>標籤原本都是拿來做段落用的，只要撰寫在此標籤內的文章，會自動變成一個段落。<P>標籤會設定邊界(margin)，在段落的上下會置入一列空白，<DIV>標籤則不會設置空白，為何用<DIV>來替代<TABLE>的標籤的原因就在於此 ，加上FrontPage對<DIV>標籤有較便利的調整方式與較高的調整自由度(像框線、圖層工具列)，配合豐富的Style Sheet加上<DIV>幾乎承接所有的CSS屬性，足以模擬<TABLE>標籤。

      　
    • DHTML（動態HTML）中，被<DIV>或<SPAN>標籤包起來的文字、圖片...任何東西，瀏覽器都會將之視作一個物件。就如同我們在打包物品一樣，您可以一個包裹只包一件衣服，也可以一個包裹包衣服、鞋子、帽子等。<DIV>和<SPAN>標籤就是這種功能！您可以用<SPAN>標籤包住一段文字，該段文字就成了一個物件（您要想成包裹也無可厚非...），您也可以用<SPAN>標籤包住一段文字，一張圖、一個表格，那麼這三個東西也會被視作一個物件。
      註:<SPAN>不斷行
      　
    • <DIV>的定義：
       
      　　　<DIV> ("division"，"部分"的簡稱)是一個"塊級元素＂。<DIV>可以包含段落、標題、表格甚至其它部分。這使<DIV>便於建立不同集成的類，如章節、摘要或備註。 它絕對是CSS的好幫手。

      　　
      　
    • 那麼<DIV>標籤到底要怎麼使用，才能模擬成<TABLE>標籤呢？首先來看看<DIV>到底有哪些Style Sheet....

    HTML該如何敘述？

    無屬性：<標籤名稱>內容</標籤名稱>
    單屬性：<標籤名稱     屬性名稱="值">內容</標籤名稱>
    多屬性：<標籤名稱     屬性名稱1="值"   屬性名稱2="值">內容</標籤名稱>
    依此類堆

    ＊重要的是:內容要被標籤名稱所包夾
    ＊標籤及屬性名稱和值 英文大小寫無差別
     

    例如：

    <IMG SRC="sample.gif"></IMG> -------->顯示圖片</IMG>一般可省略
    <DIV ALIGN="center">段落內容</DIV> ------->段落內容文字圖片等置中 </DIV>不能省略
    <DIV STYLE="各種樣式">段落內容</DIV>  ------->段落內容使用Style定義樣式。</DIV>不能省略

    Style Sheet 是什麼?

    Style Sheet 是一種屬性名稱，中文稱呼「樣式表」。HTML是用來記述文件的邏輯結構的，不過在以前Netscape和Microsoft這2家公司的市場爭奪戰之中(現在多了Mozilla Firefox)，HTML也逐漸地被使用來記述外觀。後來為了讓HTML還原他最初的作用，有人便提出了「讓邏輯結構與外觀（修飾）分開來使用」。為此，『Style Sheet 』因而誕生。

    Cascading Style Sheets 是什麼?

    Cascading Style Sheets（串接樣式表），簡稱CSS。定義為：它是由許多樣式名稱和樣式指定值所組成的字串，我們可以利用設定好的樣式表，指定給某一種HTML標籤，或某一群組HTML標籤來使用。而被套用的HTML標籤，將會依據所套用的CSS來顯式它的外觀。所以特性類似的標籤就會給予相同的樣式名稱，讓Style Sheet能讓設計著有快速且簡單的方法。
    　

    Style Sheet 的使用方式?

    Style Sheet(樣式表)的使用方式按照用途，狀況的不同，可分成幾種方式。

    1. 讀取外部的CSS檔案 由於檔案位於外部所以可以讓多人共享。如此一來網頁的版面配置作業，也可以更簡單、更美觀了。
    2. 在MSN Spaces等不支援CSS設定的網誌，那就直接在標籤內寫上Style Sheet。
    3. 其他方式請參考[here]。
      　

    Style Sheet 該如何敘述?(以DIV為例)
     
    單樣式：<DIV Style="樣式名稱:值 ;">內容</DIV>
    雙樣式：<DIV     Style="樣式名稱1:值 ; 樣式名稱2:值 ;">內容</DIV>
    多樣式：<DIV Style="樣式名稱1:值 ; 樣式名稱2:值 ; 樣式名稱3:值 ; 樣式名稱4:值 ; .....">內容</DIV>
     
     一些MSN Spaces 開放的Style Sheets：(先整理CSS 1)

    區塊屬性的Style Sheets：(僅列出DIV可用) 紅色的樣式是本篇的重點

     樣式   

     樣式名稱

     值

     寬度

     width

     點pt、英寸in、公分cm、像素px、百分比%

     高度

     height

     點pt、英寸in、公分cm、像素px、百分比%

      左邊位置   

     LEFT

     點pt、英寸in、公分cm、像素px、百分比%

       顯示方式    

    display

     block (換行)、inline (不換行)、
    list-item (目錄項標記)、none (沒有顯示)

      浮動元件位置

     float

     left、right



    超出部份
     顯示方式  



    overflow

       這個性質是設定當區塊內包含的元件大於區塊之寬或高時，顯示的方法。可用值有auto（自動設定，當需要時出現捲軸）、scroll（強迫顯示捲軸，即使內部元件並無超過區塊邊界）、hidden（超出區塊的部份不顯示）、visible（全部顯示，無視區塊大小）。最常用的overflow:auto讓瀏覽器自動判斷 。

     同上(只有水平)

     overflow-x

      同上

     同上(只有垂直)

     overflow-y

      同上

     元件上方位置  

     top

     點pt、英寸in、公分cm、像素px、百分比%

     清除浮動位置

     clear

      left、right、both




      滑鼠游標   



    CURSOR

     AUTO(自動)、CROSSHAIR(十字)、DEFAULT(箭頭)、HAND(手形)、MOVE(移動)、E-RESIZE、NE-RESIZE、NW-RESIZE、N-RESIZE、SE-RESIZE、SW-RESIZE、S-RESIZE、W-RESIZE、TEXT(文字)、WAIT(等待)、HELP(求助) ← 滑鼠移到這會變指標喔

      元件垂直調整   

     Vertical-align

      BASELINE、MIDDLE、SUB、SUPER、TEXT-TOP、TEXT-BOTTOM、TOP、BOTTOM

     放大或縮小

     Zoom

     百分比

      其他   

                            不可用...white-space:?

    段落屬性的Style Sheets：

     樣式   

     樣式名稱

     值

      文字間隔   

     letter-spacing

     一般使用pt(點)或px(像素)或% : 例 9pt、10px

     列高   

    line-height

     點pt、英寸in、公分cm、像素px、百分比%


    文字修飾格式


    text-decoration

    none(無)、underline(加上底線)、
    overline(加上一道上線)、line-through(加上刪除線)

    自動轉換大小寫 

     text-transform

    none、capitalize(首字變大)、uppercase、lowercase

    文字對齊方式 

     text-align

    left、right、center(置中)、justify(分散對齊)

      文字縮排   

     text-indent

     一般使用pt(點)或px(像素)或% : 例 15pt、12px

      單字間隔   

     word-spacing 

     一般使用pt(點)或px(像素)或% : 例 2pt、3px

      文字方向   

     writing-mode 

     tb-rl (上至下、右至左)、lr-tb(上至下、 左至右、標準)

      文字方向  

     unicode-bidi: bidi-override; DIRECTION: 方向

    rtl(右至左)、ltr(左至右)

      其他   

     text-autospace、 text-justify、word-break(換行方式) 可用...

    文字屬性的Style Sheets：

     樣式   

     樣式名稱

     值

      文字顏色  

    color

     一般方式設定

      文字大小   

     font-size

     一般使用pt(點)或px(像素)或% : 例 9pt 、10px

      字型   

    font-family

     Arial、Georgia、新細明體...等各種字型名稱

      文字粗細   

     font-weight

     lighter、normal、bold、bolder  (由細到粗排列)

      斜體   

     font-style

    normal、italic、oblique  (一般使用italic)

      英文樣式   

     font-variant

    normal、small-caps

     其他   

      不可用

    背景屬性的Style Sheets：

     樣式   

     樣式名稱

     值

      背景顏色   

     BACKGROUND-COLOR

     可為顏色名稱 ( 16種 ) 或16進制表示法 - #RRGGBB ( 00暗~FF亮 ) 、#RGB ( 0暗~F亮 ) 表紅綠藍強度、
    TRANSPARENT(透明背景)

     其他   

      不可用

    邊框屬性的Style Sheets：

     樣式   

     樣式名稱

     值

      詳細     

      因可用FrontPage可簡單設定，並不列出，參考[here]

    捲軸屬性的Style Sheets：

     樣式   

     樣式名稱

     值

     

     參考[here]教學 第12步驟

    濾鏡屬性的Style Sheets：

     樣式   

     樣式名稱

     值

        

       參考[here]教學

    　

    其他 不可用的屬性： 定位屬性設定 、連結屬性設定

    　

    ＊那麼<DIV>標籤要怎麼使用，才能 實現<TABLE>標籤的功能呢？

    先考慮橫向部份:

    關鍵解說：

    表格最先要表現出來橫向的方塊排列....
    而<DIV>有兩種較好的設定方式，可以模擬成<TABLE>(表格)...
    之後比較兩種方式，差別在設定兩種以上字型(尤其對應行字型不一致)過後，第一種方式易跑位，而在對齊的部份，而表格接密的部份則都沒差， 又因為第二種方式可以用FrontPage直接設計，所以在此建議採用第二種，也可以混合使用。

    第一種方式(使用Display:inline;) ：(向左下對齊)

    HTML：

    <DIV style="border:1px solid #000000; WIDTH: 97px; HEIGHT: 64px;Display:inline; background-color:#99FF33">
    A</DIV>
    <DIV style="border:1px solid #000000; WIDTH: 109px;HEIGHT: 73px;Display:inline; background-color:#FF9999">
    B</DIV>

    顯示結果：

    A
    B

    第二種方式(使用float:left;)：(向左上對齊)

    HTML：

    <DIV style="float:left;border:1px solid #000000; WIDTH: 99px; HEIGHT: 60px; background-color:#99FF33">
    A</DIV>
    <DIV style="float:left;border:1px solid #000000; WIDTH: 109px;HEIGHT: 77px; background-color:#FF9999">
    B</DIV>

    顯示結果：

    A
    B

    　

    　

    　

    　

    ＊ 一個表格的詳細語法對照for MSN Spaces:

    以3乘3表格為例子..（為了簡化語法,因此把上面三張圖合併成一張圖）

    看完橫向部份，再考慮縱向部份，縱向很簡單，因為<div>本來就是縱向無空白縫隙接密的，但是在MSN Spaces上因為本身附的Rich-Text Editor會重新編排部分語法，在<img>後面直接加上<div>時會產生多出的空白行的問題，這時就要使用<br>來產生無空白行斷行，或是把圖放進<div>標籤裡解決。
    當然<div>接<div>則沒有這種問題。

    當你有了周圍8張圖片,上面的部份就如上一段所說，中間然後把圖一張一張放進<div>裡，下面的部份跟上面一樣。

    ＊所以製作一個DIV表格僅剩的技巧就是把寬高長度都要算的好好....（不會有空隙的關鍵）

    對照圖:（常用３x３）

    HTML語法:

    <img src=頂圖 height="第一行高" width="A+B+C"><br>
    <DIV style="OVERFLOW: hidden; WIDTH: A+B+C px; HEIGHT: 第二行高">
    <DIV style="FLOAT: left; WIDTH: A px; HEIGHT: 400px"><IMG height=第二行高 src="中左圖" width=A border=0></DIV>
    <DIV style="FLOAT: left; OVERFLOW: auto; WIDTH: Bpx;HEIGHT: 第二行高px;>(中間的內容)
    </DIV>
    <DIV style="FLOAT: left; WIDTH: C px; HEIGHT: 第二行高px"><IMG height=第二行高 src="中右圖" width=C border=0></DIV>
    </DIV>    <IMG height=第三行高 src="底圖" width="A+B+C">
    　

    PS.可以下載 方塊說明式Word檔[按我]

    語法解析:

    <img src=頂圖 height="第一行高" width="A+B+C">和<IMG height=第三行高 src="底圖" width="A+B+C">是上下圖(在此是把上圖(下圖)合併來看)
    也可拆成    <img src=第一張(左)><img src=第二張(中)><img src=第三張(右)>....依此類堆

    背景顏色為暗粉色：包住第２行所有東西
    背景顏色為淺綠色：被第一層DIV包住的語法
    桃色：<DIV>中左邊部份</DIV>
    橘色：<DIV>中右邊的部份</DIV>
    棕色：<DIV>中間內容的部份</DIV>

    <br>必加..:

    其他部分請參考最前面的Style Sheet..

    ＊ 一些<TABLE>表格與<DIV>表格的對照表:

    <TABLE>

    <DIV>

    圖示

    <table>
    <tr><td>A</td></tr>
    </table>
    <div>A</div>

    A
    <table>
    <tr><td>A</td><td>B</td></tr>
    <tr><td>C</td><td>D</td></tr>
    </table>
    <div>
    <div style="FLOAT: left;">A</div>
    <div style="FLOAT: left;">B</div>
    </div>
    <div>
    <div style="FLOAT: left;">C</div>
    <div style="FLOAT: left;">D</div>
    </div>



    A
    B
    C
    D

    <table>
    <tr>
    <td rowspan="2">A</td>
    <td>B</td>
    <td>C</td>      
    </tr>
    <tr><td>D</td><td>E</td></tr>
    </table>

    　

    <div>
    <div style="FLOAT: left;">A</div>
    <div style="FLOAT: left;">
    <div>
    <div style="FLOAT: left;">B</div>
    <div style="FLOAT: left;">C</div>
    </div>
    <div>
    <div style="FLOAT: left;">D</div>
    <div style="FLOAT: left;">E</div>
    </div>
    </div>
    </div>






    A
    B
    C
    D
    E

    　

    附:MSN Spaces 網誌模組大小對照表(繁體中文):

    附:好玩吧...還可以把MSN Spaces的框框拿來用XD

       

    　

         test

    　

    參考資料:博碩文化HTML語法參考辭典、W3C

    To be continue.....

     

     

    Thanks to 能量魔法的教程

    09/10/2005 11:35 | Ajouter un commentaire | Lien permanent | Afficher les rétroliens (1) | Ajouter au blog | 空间教程

    利用草稿丰富日志

     

    Quote from 在八度空間中迷失方向™，已做相应修改。

    1. 建立一个“Draft List”的日志草稿，作为日后草稿存放的目录列表
      新建一个日志草稿


      点击“Save as Draft”保存为草稿，之后会将该页网址copy，


      回到首页“home”，可以看到

      这就是刚才建立的草稿，别人是看不到的，将该草稿地址复制到“自定义列表”或任一列表中

      然后Add item，name任取，web address粘贴刚才“draft list”草稿的地址


    2. 建立草稿，添加到草稿目录“draft List”中


      记住保存为草稿，save as draft，回到home主页，就可以看到多了一个草稿gmail赠送


      选定“gmail赠送”右击选择“复制”，不是复制快捷方式
    3. 将“gmail赠送”日志草稿添加到“draft list”目录草稿中
      打开draft list日志草稿，然后将“gmail赠送”CTRL+V粘贴到日志中


      保存为草稿

    4. 提取以前的草稿日志，进行发布或修改
      在home主页中的自定义列表中点击“draft list”



      预览窗口直接点击“gmail赠送”，看到什么了？没错，就是你以前的日志，你可以对其修改发布了。
    5. 通过这个方法可以在目录日志draft list中添加许多草稿日志，今后你想发布哪篇日志时，可以随时提取，
      也可以一直隐藏某些你不愿意别人看到的日志。这个方法也可以使你的某些日志不会因为时间久了，被其他日志
      推到很远的地方，不方便查找！
     

     

    05/10/2005 23:27 | Ajouter un commentaire | Lien permanent | Ajouter au blog | 空间教程

    如何制作滚动条

    日志中添加滚动条
     
    <DIV align=center
    style='
    color: #ffffff;
    background-color: #000000;
    border: solid 2px black;
    width: 120px;
    height: 200px;
    overflow: scroll;
    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>

    <DIV align=center>
    --------------------------------------置中;
    <FONT style="
    --------------------------------------文字格式;
    OVERFLOW: auto;
    --------------------------------------超過範圍就自動生成滾動條;
    OVERFLOW-X: Hidden;
    --------------------------------------需要時才用，用來隱藏X軸滾動條的;
    border: solid 2px black
    ;-------------------------------------邊框的格式，厚度和顏色;
    background-color: #ffffee;
    --------------------------------------背景色,如果要透明背景就去掉整句;
    SCROLLBAR-FACE-COLOR: #0000ff;
    ---------------滾動條中間可以拉的部分和箭頭旁邊部分的顏色;
    SCROLLBAR-TRACK-COLOR: #eeffff;
    ---------------滾動條中間可以拉的部分以外的顏色;
    SCROLLBAR-HIGHLIGHT-COLOR: #6cb424;
    ---------------滾動條左側邊框的顏色（用於顯示立體之用）;
    SCROLLBAR-3DLIGHT-COLOR: #fcfc48;
    ---------------滾動條左側邊框的顏色（用於顯示立體之用）;
    SCROLLBAR-SHADOW-COLOR: #90fcfc;
    ---------------滾動條右側邊框的顏色（用於顯示陰影之用）;
    SCROLLBAR-DARKSHADOW-COLOR: #401687;
    ---------------滾動條右側邊框的顏色（用於顯示陰影之用）;
    SCROLLBAR-ARROW-COLOR: #FFFF00;
    ---------------箭頭部分的顏色;
    ZOOM: 100%;
    ---------------放大比率;

    上述语法生成一个带有黑色背景及灰蓝色边框的文本滚动框。语法里的参数控制不同部分的色彩。至于调整文本框的大小，可以在插入此语法后退出HTML编辑模式，然后在日志编辑页面使用鼠标直接进行调整。
     
    简单的语法如下：

    <DIV align=center><FONT style="FONT-SIZE: 11pt; OVERFLOW: auto; WIDTH: 100%; FONT-FAMILY: times new roman; HEIGHT: 87px" face="Courier New, Courier, Monospace" color=#9933cc>
    <P align=left>test日誌內容test</P>
    <P align=left>test日誌內容test</P>
    <P align=left>test日誌內容test</P>
    <P align=left>test日誌內容test</P></FONT>
    </DIV>

     

    效果如下


    test日誌內容test

    test日誌內容test

    test日誌內容test

    test日誌內容test

    25/09/2005 21:10 | Ajouter un commentaire | Lire les commentaires (1) | Lien permanent | Afficher les rétroliens (1) | Ajouter au blog | 空间教程

    界面设计模块完全图解教程

    http://spaces.msn.com/members/gb2312/blog/cns!1pj3y6bRc9KnqfIBgeQI_-sA!1566.entry
    界面设计模块完全图解教程
     
      

    [Q] 界面设计模块实现功能
    界面设计模块允许用户使用一个自定义模块,在该模块之内用户可以随意调整整个Spaces的文字颜色 背景色等等一系列属性 个性十足 今天你Spaces了吗 这才是真正的自定义!


    [Q] 如何添加界面设计模块
    使用该模块的前提是IE6或更高版本. 所有选项包括提示只显示英文.

    [Steps]
    1. 登陆您的MSN Spaces, 点击自定义[Customize]
    2. 在浏览器地址栏[Address bar]的URL后面添加参数 &powertoy=tweakomatic 按Enter或点击转到[Go]


    3. 点击自定义[Customize]->模块[Modules]
    4. 在下拉列表中找到PowerToy: Tweak UI项, 选择添加[Add]


    5. 选择保存[Save]按钮


    [Q] 如何使用该模块
    该模块共有5大部分
    1. 背景色[Background Color] 包括内部[Inner] 和 外部[Outer]

         A. 内部[Inner] Spaces内部各模块空隙处的背景颜色 3个两位十六进制正整数 00-FF 如:00CCFF
         B. 外部[Outer] Spaces右边空白处的背景颜色[大背景色] 3个两位十六进制正整数 00-FF 如:00CCFF



    2. 背景图片[Background Image] 包括位置[Position] , 重复[Repeat] 和显示[Display] 依据各个主题[Theme]的不同 有些是有背景而有些是没有背景图片的 对于有背景图片的 我们可以:

         A. 位置[Position] Spaces背景图片的位置, 依次为默认[Default], 左上[Top Left], 中上[Top Center], 右上[Top Right], 左中[Center Left], 中中[Center Center], 右中[Center Right], 左下[Bottom Left], 中下[Bottom Center], 右下[Bottom Right] 这个不需要细讲了吧 崩溃了
         B. 重复[Repeat] Spaces背景图片重复的方式 不明白? 就是Windows桌面墙纸不是经常有中央,平铺以及拉伸什么的嘛, 就是差不多那个意思. 这里依次有默认[Default], 重复[Repeat], 不重复[No Repeat], 纵[Y]向重复[Repeat-Y], 横[X]向重复[Repeat-X]. 如果你背景是大图片, 就不要重复了, 小图片重阿重的才有效果 总体来说 可能我翻译不恰当 重复你就当成平铺好了 这样更好理解
        C. 显示[Display] 是否显示背景图片 默认[Default]是显示的, 隐藏[Hide]则不显示

    3. 文字颜色[Font Color] 包括链接/链接图标[Links/Bullets] 和 文字[Text]

         A. 链接/链接图标[Links/Bullets]  所有超链接以及链接符号的颜色 3个两位十六进制正整数 00-FF 如:00CCFF
         B. 文字[Text] 所有非链接普通文本的颜色 3个两位十六进制正整数 00-FF 如:00CCFF

    4. 模块背景[Module Background] 包括颜色[Color] 和 透明度[Transparent]

         A. 颜色[Color]  各个模块的背景颜色 3个两位十六进制正整数 00-FF 如:00CCFF
         B. 透明度[Transparent] 各个模块背景的透明度设置 20-100的整数值 分别为 20%-100%不透明 使用这个对整体视觉冲击比较大

    5. 模块边框[Module Borders] 包括宽度[Width], 风格[Style] 和 颜色[Color]

         A. 宽度[Width]  各个模块边框的宽度 0-9 建议值为0或1 2以上就不要弄拉 大哥大姐 弄那么粗的边框真的很难看啊 不信弄个9试试? 嘿 还试试就试试? 郁闷
         B. 风格[Style] 各个模块边框的风格设置  用过.Net开发Web或者网页经常用的就知道有什么区别 当然 大家多试几次都能看出来 依次有默认[Default]-默认, 无[None]-不显示边框, [Dotted]-小点点, [Dashed]-小虚线, [Solid]-实线, [Double]-实线, [Groove]-凹按钮, [Ridge]凸按钮, [Inset], [Win-inset], [Outset]-没啥大的区别? 主要是用在这里不合适 不明显 不说了 郁闷
         B. 颜色[Color] 各个模块边框的颜色设置 3个两位十六进制正整数 00-FF 如:00CCFF



    6. 保存[Save]按钮 回复[Revert]按钮-回到上次保存状态 不作保存

     

    [Q] 使用该模块还有什么其他问题?
    1. 该模块使用应当具备一定的视觉素养 否则任意修改都将造成超级大花脸的诞生 切记!
    2. 该模块建议查询颜色代码值[如: 99FFDD] 不支持Red/rgb(205,10,36)等颜色单位
    3. 怎么这么难看阿 救命啊 救命? 请参考问题一 哈哈 吓你的阿 将所有选项留空 按保存 他就又回到默认设置了阿
    4.  一旦在自定义中去掉了PowerToy: Tweak UI项目 所有将回归原位...

    22/09/2005 21:02 | Ajouter un commentaire | Lien permanent | Ajouter au blog | 空间教程

    视频音乐模块完全图解教程

    http://spaces.msn.com/members/gb2312/blog/cns!1pj3y6bRc9KnqfIBgeQI_-sA!1567.entry
    视频音乐模块完全图解教程
     

    事先注意:

    所有URL地址点SAVE保存后消失或者没有反应的问题, 皆由于你们的地址格式不正确或者无法获取或者为不安全代码, 服务器端将自行删除.

    请务必不要随便复制粘贴地址到地址栏中 因为包括空格换行在内的东东都有可能在里面 一保存 自然全部消失. 如果您因为这个问题很懊恼得话, 请做到一个字符一个字符用键盘敲到URL地址输入框里面. MSN Spaces是没有本事区分人的 他只能检查你的格式正确与否 因为大多数人都成功了 至于您为什么不成功 除了地址格式不对不会有其他可能...

    请先试试我的地址: http://belem.dgzxhome.net/music.wma  请勿直接复制  请您一个字符一个字符敲进去 我这个应该能成功播放视频/音乐

    成功了那就说明你已经会使用这个模块了 然后再尝试别的有效的地址 尝试不成功 请换地址即可

    此外, 点击保存后是不会显示出播放器的, 你必须点击"预览我的空间"[Preview my Spaces] 转到预览视图才会显示播放器.

    另外, 部分用户Windows Media Player播放器版本过低, 请及时升级. 解码器故障请及时更新.


    [Q] 视频音乐模块实现功能
    视频音乐模块允许用户使用一个自定义模块,在该模块之内用户可以随意使用发布视频,音乐, 包括自动播放等等.


    [Q] 如何添加视频音乐模块
    使用该模块的前提是IE6或更高版本. 所有选项包括提示只显示英文.

    [Steps]
    1. 登陆您的MSN Spaces, 点击自定义[Customize]
    2. 在浏览器地址栏[Address bar]的URL后面添加参数 &powertoy=musicvideo 按Enter或点击转到[Go]


    3. 点击自定义[Customize]->模块[Modules]
    4. 在下拉列表中找到PowerToy: Windows Media Player项, 选择添加[Add]


    5. 选择保存[Save]按钮


    [Q] 如何使用该模块
    该模块共有7个部分
    1. URL文本框 [URL Textbox] 在这里输入你想要播放的音乐/视频地址 大哥大姐 别找那些没用的还有隐藏的非事实的地址
    2. 起始播放秒数 [Position in sec Textbox] 输入整数,单位秒 代表播放开始时间
    3. 播放次数 [Times to play Textbox] 输入整数 
    4. 播放速率 [Rate to play Textbox] 输入整数或小数 例如2.5, 代表播放速度是正常速度的2.5倍
    5. 自动播放 [Auto Start CheckBox] 选择则表示将自动播放
    6. 显示模式 [Display Mode Selector]
    共四种模式, 分别为: 不可见[Invisible], 无[None], 迷你[Mini], 完全[Full]

         A. 不可见 [Invisible] 选择该模式隐藏整个模块,一般用于播放音乐, 建议选中自动播放, 否则无法自动开始
         B. 无 [None] 该模式将不显示播放器的控制栏, 建议选中自动播放[5]或者允许右键[7], 否则无法播放
         C. 迷你 [Mini] 该模式将隐藏部分播放器控制栏 如进度条快进/快退, 前一段/后一段等
    D. 完全 [Full] 该模式显示所有播放器控制栏

    7. 右键菜单 [Right Click Menus Checkbox] 选择表示允许播放器右键菜单, 可以从中选择播放以及其他属性 不选则不显示 可以初级隐藏播放文件的地址[当然,可以从源文件中查到]


    8. 保存[Save]按钮 回复[Revert]按钮-回到上次保存状态 不作保存
    9. 点击右上角的'预览我的空间'[Preview My Space]链接回到预览视图




    [Q] 使用该模块还有什么其他问题?
    1. 试了大半天, 发现该模块只支持WMA, WMV, WAV, AVI, MPG, MPEG, MP3格式, 看见没QuickTime/Real都不支持阿 什么叫垄断 什么叫排他? 这就叫...
    2. 使用该模块应该视网络环境/速率适当使用 切不可盲目使用造成部分用户长时间等待 得不偿失
    3. 使用该模块应该注意视频/音乐版权问题 无论在世界还是在中国 用户应当有版权意识
    4. 请确认你的电脑已经安装Windows Media Player播放器, 注意: Real[One] Player以及QuickTime插件是不支持的
    5. 无法代替Flash

    22/09/2005 20:55 | Ajouter un commentaire | Lire les commentaires (2) | Lien permanent | Ajouter au blog | 空间教程

    HTML模块完全图解教程

    Quote

    http://spaces.msn.com/members/gb2312/blog/cns!1pj3y6bRc9KnqfIBgeQI_-sA!1564.entry

     
    HTML模块完全图解教程
     
    [Q] HTML模块实现功能
    HTML模块允许用户使用一个自定义模块,在该模块之内用户可以随意使用HTML来排版, 个性化等,例如弄一个专门的每周绘画作品展示等等...
     

    [Q] 如何添加HTML模块
    使用该模块的前提是IE6或更高版本. 所有选项包括提示只显示英文.

    [Steps]
    1. 登陆您的MSN Spaces, 点击自定义[Customize]
    2. 在浏览器地址栏[Address bar]的URL后面添加参数 &powertoy=sandbox 按Enter或者点击转到[Go]


    3. 点击自定义[Customize]->模块[Modules]
    4. 在下拉列表中找到PowerToy: Custom HTML项, 选择添加[Add]


    5. 选择保存[Save]按钮

     

    [Q] 如何使用该模块
    该模块共有三大部分
    1. HTML文本框 [非RTE] 在这里输入你喜欢的HTML代码 为了不扼杀你的创意 你喜欢输什么就输什么 
    2. 模块标题 [Module Name TextBox]
    3. 是否显示边框复选框[Show Border CheckBox] 不显示边框一般是为Plain Black/Red/Blue/Green服务的
    4. 保存[Save]按钮 回复[Revert]按钮-回到上次保存状态 不作保存

     

    [Q] 使用该模块还有什么其他问题?
    1. 该模块无RTE, 完全符合喜欢HTML编辑的用户 :)
    2. 该模块只支持512个字符, 因此不能输入大量的HTML代码, 使用部分受限.
    3. 该模块同样会过滤大量HTML标签
    4. 用户应当自行权衡是否使用边框 视觉效果等应自行解决
    5. 我放进去一个图片或者别的东西竟然右边出去了!!! Answer: 大哥大姐, 本来让你自定义, 如果不怕难看就让他出去吧 自定义嘛 那就尽量不要让他出去喽



    22/09/2005 20:27 | Ajouter un commentaire | Lire les commentaires (2) | Lien permanent | Ajouter au blog | 空间教程

    MSN Spaces 语言显示

    [Quote]

    http://spaces.msn.com/members/gb2312/blog/cns!1pj3y6bRc9KnqfIBgeQI_-sA!2458.entry

    MSN Spaces 语言显示
    -- 兼答CraneSkyHT
     
    现在很多人依然弄不清MSN 语言设置到底有多少种, 为什么不同情况下语言会显示不一样. CraneSkyHT可能是因为页面设计的时候其他语种破环了页面视觉, 所以想“不论谁浏览我的spaces的时候, 默认永远都是英文界面”, 但是这是不可能的.

    影响MSN Spaces语言显示的因素总共有三种:
    1. 参数设置
    这是大家经常用的方法 分别使用 ?mkt=语言-市场 或者 &mkt=语言-市场 ?以及&视URL的具体情况而定

    2. Passport语言设置
    当从Messenger转到某一Spaces或者从首页登陆Spaces后, 会发现Spaces语言是和自己的Passport语言设置一致的

    3. IE浏览器语言设置
    在其没有添加参数 又没有登陆Spaces浏览某一Spaces时, Spaces会依据IE浏览器语言设置的优先级设定显示语言顺序.
    查看方法: IE->工具[Tools]->Internet选项[Internet Options]->语言[Languages] 在最上面的语言将优先显示
     
    总的优先级分别是:
    参数设置>Passport语言设置>IE浏览器语言设置


     具体市场，参考spaces help如下
    To change the language of the MSN Spaces website, visit the website for the language you want, and sign in with your Microsoft Passport Network credentials. The websites for the different languages available are:
    Language Website
    Simplified Chinese http://spaces.msn.com?mkt=zh-cn
    Traditional Chinese http://spaces.msn.com?mkt=zh-tw
    Danish http://spaces.msn.com?mkt=da-dk
    Dutch http://spaces.msn.com?mkt=nl-nl
    English http://spaces.msn.com?mkt=en-us
    Finnish http://spaces.msn.com?mkt=fi-fi
    French http://spaces.msn.com?mkt=fr-fr
    German http://spaces.msn.com?mkt=de-de
    Italian http://spaces.msn.com?mkt=it-it
    Japanese http://spaces.msn.com?mkt=ja-jp
    Korean http://spaces.msn.com?mkt=ko-kr
    Norwegian http://spaces.msn.com?mkt=nb-no
    Portuguese http://spaces.msn.com?mkt=pt-br
    Spanish http://spaces.msn.com?mkt=es-us
    Swedish http://spaces.msn.com?mkt=sv-se
    To change the language of a single MSN space:
    1. Visit http://spaces.msn.com/members/space_name/?mkt=xx-xx, where space_name is the name of the space, and xx-xx are the four letters of the language's web address in the table above.
    2. Sign in with your Passport Network credentials.

    For example, to change the display language of a space called Example_Space to French, you would visit http://spaces.msn.com/members/Example_Space/?mkt=fr-fr.

     
    22/09/2005 20:12 | Ajouter un commentaire | Lire les commentaires (11) | Lien permanent | Ajouter au blog | 空间教程