注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

馨香若兰

我爱幽兰异众芳,不将颜色媚春阳

 
 
 

日志

 
 

【转载】日志边框制作  

2015-02-15 16:12:26|  分类: 博客技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自晓月《日志边框制作》
具体操作方法:

1, 打开自己的博客,

2,点击撰写新日志,

3,在日志的右下方有(显示源代码),点击前面的小方框,也就是打勾。

4,复制你需要的代码:有三种代码如下(转):

       

单层的代码:

 

<TABLE style="BACKGROUND-IMAGE: url(图片地址); WIDTH: 100%" cellSpacing=45 cellPadding=2 bgColor=#ffffff border=4>
<TBODY>
<TR>
<TD>
<P align=center>
日志内容</P>
<P align=center>&nbsp;</P></TD></TR></TBODY></TABLE>

 

双层的代码:

 

<DIV
style="BACKGROUND: url(
图片1地址); WIDTH: 661px; HEIGHT: 1382px">
<DIV align=center>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>
<DIV style="BACKGROUND: url(
图片2地址); WIDTH: 540px; HEIGHT: 1333px"></DIV></DIV></DIV>

 

三层的代码:

 

<FONT color=#0000ff>
<DIV>
<DIV>
<DIV><U>&nbsp;</U></DIV>
<DIV>
<DIV>
<DIV>
<DIV>
<DIV>
<DIV>
<DIV style="BACKGROUND: url(图片1地址); WIDTH: 690px; HEIGHT: 650px">
<DIV align=center><U>&nbsp;</U></DIV>
<DIV align=center><U>&nbsp;</U></DIV>
<DIV align=center>
<DIV style="BACKGROUND: url(图片2地址); WIDTH: 590px; HEIGHT: 550px">
<DIV align=center><U>&nbsp;</U></DIV>
<DIV align=center>
<DIV style="BACKGROUND: url(图片3地址); WIDTH: 504px; HEIGHT: 1150px">
<P align=center><FONT color=#660000 size=4><STRONG>&nbsp;</STRONG></FONT></P>
<P><FONT color=#660000 size=4><STRONG></STRONG></FONT>&nbsp;</P>
<P><FONT color=#0000ff></FONT>&nbsp;</P>
<P align=center></P></DIV></DIV></DIV></DIV></DIV></DIV></DIV></DIV>

</DIV></DIV></DIV></DIV></DIV></FONT>

5,粘贴

说明解释: 代码里的(图片地址)就是你所采用的图片的地址,鼠标右键点击你喜欢的那个图片,然后点属性,地址就出来了,复制粘贴就可以了。

            WIDTH: 661px; HEIGHT: 1382px  WIDTH是图片宽度的意思,你可以任意修改后边的数据,661,662,899,任何数都可以,按照边框需要。HEIGHT是高度的意思,后面的数据同样可以任意改。注意:不要太大也不要太小。我一般把   WIDTH: 661px改成WIDTH: 100%

6,图片地址粘贴好后,如果想看边框效果,就点击日志下方的预览页面,或者把(显示源代码前的勾去掉),待修改时再点上。

7,做好边框后,把显示源代码前的勾去掉,然后把日志写到边框里就完成了。如图:

 
 
 
日志内容

8,发布日志。

  评论这张
 
阅读(0)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017