個人檔案探索Msn Spaces的奥秘部落格清單 工具 說明
2/6/2005

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 登入 (若您使用 Hotmail、Messenger 或 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)

此內容的引用通告是:
http://locker2man.spaces.live.com/blog/cns!EC64A78C5E3BC5BF!110.trak
引述這則內容的部落格