博客文章中图片、广告与文字的排版(良曼)
来源:良曼网 作者:良曼 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=左右距离”使用不同数值效果不一样。比如改后的代码是: 以上是对图片的嵌入文章中的处理方法技巧。 而下面的代码是针对各种广告单元的嵌入。 日志文字中如能嵌入图片或广告单元,那么整个版面将会更好看。 要实现嵌入,需要利用到隐形框,我们一般情况下,编辑日志是在设计状态的,当日志全部编辑完成后,点选“代码”状态,在日志的{zh1}面加入下面的代码. 嵌入图片或广告隐形框的代码.: <TABLE style="WIDTH: 244px; HEIGHT: 107px" width=244 align=right border=0> <TBODY> <TR> <TD style="FONT-SIZE: <DIV style="FONT-SIZE: </TD> </TR> </TBODY> </TABLE> 说明:打开“发表文章”,把模式切换到代码模式,然后将上面代码复制到你的日志编辑代码栏内,然后切换到设计栏,在日志中就能看见一个双线的隐形框。 框框大小可以任意拖动,框的位置可以任意拖动到你想让它到的地方。然后将你的图片或广告展示单元(已经生成的广告单元),鼠标右键全选,然后复制,{zh1}粘贴到框内保存即可{zh1}点发表就可以了!
<P><A href="对图片的链接地址" target=_blank><IMG height=100 src="图片URL地址" width=100 align=left hspace=10 vspace=10 border=0></A>文章内容</P>