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

林泉隐者的博客

撷趣江湾坐 擎竿望静流 未思寻酒菜 只想钓清幽

 
 
 

日志

 
 

【转载】【博客技巧】(原创)组合式日志框的制作与使用方法  

2015-10-30 09:23:52|  分类: 博客技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

        我做了几款日志组合框,有位好朋友说用不太好,让我为他说一下。可是三言五语也说不清,只好做了这篇日志。其实,我是最不愿意写这些的,本来愚钝,恐被人笑话。又碍于朋友面子,只好勉为其难,敬请高手指点。

  

 

 

【博客技巧】组合式日志框的制作与使用方法

一、组合式日志框的制作

1,组合式日志框说到底在图片上写字。根据需要的大小制作背景图片,并切割成水平三等份(这是最简单的切割)。

【博客技巧】(原创)组合式日志框的制作与使用方法 - 浅草细浪 - 浅草细浪

 

【博客技巧】组合式日志框的制作与使用方法 - 浅草细浪 - 浅草细浪

 

【博客技巧】组合式日志框的制作与使用方法 - 浅草细浪 - 浅草细浪

 

2,根据图片大小,制作一个单列三行的表格,把三幅图依次填充到三个单元格里。

 

 1
 2
 3

 

3,填充代码如下:

<P align=center>
<TABLE cellSpacing=0 cellPadding=0 width=500 border=1>
<TBODY>
<TR>
<TD background=第一幅背景图片地址 height=120> </TD></TR>
<TR>
<TD background=第二幅背景图片地址 height=120> </TD></TR>
<TR>
<TD background=第三幅背景图片地址 height=120> </TD></TR></TBODY></TABLE></P>

4,完成效果

 
 
 

 

 5,最后可根据自己的审美情趣和爱好,在第一和第三单元格加入透明FLASH动效,会有不俗的视觉效果。

二、组合式日志框的使用

1,在第二单元格制作一个一行三列的表格,目的是把表格的输入内容进行绝对定位,使内容不论使用什么浏览器都不会溢出和变形。把A、C两个单元格宽度定合适 。,在B单元格里输入日志内容。    

 

 
 

 A

  B

   
 

 

       2,实例一 :这是常见的也是不太符合排版要求的。

 

 
 
   

节选旧作《姑苏随想》

作者 浅草细浪

......

谁能把尘封的事情理清

旧事如风,来去匆匆 

渐渐溶入寒山寺的钟声

志士仁人的魂魄

已经潜移默化在龙的脊梁

剑胆琴心,一路驰骋

 

华夏儿女,血脉相连,情如血浓

齐心铸起倚天神剑

直指东海南海、朗玛北坡

我看那个再敢呛声......

寻梦的脚步任谁也无法阻挡

......红枫似火,依然旖旎风光

 
   
 

 

       3,实例二: 这是比较理想的排版。


 

 
 
   

节选旧作《姑苏随想》

作者 浅草细浪

......

谁能把尘封的事情理清

旧事如风,来去匆匆 

渐渐溶入寒山寺的钟声

志士仁人的魂魄

已经潜移默化在龙的脊梁

剑胆琴心,一路驰骋

 

华夏儿女,血脉相连,情如血浓

齐心铸起倚天神剑

直指东海南海、朗玛北坡

我看那个再敢呛声......

寻梦的脚步任谁也无法阻挡

......红枫似火,依然旖旎风光

 
   
 

 

4,把题目抹蓝,点居中;把正文抹蓝,点左对齐。最后,把代码中的表格轮廓去掉,把所有 border=1中的“1”改为“0”,效果如上图。

 

我说的罗嗦,其实很简单,祝福我的好朋友们执博快乐、趣墨茶香。

 

  

      

    如果你喜欢这篇日志,举手之劳,请点一下右下角的“推荐”,让更多的朋友分享。



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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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