欧阳欣悦的第一博

欧阳欣悦原创家园

日志

关于我

欧阳欣悦

世界华语作家联谊会会员、江苏盐城市作家协会会员。作品多发于《当代作家》《中国作家网》等刊物。出版的专集有《诗海飞歌》和《渐去渐远的岁月》,2014年作品在第十二届“新世纪之声*美丽中国” 征文评中荣获诗歌银奖。2015年散文诗作品：荣获第二届中外诗歌散文邀请赛一等奖。此次有多个作品的在国内和网站上获奖。今年有20多首诗歌在《中国作家网》发表。目前担任网易《中国作家协会》、《中华艺术》电子刊等网络编辑。笔名有：云雷、萧湘雪艳等。

文章分类

【转载】【代码应用】用代码在背景图上制作图文并排

2013-10-15 21:35:04| 分类：经典制作与素材收 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

本文转载自夕阳无限美《【代码应用】用代码在背景图上制作图文并排》

图一

2012年05月22日 - 夕阳无限美 - 夕阳无限美欢迎您

山高高，云淡淡

总见山腰留青烟

路漫漫，日晃晃

总把朋友来思念

清明时节雨纷纷

难叫心扉巧周全

川桂山水无限好

更想网友情谊长

图一代码
<br> <div align="center"> <table style="TEXT-ALIGN: center;" border="2" cellspacing="0" bordercolor="#880000" cellpadding="0" bgcolor="#00ff00" align="center"> <tbody> <tr> <td style="BORDER-BOTTOM: #880000 10px groove; BORDER-LEFT: #880000 10px groove; BORDER-COLLAPSE: collapse; BORDER-TOP: #880000 10px groove; BORDER-RIGHT: #880000 10px groove;"> <div align="center"> <table style="TEXT-ALIGN: center;" border="1" cellspacing="0" bordercolor="#00ff00" cellpadding="0" width="700" bgcolor="#ff0000" align="center" height="375"> <tbody> <tr> <td> <p><img tborder="0" hspace="60" align="left" src="图片地址" width="300" height="320"></p><p><span style="line-height: 25px; background-color: rgb(255, 0, 0);"><fonts style="line-height: 25px;"><font face="楷体_gb2312" color="#00ffff" size="4"><b>山高高，云淡淡</b></font></fonts></span></p><p><span style="line-height: 25px; font-family: 楷体_gb2312; background-color: rgb(255, 0, 0);"><font color="#00ffff" size="4"><b>总见山腰留青烟</b></font></span></p><p><span style="line-height: 25px; font-family: 楷体_gb2312; background-color: rgb(255, 0, 0);"><font color="#00ffff" size="4"><b>路漫漫，日晃晃</b></font></span></p><p><span style="line-height: 25px; font-family: 楷体_gb2312; background-color: rgb(255, 0, 0);"><font color="#00ffff" size="4"><b>总把朋友来思念</b></font></span></p><p><span style="line-height: 25px; font-family: 楷体_gb2312; background-color: rgb(255, 0, 0);"><font color="#00ffff" size="4"><b>清明时节雨纷纷</b></font></span></p><p><span style="line-height: 25px; font-family: 楷体_gb2312; background-color: rgb(255, 0, 0);"><font color="#00ffff" size="4"><b>难叫心扉巧周全</b></font></span></p><p><span style="line-height: 25px; font-family: 楷体_gb2312; background-color: rgb(255, 0, 0);"><font color="#00ffff" size="4"><b>川桂山水无限好</b></font></span></p><p><font size="4" face="楷体_gb2312" color="#00ffff"><span style="line-height: 25px; background-color: rgb(255, 0, 0);"><fonts style="line-height: 25px;"><b>更想网友情谊长</b></fonts></span></font></p>
图二

【代码应用】用代码在背景图上制作图文并排 - 夕阳无限美 - 夕阳无限美欢迎您

  山高高，云淡淡
       总见山腰留青烟
路漫漫，日晃晃
       总把朋友来思念
       清明时节雨纷纷
       难叫心扉巧周全
       川桂山水无限好
       更想网友情谊长

2011年10月22日 - 夕阳无限美 - 夕阳无限美de博客

图二代码

</div><div style="TEXT-ALIGN: center;"><br></div><div style="TEXT-ALIGN: center;"><table border="2" cellspacing="0" bordercolor="#ff0088" cellpadding="0" bgcolor="#000000" align="center"><tbody><tr><td style="BORDER-BOTTOM: #88ff00 10px groove; BORDER-LEFT: #88ff00 10px groove; BORDER-COLLAPSE: collapse; BORDER-TOP: #88ff00 10px groove; BORDER-RIGHT: #88ff00 10px groove;"><div align="center"><table border="1" cellspacing="0" bordercolor="#ff0000" cellpadding="0" width="700" bgcolor="#ffb887" align="center" height="375"><tbody><tr><td><p><img border="0" hspace="60" rc="图片地址" width="300" height="320"></p><font style="font-size: 20px;"><font style="font-size: 22px;"><p style="text-indent: 2em;" align="center"><font color="#ffff00" style="font-weight: bold; font-family: 隶书;">  </font><font style="color: rgb(255, 0, 0); font-weight: bold; font-family: 隶书;"> </font><font face="楷体_gb2312"><b>山高高，云淡淡<br></b></font><fonts><font face="楷体_gb2312"><b>       总见山腰留青烟<br></b></font><fonts><font face="楷体_gb2312"><b>       路漫漫，日晃晃<br></b></font><fonts><font face="楷体_gb2312"><b>       总把朋友来思念<br></b></font><fonts><font face="楷体_gb2312"><b>       清明时节雨纷纷<br></b></font><fonts><font face="楷体_gb2312"><b>       难叫心扉巧周全<br></b></font><fonts><font face="楷体_gb2312"><b>       川桂山水无限好<br></b></font><fonts><font face="楷体_gb2312"><b>       更想网友情谊长</b></font><strong style="font-weight: bold; font-family: 隶书; color: rgb(255, 255, 0); font-size: 20px;"><font style="FONT-SIZE: 22px;" color="#ff0000"></font></strong></fonts></fonts></fonts></fonts></fonts></fonts></fonts></p></font></font><strong style="font-family: 隶书; font-size: 20px; color: rgb(255, 255, 0);"><font style="FONT-SIZE: 22px;" color="#ff0000"><div style="text-align: center; display: inline !important;"><strong style="font-size: 20px; color: rgb(255, 255, 0);"><font style="FONT-SIZE: 22px;" color="#ff0000"><p align="left" style="text-indent: 2em; display: inline !important;"><strong style="font-size: 20px; color: rgb(255, 255, 0);"><font style="FONT-SIZE: 22px;" color="#ff0000">       <img style="WIDTH: 60px; HEIGHT: 60px;" border="0" src="http://img.ph.126.net/tVOtNjxvg2jhjD-TknyKAg==/899312550590726209.jpg"> </font></strong></p><img rc="http://img5.ph.126.net/rXAHXjfRgOwxoORAUrfA3g==/6597310559702486435.gif" style="margin: 0px 10px 0px 0px; width: 46px; height: 47px;"><strong style="line-height: 32px; color: rgb(255, 255, 0); font-size: 20px;"><font color="#ff0000" style="line-height: 35px; font-size: 22px;"><p align="left" style="line-height: 35px; text-indent: 2em; display: inline !important;"><strong style="line-height: 32px; font-size: 20px; color: rgb(255, 255, 0);"><font color="#ff0000" style="line-height: 35px; font-size: 22px;"><img t border="0" src="http://img.ph.126.net/tVOtNjxvg2jhjD-TknyKAg==/899312550590726209.jpg" style="line-height: 35px; width: 60px; height: 60px;"></font></strong></p></font></strong></font></strong></div></font></strong><br></td></tr></tbody></table></div></td></tr></tbody></table></div>

评论这张

转发至微博

阅读(41)| 评论(0)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_087064081081084065093086094071072080080071087083084066080',
              blogTitle:'【转载】【代码应用】用代码在背景图上制作图文并排',
              blogAbstract:'\r\n<CENTER style=\"LINE-HEIGHT: 32px;\"   \>\r\n<TABLE style=\"BORDER-BOTTOM: rgb(255,0,0) 6px dotted; BORDER-LEFT: rgb(255,0,0) 5px dotted; LINE-HEIGHT: 32px; WIDTH: 600px; HEIGHT: 100px; BORDER-TOP: rgb(255,0,0) 5px dotted; BORDER-RIGHT: rgb(255,0,0) 5px dotted;\"   cellSpacing=\"0\"  width=\"600\"  align=\"center\"  \>\r\n<TBODY style=\"LINE-HEIGHT: 32px;\"   \>\r\n<TR style=\"LINE-HEIGHT: 32px;\"   \>\r\n<TD style=\"LINE-HEIGHT: 32px;\"   \>\r\n<TABLE style=\"BORDER-BOTTOM: rgb(0,255,0) 3px dotted; BORDER-LEFT: rgb(0,255,0) 3px dotted; LINE-HEIGHT: 32px; WIDTH: 600px; HEIGHT: 100px; BORDER-TOP: rgb(0,255,0) 3px dotted; BORDER-RIGHT: rgb(0,255,0) 3px dotted;\"   cellSpacing=\"0\"  width=\"600\"  align=\"center\"  \>\r\n<TBODY style=\"LINE-HEIGHT: 32px;\"   \>\r\n<TR style=\"LINE-HEIGHT: 32px;\"   \>\r\n<TD style=\"LINE-HEIGHT: 32px;\"   \>\r\n</TD\></TR\></TABLE\></TD\></TR\></TABLE\></CENTER\>',
              blogTag:'',
              blogUrl:'blog/static/6143521420139159354615',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:0,
              publishTime:1381844104615,
              permalink:'blog/static/6143521420139159354615',
              commentCount:0,
              mainCommentCount:0,
              recommendCount:0,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:false,
              hostIntro:'世界华语作家联谊会会员、江苏盐城市作家协会会员。作品多发于《当代作家》《中国作家网》等刊物。出版的专集有《诗海飞歌》和《渐去渐远的岁月》,2014年作品在第十二届“新世纪之声*美丽中国” 征文评中荣获诗歌银奖。2015年散文诗作品：荣获第二届中外诗歌散文邀请赛一等奖。此次有多个作品的在国内和网站上获奖。今年有20多首诗歌在《中国作家网》发表。目前担任网易《中国作家协会》、《中华艺术》电子刊等网络编辑。笔名有：云雷、萧湘雪艳等。',
              hmcon:'1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/6143521420139159354615">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

欧阳欣悦的第一博

导航

日志

【转载】【代码应用】用代码在背景图上制作图文并排

历史上的今天

最近读者

热度

评论

页脚