Windows LiveWindows Live™
 
 
颜 さんのプロフィール心情故事フォトブログリストその他 ツール ヘルプ

ブログ
    12月8日

    各种代码

    MSN实用技巧HTML语言收集 
     

    一、浮光字体代码：

          代码：<FONT style="FONT-SIZE: 20pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #0fd0fd; FONT-FAMILY: 宋体" color=#99ff99><B></B></FONT>

    color=black可以换作：color=#66cc66等颜色代码，color=#99ff99也一样。 

     

    二、背景图片

    HTML代码

    <img style="filter:alpha(opacity=100,finishOpacity=0,style=2);width:

    212px;height:292px" src="你喜欢的图片地址" align=right><div style="filter:alpha(opacity=45,finishOpacity=45,style=0);float:

    left;width:100%;line-height:14pt;letter-spacing:0.2em">日志文字</div>

    <IMG src=……>控制日志中的背景图片，图片的宽度及高度值均以px为单位；align这一参数控制图片位置，但不要对此进行更改，否则无法实现文字浮于图片之上的效果。Filter控制背景图片的柔化滤镜，大家可以修改其中的数值已达到不同的效果，但注意style的值只能取1，2，3这三个数值。除了柔化效果外，还有翻转、发光、阴影等若干特效，但语法表述各有不同，在此不再赘述，有兴趣的朋友可以在互联网上查询相关语法。在Space空间不同的布局方式下，日志宽度是不相同的，所以为了更好的配合日志的页面效果，建议选择合适宽度的图片，具体可根据布局的实际情况（即日志的宽窄程度）将图片宽度分别设定在260px、350px、370px、550px、730px左右的近似值。
          <DIV style="FILTER……>控制日志文字的若干效果，其中Filter命令的使用方法与前述一致，也是调节柔化效果。文本宽度也采取px为单位，其最大值也要参照上面不同布局方式时所要求的近似宽度值，如果你希望文字完全分布在整个日志页面上，那么将WIDTH值设为100%即可。在设定了具体宽度的情况下Float命令可以省略，否则请予以保留。
          有一个问题需要注意，预览中文字相对于背景图片的位置往往与最终显示在日志中的位置不一样，这还需要你返回到该日志进行进一步的修改，这确实需要一些耐心，但相信经过一段时间的实际应用，你会总结出一些经验技巧的。

     

    三、背景效果的制作方法

    HTML語法：(紅色為關鍵部份，不可去掉)

    ＊1.只要設定背景圖片位址和寬高(純網誌背景圖而已)(background-color: TRANSPARENT;可省略)

    <div style="WIDTH: 100%; HEIGHT: 100%;">
    <img height="圖高" src="背景圖片" width="圖寬" align="right">
    <div style="float:left; background-color: TRANSPARENT;    WIDTH: 100%; HEIGHT: 100%;">
    內容
    </div>
    </div>

     

    ＊.最簡單背景之設法(純網誌背景圖而已)(連圖寬都不用設) <- 4/17

    <img src="背景圖片" align="right">
    <div style="float:left;    WIDTH: 100%;">
    內容
    </div>

     

    ＊2.可自行設定本文寬、本文高(需使用絕對大小如px)，也可自行加線框，配合★圖層框框製作附加捲軸變化 教學，會有豐富效果。

    HTML部分(background-color: TRANSPARENT;可省略)

    <div style="WIDTH: 本文寬; HEIGHT: 本文高;">
    <img height="圖高" src="圖片位址" width="圖寬" align="right">
    <div style=" background-color: TRANSPARENT;    WIDTH: 本文寬; HEIGHT: 本文高;">
    內容
    </div>
    </div>

    3、背景图片（08-16新）：

    在发布文章的时候切换到HTML模式，在任何一个标签上写如下代码就可产生背景（注：标签是HTML术语，即“<>”及其之间的内容，比如：<div>、<table>等等，而</div></table>等不能算标签，顶多算标签的尾巴，哈）：

    <div style="background:url(http://spaces.msn.com/mmm2005-08-03_15.21/MSN/SmallLogos/msn_logo.gif);">内容</div>。

    如果不想让背景随滚动条滚动，则可以写成如下代码：

    <div style="background:url(http://spaces.msn.com/mmm2005-08-03_15.21/MSN/SmallLogos/msn_logo.gif) fixed;">内容</div>。

     

    四、如何添加 Windows Media Player 到你的MSN Space上
    注:最好使用 Internet Explorer, 不能用 FireFox
     
    第1步:
     
    在你的 Internet Exploer 里的地址栏里一般会是这样:
     
     
    在最后加上 &powertoy=musicvideo
     
    就像这样:
     
     
    第2步: 载入网页,用以上的地址
     
    第3步: 载好以后,点击 自定义
     
    第4步: 接下来点击 模块 
     
    第5步: 你应该会看到 PowerToy: Windows Media Player 这一选项
     
    第6步: 按 添加 , 接着点击 保存
     
     
    FAQ:
     
    1. 注:MSN Space 的 Windows Media Player 只支持 WMA, WMV, WAV, AVI, MPG, MPEG, MP3 的格式.
     
    2. 只能放一个媒体. 

     

    3. 添加音乐的方法: 到 www.baidu.com 里的 MP3 搜索, 找你想要放的歌, 然后把下载的地址放到你的 MSN Space 的 Windows Media Player 模块里的地址栏就行了.
     
    4. 要是音乐放不出的话, 可以用我的音乐地址: http://home.bresnan.net/~m.madrid/Usher_Ft._Ludacris_Lil_Jon-_Yeah.mp3
     
    五、日历本
     

    在发布文章的时候切换到HTML模式，加入如下代码：

    <img src='http://www.u9cn.com/rili.php'>

     

    六、边框：

    在发布文章的时候切换到HTML模式，加入如下代码：

    <div style='border:1px #FF0000 solid;'>你的文字内容</div>

    #FF0000是颜色，可自己根据情况更换。

     

    七、滚动条：

    在发布文章的时候切换到HTML模式，加入如下代码：

    <div style='height:280px;overflow:auto;'>你的文字内容</div>

    280是高度，可自己根据情况换成别的数字。

     

    八、存档文件：

    在发布文章的时候切换到HTML模式，加入如下代码，可以不用MSN默认的存档列表 ：

    <a href="http://spaces.msn.com/members/after1s/?partqs=ayear%3D2005%26amonth%3D8&amp;_c11_blogpart_blogpart=blogview&amp;_c=blogpart">8月大全集</a>其中after1s是空间ID号，2005是年代，8是月份；

    8月大全集可换成图片什么的增强效果。

    10:15 | この記事を引用 | 经验

    コメント (4 件)

    しばらくお待ちください。
    入力されたコメントは長すぎます。短くしてください。
    何も入力されていません。もう一度やり直してください。
    現在、コメントを追加できません。後でもう一度やり直してください。
    コメントと書くには、保護者 (ほごしゃ) の方の許可 (きょか) をもらってください。許可をリクエストする
    保護者 (ほごしゃ) の方が、あなたがコメントを書けないようにしています。
    現在、コメントを削除できません。後でもう一度やり直してください。
    1 日に投稿できるコメントの最大数を超えました。24 時間経過してから、もう一度やり直してください。
    あなたが他のユーザーに対して迷惑行為を行っている可能性があると確認されたため、お使いのアカウントによるコメントの投稿を無効にしています。誤って無効にされたと思われる場合は、Windows Live のサポートにお問い合わせください。
    コメントを投稿する前に、以下のセキュリティ チェックを完了してください。
    セキュリティ チェックに入力する文字は、画像に表示されている文字または音声で流れた文字と一致していなければいけません。

    コメントを投稿するには、お使いの Windows Live ID でサインインしてください (Hotmail、Messenger、または Xbox LIVE を既に使用している場合は、そのアカウントが Windows Live ID です)。サインイン


    Windows Live ID をお持ちでない場合は、アカウントを新規登録してください。

    匿名 の表示アイコン
    花团锦簇sy さんの投稿:
    TO：陨落泪
    你可以在我这篇日志里看第四项，按照所说的方法去做就行啦。祝你成功。
    12 月 8 日
    匿名 の表示アイコン
    ♀小呆♀ さんの投稿:
    我也来啦~~音乐好听~~~
    12 月 8 日
    匿名 の表示アイコン
    花团锦簇sy さんの投稿:
    收集了这些，以后用时就方便多啦。呵呵。
    12 月 8 日
    匿名 の表示アイコン
    陨落泪 さんの投稿:
    姐姐 ，你好 ！
    我想问一下你的播放器怎么样安装到空间里的？
    12 月 8 日

    トラックバック

    この記事のトラックバックの URL は次のとおりです。
    http://sunyanpretty.spaces.live.com/blog/cns!E09F16CB4EF9C121!406.trak
    この記事を参照しているブログ
    • なし