locker2man님의 프로필探索Msn Spaces的奥秘블로그리스트 도구 도움말
    2005-06-02

    Msn Spaces 进阶教程之日志背景图片

    原创:loadmemory
    edited by locker2man


    HTML代码

    <img style="filter:alpha(opacity=100,finishOpacity=100,style=1);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命令可以省略,否则请予以保留。
          有一个问题需要注意,预览中文字相对于背景图片的位置往往与最终显示在日志中的位置不一样,这还需要你返回到该日志进行进一步的修改,这确实需要一些耐心,但相信经过一段时间的实际应用,你会总结出一些经验技巧的。




    推荐使用 日志背景图产生器

    댓글 (997개)

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

    댓글을 추가하려면 Windows Live ID로 로그인하세요. 핫메일, 메신저 또는 Xbox LIVE를 사용하는 경우 해당 계정을 Windows Live ID로 사용할 수 있습니다.로그인


    Windows Live ID가 없으신가요? 등록

    9월 22일
    대화명 없음님이 남긴 글:
    <a href="http://www.topowerleveling.com">world of warcraft power leveling</a> <a href="http://www.topowerleveling.com">wow power leveling</a> <a href="http://www.topowerleveling.com">power leveling</a> <a href="http://www.gowowpowerleveling.com">wow gold</a> <a href="http://www.cnaosheng.com.cn">橡塑发泡</a> <a href="http://www.ac021.com">直流电源</a> <a href="http://www.paper-cup-machine.com">paper cup machine</a> <a href="http://www.liandaauto.com/main.asp">Mass air flow</a> <a href="http://www.pabx365.com">程控交换机</a> <a href="http://www.mystery.net.cn/index/index.php">餐饮软件</a> <a href="http://www.mystery.net.cn">餐饮软件</a> <a href="http://www.mystery.net.cn">收银机</a> <a href="http://www.zhongke-china.com/product.asp">automatic rigid box line</a> <a href="http://www.zhongke-china.com/product.asp">paper converting and wrapping machines</a> <a href="http://www.zhongke-china.com/product.asp">automatic box makers</a> <a href="http://www.zhongke-china.com/about.asp">rigid set-up gift box</a>,<a href="http://www.zhongke-china.com/about.asp">paperboard converting equipment</a>


    <a href="http://www.lszwjx.com">气动马达</a> <a href="http://www.lszwjx.com">气动搅拌机</a> <a href="http://www.lszwjx.com">防爆马达</a> <a href="http://www.lszwjx.com/about.htm">防爆搅拌机</a> <a href="http://www.lszwjx.com/about.htm">气动搅拌机</a> <a href="http://www.lszwjx.com/news.htm">空气马达</a> <a href="http://www.lszwjx.com/news.htm">防爆马达</a> <a href="http://www.lszwjx.com/product.htm">气动马达</a> <a href="http://www.lszwjx.com/product2.htm">油漆搅拌机</a> <a href="http://www.lszwjx.com/plist493.htm">油漆搅拌器</a> <a href="http://www.lszwjx.com/product2.htm">气动搅拌器</a> <a href="http://www.lszwjx.com/plist490.htm">防爆搅拌器</a> <a href="http://www.lszwjx.com/product2.htm">油墨搅拌器</a> <a href="http://www.lszwjx.com/plist495.htm">油墨搅拌机</a> <a href="http://www.ruian2machine.cn">安检门</a> <a href="http://www.ruian2machine.cn">金属探测器</a> <a href="http://www.ruian2machine.cn">金属探测仪</a> <a href="http://www.plastic-thermoforming-machine.com/product.htm">thermoforming Equipment</a> <a href="http://www.packagemachinery.cn">bag making machine</a> <a href="http://www.todesign.com.cn">工业设计</a> <a href="http://www.todesign.com.cn">产品设计</a> <a href="http://www.tzonegroup.cn">储罐</a> <a href="http://www.tzonegroup.cn/about.asp">中药提取设备</a> <a href="http://www.tzonegroup.cn/products.asp">乳化机</a> <a href="http://www.rajayj.cn">反应釜</a> <a href="http://www.rajayj.cn">真空干燥箱</a> <a href="http://www.ashuashi.com.cn">厚壁钢管</a>


    <a href="http://www.gowowpowerleveling.com">power leveling</a> <a href="http://www.gowowpowerleveling.com">wow power leveling</a> <a href="http://www.zhongke-china.com">paper box</a> <a href="http://www.zhongke-china.com/about.asp">paper box equipment</a> <a href="http://www.plastic-thermoforming-machine.com">thermoforming Equipment</a> <a href="http://www.plastic-thermoforming-machine.com">Plastic Machinery</a> <a href="http://www.plastic-thermoforming-machine.com/about.htm">Plastic Machine</a> <a href="http://www.wzbtjx.cn">马达</a> <a href="http://www.wzbtjx.cn">气动马达</a> <a href="http://www.wzbtjx.cn">搅拌机</a>
    8월 19일
    7월 11일
    xq님이 남긴 글:
    简简单单 直直白白 看着舒服最重要...
    4월 28일
    杨ann님이 남긴 글:
    这个日志背景图片,是指单个日志的背景图片,还是说整个space的背景图片?
    4월 18일
    ShenHang님이 남긴 글:
    呵呵,太好了。在学着弄呢。支持·!
    4월 17일
    3월 25일
    알 수 없음님의 사진
    涵涵 =_= 님이 남긴 글:
    blur blur...@_@
    3월 14일
    Snake님이 남긴 글:
    么弄明白 为什么效果预览的3段话 每段开头都有 3个空格呢? 我怎么就弄不出来呢?
     
    吾怒了!
    2월 27일
    陈波님이 남긴 글:
    厄...
    不懂
    2월 23일
    雅文님이 남긴 글:
      对于一个新入门的小师妹那是更看不懂咯。
    2월 14일
    爱点님이 남긴 글:
    厄。。。太专业了  偶是菜鸟 嘿嘿 不懂
    2월 7일
    有梅啊님이 남긴 글:
    额……一头雾水!
    2월 5일
    有梅啊님이 남긴 글:
    额……一头雾水!
    2월 5일
    有梅啊님이 남긴 글:
    额……一头雾水!
    2월 5일
    晴空님이 남긴 글:
    hai hao la !
    2월 3일
    和尚也是人님이 남긴 글:
    我的追求简洁就是好的。
    大家有没有知道MSN空间咋就这么慢呢????
    1월 16일
    tanxiaoxue님이 남긴 글:
    好复杂哦···
    字太多了,都没耐心看下去了
    唉····
    1월 3일
    tanxiaoxue님이 남긴 글:
    好复杂哦···
    字太多了,都没耐心看下去了
    唉····
    1월 3일
    tanxiaoxue님이 남긴 글:
    好复杂哦···
    字太多了,都没耐心看下去了
    唉····
    1월 3일

    트랙백(51)

    이 블로그의 트랙백 URL은 다음과 같습니다.
    http://locker2man.spaces.live.com/blog/cns!EC64A78C5E3BC5BF!110.trak
    이 블로그를 참조하는 웹 로그