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

我的博客

金色的阳光普照大地,让世界充满爱,愿好友快乐幸福!

 
 
 

日志

 
 

【转载】 网易博客代码(日志摘要的图片右侧加文字)  

2014-04-29 06:52:14|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |


 

很多博友提出的关于日志摘要如何图片加文字的代码如下:

第一种:

你要输入的文字

复制语法区

<P><IMG height=高 hspace=30 src="图片连接地址" width=宽 align=left border=0><FONT face=Arial>你要输入的文字</FONT></P>


说明:

1.height=是图片高度,width=是图片宽度,hspace=是与文字之间的距离,可以自己调整数值.
2.将以上代码复制进你的日志摘要里即可。

第二种:

在这里加入你想要写的文字,想写多少都可以啊,不过要注意排版哦
......



复制语法区

<TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 width=410 border=0>
<TBODY>
<TR>
<TD width=197><IMG height=150 src="图片地址" width=200 border=0></TD>
<TD vAlign=top width=200 rowSpan=3>
<P align=right><FONT color=#808080><BR>这里写文字<BR>......</FONT><FONT size=2>&nbsp;</FONT></P>
<P align=left>&nbsp;</P></TD></TR></TBODY></TABLE>


说明:

1.height=是图片高度,width=是图片宽度
2.<br>是换行。<FONT size=2>代表字体的大小,数字越大,字也越大。<FONT color=#808080>代表字体颜色。&nbsp;代表空格。
3.表格的高度和宽度要设置合适,这在右边写文字时排版很重要
4.将以上代码复制进日志摘要即可

既然有人问到我首页显示的日志摘要了,我就把代码放这里吧,谁要用谁就拿去用好了。当然你要换上你自己的图片、日志链接和说明文字。先看效果图(左边是我的签名图片):

 
我的签名 :

点击图片进入博客

 我的摘要:
点击图片查看详细

你知道“丁克家庭”吗?

你怎么看待这种现象?

点击图片查看全文

   日志摘要代码:
 <table width="410" border="0" cellspacing="0"> <tr> <td width="160">    <a href="日记地址" target="_blank"><img     src="图片地址" alt="点击图片查看详细"  border="0"></a></td><td width="200"><p><b>你知道“丁克家庭”吗?<br><br>你怎么看待这种现象?<br><br>点击图片查看全文</b></p></td></tr></table>

说明:
红色数字是摘要框的总宽度;蓝色数字是图片框的宽度;绿色数字是文字框的宽度。可根据自己的需要修改
橙色汉字是图片链接说明文字;黑色汉字是你的摘要。可根据自己的需要修改。

把代码里的图片地址(小图,尺寸我一般用的就是相册上的小图,右键—属性—地址)和链接换上你的,写上摘要粘贴到你日志下面的“摘要”里就好了。

 网易博客代码(日志摘要的图片右侧加文字) - lucilili -

日志链接地址要先把日志发表后,在预览状态下,点击“固定链接”可获得。

  网易博客代码(日志摘要的图片右侧加文字) - lucilili -

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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