http://blog.sina.com.cn/mapinfo[订阅][手机订阅]
字体大小: 正文
新浪博客装饰宝典(第十五期)(2006-07-01 22:36:10)

 
                本期主要包括下列内容:

        ●图片(挂件)随滚动条移动代码
        ●图片上飘动的文字特效代码
        ●以图片为背景发表文章代码
 
        代码添加方法:
 
        登陆博客后依次打开:控制面板-个人首页维护-自定义空白面板(点击进入编辑)-新增-填写面板标题(随意)-勾选最下面的“显示代码”-然后将正确的代码粘贴到文本框中-保存并返回
 
        回到控制面板-单击页面最下方的“定制我的首页”-在打开的页面中单击“添加模块”-找到刚才自定义面板名称的模块,勾选之-选取-模块就会出现在左侧栏目中-保存即可
 
 
        图片(挂件)随滚动条移动代码:

<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; ; RIGHT: expression_r(eval_r(document.body.scrollLeft)+eval_r(document.body.clientWidth)-110); FILTER: progid:DXImageTransform.Microsoftpadding:8px; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression_r(eval_r(document.body.scrollTop)+eval_r(document.body.clientHeight)-400); TEXT-ALIGN: center"><IMG src="图片地址" border=0></DIV>

        代码说明:

        -100表示图片距离屏幕左侧的距离,负数值越大距离左侧越远;
        -400表示图片距离屏幕下方的距离,负数值越大距离下方越远(越靠上);

        效果预览:

        如首页左侧图片。
 
 
        图片上飘动的文字特效代码:

<TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>
<TBODY>
<TR>
<TD background=图片地址>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=350>
<MARQUEE scrollAmount=3 behavior=alternate width=500>
<P align=center><FONT color=red size=6><B>图片上的文字</B></FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>
 
        代码说明:
 
        width为浮动文字框架的宽度;
        height为浮动文字框架的高度;
        color=red表示文字颜色为红色(查询颜色代码)
 
        效果预览:

演示文字

 
 

        以图片为背景发表文章代码:

<table width="450" border="0">
<tr>
<td height="500" background="图片地址"></td>
</tr>
</table>

        效果预览:

    这里是演示文字。

    这些文字可以直接在图片上输入。

    为了美观,建议从其他文本编辑器中直接将文章复制到图片上。

 

             

 

文章引用自:http://blog.sina.com.cn/m/manbu

加载中,请稍候...
  • 评论加载中,请稍候...

验证码:请点击后输入验证码  收听验证码

发评论

以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

相关博文
读取中...
推荐博文
读取中...