博客文章中图片、广告与文字的排版(良曼) - 博客代码博客{tx}博客素材 ...
博客文章中图片、广告与文字的排版(良曼) [转贴 2010-02-26 16:14:53]   

博客文章中图片、广告与文字的排版(良曼)

来源:良曼网 作者:良曼  hexun.com/wwwlm    收藏整理:博客代码基地 

    当你发布了新日志,是不是想找张漂亮的图片来衬托一下呢?却又不想让图片孤单地占在一大块地方,只想让它与文字紧密结合,怎么办呢?下面我来教你加入的图片哦!

我们一般情况下,编辑日志是在设计状态的,当日志全部编辑完成后,点选代码状态,在日志的最前面加入下面的代码: 

 

2、图片在左,文字在右

只要把“align=right”改为“align=left”就行了,即为:

<P><A href="对图片的链接地址" target=_blank><IMG height=100 src="你的图片URL地址" width=100 align=left border=0></A>你的文章内容放在此处</P>

调整图片于文字的距离可加入“vspace=上下距离 hspace=左右距离”使用不同数值效果不一样。比如改后的代码是:
<P><A href="对图片的链接地址" target=_blank><IMG height=100 src="图片URL地址" width=100 align=left hspace=10 vspace=10 border=0></A>文章内容</P>

以上是对图片的嵌入文章中的处理方法技巧。  

而下面的代码是针对各种广告单元的嵌入。 

日志文字中如能嵌入图片或广告单元,那么整个版面将会更好看。

要实现嵌入,需要利用到隐形框,我们一般情况下,编辑日志是在设计状态的,当日志全部编辑完成后,点选代码状态,在日志的{zh1}面加入下面的代码. 

嵌入图片或广告隐形框的代码.: 

<TABLE style="WIDTH: 244px; HEIGHT: 107px" width=244 align=right border=0>

<TBODY>

<TR>

<TD style="FONT-SIZE: 12pt" height=60>

<DIV style="FONT-SIZE: 12pt" align=center><STRONG></STRONG></DIV>

</TD>

</TR>

</TBODY>

</TABLE>

 

说明:打开“发表文章”,把模式切换到代码模式,然后将上面代码复制到你的日志编辑代码栏内,然后切换到设计栏,在日志中就能看见一个双线的隐形框。 

    框框大小可以任意拖动,框的位置可以任意拖动到你想让它到的地方。然后将你的图片或广告展示单元(已经生成的广告单元),鼠标右键全选,然后复制,{zh1}粘贴到框内保存即可{zh1}点发表就可以了!

郑重声明:资讯 【博客文章中图片、广告与文字的排版(良曼) - 博客代码博客{tx}博客素材 ...】由 发布,版权归原作者及其所在单位,其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实,请读者仅作参考,并请自行核实相关内容。若本文有侵犯到您的版权, 请你提供相关证明及申请并与我们联系(qiyeku # qq.com)或【在线投诉】,我们审核后将会尽快处理。
—— 相关资讯 ——