颜님의 프로필心情故事사진블로그리스트기타 도구 도움말

블로그


    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月大全集可换成图片什么的增强效果。

    댓글 (4개)

    잠시만 기다려 주세요...
    죄송합니다. 입력한 댓글이 너무 깁니다. 내용을 줄여 보세요.
    입력한 내용이 없습니다. 다시 시도해 보세요.
    죄송합니다. 지금은 댓글을 추가할 수 없습니다. 나중에 다시 시도해 보세요.
    댓글을 추가하려면 부모님의 사용 허락이 필요합니다. 허용 요청
    부모님이 댓글 기능을 해제한 상태입니다.
    죄송합니다. 지금은 댓글을 삭제할 수 없습니다. 나중에 다시 시도해 보세요.
    하루에 남길 수 있는 댓글의 최대 한도를 초과했습니다. 24시간 후에 다시 시도해 보세요.
    회원님의 계정은 다른 사용자에게 스팸 메일을 보낼 수 있다고 여겨지므로 댓글 기능이 비활성화되어 있습니다. 이 설정에 문제가 있다고 생각되면 Windows Live 지원에 문의하시기 바랍니다.
    댓글을 남기려면 아래 보안 검사를 완료해야 합니다.
    보안 검사에 입력한 글자는 그림 또는 오디오에 있는 글자와 일치해야 합니다.

    댓글을 추가하려면 Windows Live ID로 로그인하세요. 핫메일, 메신저 또는 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
    이 블로그를 참조하는 웹 로그
    • 없음