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

北漂

飘到哪里去呢?

 
 
 

日志

 
 
关于我

疏于打理,请原谅。

网易考拉推荐

使用表格在图片上写字[原创]  

2010-01-23 20:12:29|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

 

 

 

使用表格在图片上写字

 

 

选中了一张喜欢的图片(如下图)如何在空白位置写上自己想写的文字呢?

2009年10月13日 - 静中有动 - 静中有动

        这张图有二个空白区,左边的为竖形空白,右边的是横形空白,设想左边的写竖排字,右边的写横排字这样比较恰当。由于这张图片的写字区是在特定的二个位置,用常规代码写字是无法实现的,让我们考虑用表格来实现吧!

        表格的特点是可以用行和列来栏出写字区,这样就可以实现输入的图文在该写字区内。那怎样来栏出写字区呢?先来分析一下这张图片,这张图片的写字区是在同一行的二个区,按理说只要建个一行二列的表格就行了,然而由于右侧的列上有较大的图形区,为了使字不写到图形上,所以还得建立图形区来避让。由于左侧的图形区小可用位移文字的方法来解决定位,所以就不用建立图形区了。这样一来我们只要建一个一行三列的表格就行了。

        已知图片的总宽为700像素,我们设置左区的宽度为190像素;中区的宽度为350像素;右区的宽度为160像素,在图片上建立一个一行三列的表格。

图片分区表格图形:

 

图片分区表格基本代码:

<TABLE height=404 cellSpacing=0 cellPadding=0 width=700 align=center background=http://img.ph.126.net/HrMOvz3RLtuNKrI_27yPSg==/3304797701560282129.jpg border=2>
<TBODY>
<TR>
<TD width=190></TD>
<TD align=left></TD>
<TD width=160></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

 

 下面我们在以上基本表格上首先写左区的竖字,文字示例如下:

彼此的忙碌不阻真诚。

热情的关怀不分四季;

永远的朋友不会分离;

真诚的友谊不会忘记;

 

左区文字代码如下: 

<TABLE height=404 cellSpacing=0 cellPadding=0 width=700 align=center background=http://img851.ph.126.net/cK9nq1rqAvVyvTpPWJx0gg==/2715107625351641512.jpg border=0>
<TBODY>
<TR>
<TD width=190>
<DIV style="FONT-SIZE: 10pt; WIDTH: 170px; COLOR: #b5a642; LINE-HEIGHT: 150%; FONT-FAMILY: 楷体    _GB2312" FONT middle height="250" scrollAmount="1">
<DIV style="WRITING-MODE: tb-rl">
<DIV align=center>
<DIV style="FONT-SIZE: 15pt; WRITING-MODE: tb-rl; TEXT-ALIGN: center; face: 黑体">
<P align=center><FONT face=楷体_GB2312 color=#800000><STRONG>彼此的忙碌不阻真诚。</STRONG></FONT></P>
<P align=center><FONT face=楷体_GB2312 color=#800000><STRONG>热情的关怀不分四季;</STRONG></FONT></P>
<P align=center><FONT face=楷体_GB2312 color=#800000><STRONG>永远的朋友不会分离;</STRONG></FONT></P>
<P align=center><FONT face=楷体_GB2312 color=#800000><STRONG>真诚的友谊不会忘记;</STRONG></FONT></P></FONT></DIV></DIV></DIV></FONT></A></DIV>

</TD>
<TD align=left></TD>
<TD width=160></TD></TR></TBODY></TABLE>

注:红色为竖排文字及其代码。其中:WIDTH: 170px的数字大小可调整文字左右位置。

 

其次我们再在中区写横排字,文字示例如下:

彼此的忙碌不阻真诚。

热情的关怀不分四季;

永远的朋友不会分离;

真诚的友谊不会忘记;

   

 

 将鼠标移到博客网页的左上方“向下绿箭头”上,在出现的菜单上点“写日志”,出来“写日志”页面后再点一下“写日志”页面右上的“全部功能”,然后再点“写日志”页面顶端工具栏上的“插图”,在出来的对话框中从电脑中上传图片到日志中就行了。

全图文字代码如下: 

<TABLE height=404 cellSpacing=0 cellPadding=0 width=700 align=center background=http://img851.ph.126.net/cK9nq1rqAvVyvTpPWJx0gg==/2715107625351641512.jpg border=0>
<TBODY>
<TR>
<TD width=190>
<DIV style="FONT-SIZE: 10pt; WIDTH: 170px; COLOR: #b5a642; LINE-HEIGHT: 150%; FONT-FAMILY: 楷体    _GB2312" scrollAmount="1" height="250" FONT middle>
<DIV style="WRITING-MODE: tb-rl">
<DIV align=center>
<DIV style="FONT-SIZE: 15pt; WRITING-MODE: tb-rl; TEXT-ALIGN: center; face: 黑体">
<P align=center><FONT face=楷体_GB2312 color=#800000><STRONG>彼此的忙碌不阻真诚。</STRONG></FONT></P>
<P align=center><FONT face=楷体_GB2312 color=#800000><STRONG>热情的关怀不分四季;</STRONG></P>
<P align=center><FONT face=楷体_GB2312 color=#800000><STRONG>永远的朋友不会分离;</STRONG></FONT></P>
<P align=center><FONT face=楷体_GB2312 color=#800000><STRONG>真诚的友谊不会忘记;</STRONG></FONT></P></FONT></DIV></DIV></DIV></FONT></A></DIV></TD>
<TD align=left>&nbsp;&nbsp;&nbsp;
<P style="TEXT-INDENT: 2em">&nbsp;</P>
<P style="TEXT-INDENT: 2em"></FONT><FONT face=楷体_GB2312 color=#800000 size=4><STRONG>&nbsp;将鼠标移到博客网页的左上方“向下绿箭头”上,在出现的菜单上点“写日志”,出来“写日志”页面后再点一下“写日志”页面右上的“全部功能”,然后再点“写日志”页面顶端工具栏上的“插图”,在出来的对话框中从电脑中上传图片到日志中就行了。<BR><BR></STRONG></FONT></P
>
</TD>
<TD width=160><STRONG><FONT face=楷体_GB2312 size=5></FONT></STRONG></TD></TR></TBODY></TABLE></P>
 
注:红色为中区横排文字及代码。<TD align=left>中区的文字左对齐
 
以上是我在学习图片上写字的习作和体会,供需要的朋友学习参考。

 

 


 

精美花边素材 - 静中有动 - 静中有动精美花边素材 - 静中有动 - 静中有动精美花边素材 - 静中有动 - 静中有动

 

2009年10月13日 - 静中有动 - 静中有动

2009年10月13日 - 静中有动 - 静中有动

  评论这张
 
阅读(259)| 评论(1)
推荐 转载

历史上的今天

评论

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

页脚

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