载入中
自定义HTML载入中... loading
博客网页的图片、广告与文字的排版 [原创 2007-12-14 11:53:33]  删除... 
字体变小 字体变大
 
 
查看更多精彩图片
博客网页的图片、广告与文字的排版

 查看更多精彩图片

查看更多精彩图片

 返回博客技巧首页

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

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

1、图片在右,文字在左
代码为:
<P><A href="对图片的链接地址" target=_blank><IMG height=100 src="你的图片URL地址" width=100 align=right border=0></A>你的文章内容放在此处</P>
其中“<A href="对图片的链接地址" target=_blank>”表示对图片进行链接,如果不需要的话只要把“<A href="对图片的链接地址" target=_blank>”和“</A>”删了就行了,“target=_blank”表示点击图片后链接在新窗口中打开,如果没有这个,则点击图片后链接在默认窗口中打开!

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>

 

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

 

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

 

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

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

 

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

 

<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>

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

 

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

 

效果可以看此篇日志的GOOGLE的广告,我把它们都放在右边,嘿嘿!这样页面里上下左右全都有广告,想复制不误点都难,

更多相关文章:
博客鼠标特效代码(最新)
鼠标碰上链接不断变色的代码  
怎样寻找音乐和动画flash的地址的方法
博客动态头像制作及代码   
博客特效代码运行具
透明FLASH特效地址大全
欢迎光临,制作声音代码   
动态日志背景外框(更新)
欢迎光临,制作声音代码
和讯日志幻灯片播放特效代码

博客网各种特效代码检测生成运行工具

(来源:良曼博客 编缉:良曼
查看更多精彩图片

查看更多精彩图片
对良曼博客有何意见或疑问请进入吧!想给我E-mail就点此吧!返回良曼博客首页看更多文章
欢迎您再来光临!谢谢你的阅读!你在本頁已停留 

分类: 博客技巧
所属版块: 科技
票数:
什么是“我顶”?
点击数:    评论数:
本文章引用通告地址(TrackBack Ping URL)为:
本文章尚未被引用。
发表评论
大 名:
(不填写则显示为匿名者)
网 址:
(您的网址,可以不填)
标 题:
内 容:
请根据下图中的字符输入验证码:
(您的评论将有可能审核后才能发表)
和讯个人门户 v1.0 | 和讯部落 | 客服中心