分享

如何使用代码类搜狐日志边框

 我不想上课 2010-09-09
一、背景加宽代码
我们希望是外的一层模板显宽屏显示,提供一个代码,直接使用就可以了,不需要更改:
<TABLE style="LEFT: -54px; WIDTH: 1000px; POSITION: relative; TOP: 0px" cellSpacing=0
cellPadding=0 align=center bgColor=#990000 border=0>
<TBODY>
<TR>
<TD>
注意:编写背景模板代码时,首先使用这组代码。
二、背景模板代码:
<DIV class=item-label><SPAN class=itemOpr id=itemId_61935503>
</SPAN></DIV>
<DIV class=clear></DIV>
<DIV></DIV>
<DIV class=item-body>
<DIV class=item-content>
这组是设置背景位置等情况的代码,不需要改动,直接使用。
三、背景代码
<TABLE style="BACKGROUND-IMAGE: url(图片位置1); WIDTH: 100%"
cellSpacing=70 cellPadding=2 bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(图片位置2); WIDTH: 100%"
cellSpacing=3 cellPadding=2 bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(图片位置3); WIDTH: 100%"
cellSpacing=7 cellPadding=2 bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(图片位置4); WIDTH: 100%"
cellSpacing=3 cellPadding=2 bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(图片位置5); WIDTH: 100%"
cellSpacing=40 cellPadding=2 bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<DIV align=center><FONT color=#0033ff size=6> </FONT></DIV></TD></TR></TBODY></TABLE></TD></TR>
</TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR>
</TBODY></TABLE></TD></TR></TBODY>
提供五个背景代码,可以根据需要自行增减,建议最好需要两张,因为最底一张是宽屏用的,如果直接在这张背景上写日志,会显得日志内容太宽了,影响欣赏与阅读。
“图片位置”——从博客的相册中找到图片的位置复制粘贴到这里。
cellSpacing=70——是指两个单元格之间的距离,也就是背景露出的宽度,可以自己调整数值。
cellpadding=2——是指单元格内文字与边框的距离,可以自行调整数值。
“图片位置1”——最外的一张图片。
图片摆放位置是从最外到最里排列,最里面的一张(图片位置5)可以直接写日志。
需要注意的是,全部图片添加了,并将数值改好后再返还到正常编辑区查看效果,否则可能有些代码就会发生变动,就无法再编辑了。
四、返还正常编辑区
去掉“显示源代码”前的对勾,就回到了正常编辑区。
五、获得图片位置
代码的图片位置不能直接添加,需要手工查找,尤其是动态图片直接使用,可能会变成静态图片,查找方法:找到相册中需要的图片,看到图片下边“查看原图”,
打开后把上边的地址复制粘贴到日志中就可以正常显示图片了。有些相册中的图片没有这项功能,需要点击图片右键,找到“属性”,就可以看到其中的地址了。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多