清风徐来的博客

欢迎朋友来访

日志

关于我

清风随来

文章分类

LOFTER精选

八招诀窍，教你实力撩妹 >

【转载】音画边框

2017-08-25 16:40:12| 分类：各种素材 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

本文转载自江南浪子《音画边框》

音画边框 - 江南浪子 - 江南浪子的博客

文字写在这里

老小孩推出的最新版，允许博客的页面宽度达到了920px，这使“音画边框”这样一个背景形式得益不少。现在可以将两边做得宽一些，内部的插画也可以大一些。这期的12个边框内预先放置了以冬景为主的插图，大小是500×375。网友们使用边框时可以调换成符合自己博客主题的插图。

音画边框 - 江南浪子 - 江南浪子的博客

边框2010DEC_01-复制开始

音画边框 - 江南浪子 - 江南浪子的博客

文字写在这里

老小孩推出的最新版，允许博客的页面宽度达到了920px，这使“音画边框”这样一个背景形式得益不少。现在可以将两边做得宽一些，内部的插画也可以大一些。这期的12个边框内预先放置了以冬景为主的插图，大小是500×375。网友们使用边框时可以调换成符合自己博客主题的插图。

音画边框 - 江南浪子 - 江南浪子的博客

边框2010DEC_01-复制结束

边框2010DEC_02-复制开始

音画边框 - 江南浪子 - 江南浪子的博客

文字写在这里

老小孩推出的最新版，允许博客的页面宽度达到了920px，这使“音画边框”这样一个背景形式得益不少。现在可以将两边做得宽一些，内部的插画也可以大一些。这期的12个边框内预先放置了以冬景为主的插图，大小是500×375。网友们使用边框时可以调换成符合自己博客主题的插图。

音画边框 - 江南浪子 - 江南浪子的博客

边框2010DEC_02-复制结束

边框2010DEC_03-复制开始

音画边框 - 江南浪子 - 江南浪子的博客

文字写在这里

老小孩推出的最新版，允许博客的页面宽度达到了920px，这使“音画边框”这样一个背景形式得益不少。现在可以将两边做得宽一些，内部的插画也可以大一些。这期的12个边框内预先放置了以冬景为主的插图，大小是500×375。网友们使用边框时可以调换成符合自己博客主题的插图。

音画边框 - 江南浪子 - 江南浪子的博客

边框2010DEC_03-复制结束

边框2010DEC_04-复制开始

音画边框 - 江南浪子 - 江南浪子的博客

文字写在这里

老小孩推出的最新版，允许博客的页面宽度达到了920px，这使“音画边框”这样一个背景形式得益不少。现在可以将两边做得宽一些，内部的插画也可以大一些。这期的12个边框内预先放置了以冬景为主的插图，大小是500×375。网友们使用边框时可以调换成符合自己博客主题的插图。

音画边框 - 江南浪子 - 江南浪子的博客

边框2010DEC_04-复制结束

边框2010DEC_05-复制开始

音画边框 - 江南浪子 - 江南浪子的博客

老小孩推出的最新版，允许博客的页面宽度达到了920px，这使“音画边框”这样一个背景形式得益不少。现在可以将两边做得宽一些，内部的插画也可以大一些。这期的12个边框内预先放置了以冬景为主的插图，大小是500×375。网友们使用边框时可以调换成符合自己博客主题的插图。

文字写在这里

边框2010DEC_05-复制结束

边框2010DEC_06-复制开始

音画边框 - 江南浪子 - 江南浪子的博客

文字写在这里

老小孩推出的最新版，允许博客的页面宽度达到了920px，这使“音画边框”这样一个背景形式得益不少。现在可以将两边做得宽一些，内部的插画也可以大一些。这期的12个边框内预先放置了以冬景为主的插图，大小是500×375。网友们使用边框时可以调换成符合自己博客主题的插图。

音画边框 - 江南浪子 - 江南浪子的博客

边框2010DEC_06-复制结束

边框2010DEC_07-复制开始

音画边框 - 江南浪子 - 江南浪子的博客

文字写在这里

老小孩推出的最新版，允许博客的页面宽度达到了920px，这使“音画边框”这样一个背景形式得益不少。现在可以将两边做得宽一些，内部的插画也可以大一些。这期的12个边框内预先放置了以冬景为主的插图，大小是500×375。网友们使用边框时可以调换成符合自己博客主题的插图。

音画边框 - 江南浪子 - 江南浪子的博客

边框2010DEC_07-复制结束

边框2010DEC_08-复制开始

音画边框 - 江南浪子 - 江南浪子的博客

音画边框 - 江南浪子 - 江南浪子的博客

文字写在这里

老小孩推出的最新版，允许博客的页面宽度达到了920px，这使“音画边框”这样一个背景形式得益不少。现在可以将两边做得宽一些，内部的插画也可以大一些。这期的12个边框内预先放置了以冬景为主的插图，大小是500×375。网友们使用边框时可以调换成符合自己博客主题的插图。

音画边框 - 江南浪子 - 江南浪子的博客

边框2010DEC_08-复制结束

边框2010DEC_09-复制开始

音画边框 - 江南浪子 - 江南浪子的博客

文字写在这里

老小孩推出的最新版，允许博客的页面宽度达到了920px，这使“音画边框”这样一个背景形式得益不少。现在可以将两边做得宽一些，内部的插画也可以大一些。这期的12个边框内预先放置了以冬景为主的插图，大小是500×375。网友们使用边框时可以调换成符合自己博客主题的插图。

音画边框 - 江南浪子 - 江南浪子的博客

边框2010DEC_09-复制结束

边框2010DEC_10-复制开始

音画边框 - 江南浪子 - 江南浪子的博客

文字写在这里

老小孩推出的最新版，允许博客的页面宽度达到了920px，这使“音画边框”这样一个背景形式得益不少。现在可以将两边做得宽一些，内部的插画也可以大一些。这期的12个边框内预先放置了以冬景为主的插图，大小是500×375。网友们使用边框时可以调换成符合自己博客主题的插图。

音画边框 - 江南浪子 - 江南浪子的博客

边框2010DEC_10-复制结束

边框2010DEC_11-复制开始

音画边框 - 江南浪子 - 江南浪子的博客

文字写在这里

老小孩推出的最新版，允许博客的页面宽度达到了920px，这使“音画边框”这样一个背景形式得益不少。现在可以将两边做得宽一些，内部的插画也可以大一些。这期的12个边框内预先放置了以冬景为主的插图，大小是500×375。网友们使用边框时可以调换成符合自己博客主题的插图。

音画边框 - 江南浪子 - 江南浪子的博客

边框2010DEC_11-复制结束

复制开始_09SEP_01

文字写从这里开始写

音画边框 - 江南浪子 - 江南浪子的博客

复制结束_09SEP_01

复制开始_09SEP_02

文字写从这里开始写

复制结束_09SEP_02

复制开始_09SEP_03

文字写从这里开始写

复制结束_09SEP_03

复制开始_09SEP_04

文字写从这里开始写

音画边框 - 江南浪子 - 江南浪子的博客

复制结束_09SEP_04

复制开始_09SEP_05

文字写从这里开始写

复制结束_09SEP_05

复制开始_09SEP_06

文字写从这里开始写

复制结束_09SEP_06

复制开始_09SEP_07

文字写从这里开始写

复制结束_09SEP_07

复制开始_09SEP_08

文字写从这里开始写

复制结束_09SEP_08

复制开始_09SEP_09

文字写从这里开始写

音画边框 - 江南浪子 - 江南浪子的博客

复制结束_09SEP_09

复制开始_09SEP_10

文字写从这里开始写

复制结束_09SEP_10

复制开始_09SEP_11

文字写从这里开始写

复制结束_09SEP_11

复制开始_09SEP_12

文字写从这里开始写

音画边框 - 江南浪子 - 江南浪子的博客

复制结束_09SEP_12

复制开始_09SEP_13

文字写从这里开始写

复制结束_09SEP_13

复制开始_09SEP_14

文字写从这里开始写

音画边框 - 江南浪子 - 江南浪子的博客

复制结束_09SEP_14

复制开始_09SEP_15

文字写从这里开始写

音画边框 - 江南浪子 - 江南浪子的博客

复制结束_09SEP_15

S型边框--用于非宽屏风格

边框将分 L、S 两型

现在老小孩博客日记可以用“宽屏显示”了，但因为品种少，很多网友还习惯地使用“新面孔”的老风格，日记的宽度依然是560像素。而宽屏风格的宽度是770像素（720），一个边框要适合宽窄两种风格有点困难。不是一个说太瘦，就是一个说太胖。在一时还找不到更好的通融办法之前，打算将一套边框分L、S两种尺码，S型适合560px宽度风格的网友，L型适合用宽屏风格的网友。昨天发表的“适用于宽屏的边框”算“L”型。今天将这十个边框“减磅”，算“S”型。请朋友们各取所需。

也请朋友们出谋划策，共同努力，使我们的博客更美丽。

老小孩的朋友们，加油！

复制开始--S--21--

文字写在这里

这款边框适合用在非宽屏的风格网页上，在“宽屏风格”也会满屏显示。只是显得左右边太单薄。

复制结束--S--21--

复制开始--S--22--

文字写在这里

这款边框适合用在非宽屏的风格网页上，在“宽屏风格”也会满屏显示。只是显得左右边太单薄。

复制结束--S--22--

复制开始--S--23--

文字写在这里

这款边框适合用在非宽屏的风格网页上，在“宽屏风格”也会满屏显示。只是显得左右边太单薄。

复制结束--S--23--

复制开始--S--24--

文字写在这里

这款边框适合用在非宽屏的风格网页上，在“宽屏风格”也会满屏显示。只是显得左右边太单薄。

复制结束--S--24--

复制开始--S--25--

文字写在这里

这款边框适合用在非宽屏的风格网页上，在“宽屏风格”也会满屏显示。只是显得左右边太单薄。

复制结束--S--25--

复制开始--S--26--

文字写在这里

这款边框适合用在非宽屏的风格网页上，在“宽屏风格”也会满屏显示。只是显得左右边太单薄。

复制结束--S--26--

复制开始--S--27--

文字写在这里

这款边框适合用在非宽屏的风格网页上，在“宽屏风格”也会满屏显示。只是显得左右边太单薄。

复制结束--S--27--

复制开始--S--28--

文字写在这里

这款边框适合用在非宽屏的风格网页上，在“宽屏风格”也会满屏显示。只是显得左右边太单薄。

复制结束--S--28--

复制开始--S--29--

文字写在这里

这款边框适合用在非宽屏的风格网页上，在“宽屏风格”也会满屏显示。只是显得左右边太单薄。

复制结束--S--29--

复制开始--S--30--

文字写在这里

这款边框适合用在非宽屏的风格网页上，在“宽屏风格”也会满屏显示。只是显得左右边太单薄。

复制结束--S--30--

适用于宽屏的边框

宽边边框的说明

老小孩博客日记可以用“宽屏显示”了，至少从原来的550px到了现在的约770px（720px），真爽。过去提供的边框，虽然也能“宽屏显示”，但当时为了适应老小孩的窄屏，将边框的左右两边做得很窄，以使内部的空间大一点。漂亮的边框发挥不了优势。网上流传的宽边框不经改造，很难使用。现在有了宽屏的风格设置，这个缺点可以克服了。

这里先推出十个用于“宽屏”的边框样品，投石问路，看看是不是能满足老小孩的需要；还有那些需要改进。朋友们尽管用，希望能不吝施教，多多提出改进的意见

边框的取材于“好运会来”介绍的“网页精美套装”的第21~30号。这是由“林可儿”整理过的边框，特表感谢。现在用的小图素材及分隔条已全上传到老小孩网站，大图没有上传，读者如有兴趣可按图索骥去查看。

加油，老小孩！

说明：原有的大图已经全部掉了链接，故已全删除。

（2009-01-28）

20100-12-22记，现在老小孩的博客宽度放大到920，边框里的尺寸也要加200。

复制开始--宽--21--

文字写在这里

内腔尺寸约550px，左右留空15px。

复制结束--宽--21--

复制开始--宽--22--

文字写在这里

内腔尺寸约550px，左右留空15px。

复制结束--宽--22--

复制开始--宽--23--

文字写在这里

内腔尺寸约550px，左右留空15px。

复制结束--宽--23--

复制开始--宽--24--

文字写在这里

内腔尺寸约550px，左右留空15px。

复制结束--宽--24--

复制开始--宽--25--

文字写在这里

内腔尺寸约550px，左右留空15px。

复制结束--宽--25--

复制开始--宽--26--

文字写在这里

内腔尺寸约550px，左右留空15px。

复制结束--宽--26--

复制开始--宽--27--

文字写在这里

内腔尺寸约550px，左右留空15px。

复制结束--宽--27--

复制开始--宽--28--

文字写在这里

内腔尺寸约550px，左右留空15px。

复制结束--宽--28--

复制开始--宽--29--

文字写在这里

内腔尺寸约550px，左右留空15px。

复制结束--宽--29--

复制开始--宽--30--

文字写在这里

内腔尺寸约550px，左右留空15px。

复制结束--宽--30--

--复制开始-A-00-

边框使用说明

这里提供的边框是常规的音画边框，只是为了适应老小孩博客的窄版面，减薄了边框的四边，尽量控制在每边55像素之内。这样，对于版面为510像素的老小孩网友，尚可贴进宽度为400像素的照片。

每个边框都配了“图文分隔条”，放在文字上面。它的对齐属性是“居中”的。网友如要在其上方加贴照片，请在分隔条前用鼠标打个“回车”键，在其上方增加一行，再在该行内贴照片。如果要取消这分隔条，请连同它的“居中”属性也一起删除。即：使鼠标的光标返回左边，再在这行上面写文字，对齐属性才是向左的。

这期的边框，所有的小图和“图文分隔条”已全部上传到老小孩网站。老小孩网友可放心使用。别的网站的网友如有需要，可用留言指明边框的编号向我索要原始素材图。其实我也很矛盾，老小孩网站实在不稳定，经常被挂起，就在我整理这些边框的过程中，数次被迫中断。也发现已上传的部分图片，过了一夜，都掉了，只得重新上传。而那些原始的素材，很少发现掉线的现象。但为了老小孩的发展，只能尽力而为了。

--复制结束-A-00-

--复制开始-B1-01-

文字写在这里

行距150%

--复制结束-B1-01-

--复制开始-C1-02-

Divider

文字写在这里

行距150%

--复制结束-C1-02-

--复制开始-C2-03-

文字写在这里

行距150%

--复制结束-C2-03-

--复制开始-D1-04-

文字写在这里

行距150%

--复制结束-D1-04-

--复制开始-H1-05-

文字写在这里

行距150%

--复制结束-H1-05-

--复制开始-H2-06-

文字写在这里

行距150%

--复制结束-H2-06-

--复制开始-H3-07-

文字写在这里

行距150%

--复制结束-H3-07-

--复制开始-L1-08-

文字写在这里

行距150%

--复制结束-L1-08-

--复制开始-P1-09-

文字写在这里

行距150%

--复制结束-P1-09-

--复制开始-P2-10-

文字写在这里

行距150%

--复制结束-P2-10-

--复制开始-P3-11-

文字写在这里

行距150%

--复制结束-P3-11-

--复制开始-Q1-12-

文字写在这里

行距150%

--复制结束-Q1-12-

--复制开始-S1-13-

文字写在这里

行距150%

--复制结束-S1-13-

--复制开始-S2-14-

文字写在这里

行距150%

--复制结束-S2-14-

--复制开始-S3-15-

文字写在这里

行距150%

--复制结束-S3-15-

--复制开始-S4-16-

文字写在这里

行距150%

--复制结束-S4-16-

--复制开始-W1-17-

文字写在这里

行距150%

--复制结束-W1-17-

--复制开始-W2-18-

文字写在这里

行距150%

--复制结束-W2-18-

--复制开始-W3-19-

文字写在这里

行距150%

--复制结束-W3-19-

--复制开始-Y1-20-

文字写在这里

行距150%

--复制结束-Y1-20-

--复制开始-Y2-21-

文字写在这里

行距150%

--复制结束-Y2-21-

--复制开始-P0-22-

文字写在这里

行距150%

--复制结束-P0-22-

如果你喜欢此日志，请点击日志左下方的“推荐”，让大家
分享，也欢迎你点击日志右下方的“引用”（转载），
也算是对江南浪子的支持，谢谢！！！！！

评论这张

转发至微博

阅读(15)| 评论(0)

推荐转载

历史上的今天

在LOFTER的更多文章

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_087074082095081064086087082069072084082069086087080067082086',
              blogTitle:'【转载】音画边框',
              blogAbstract:'  <table width=\"99%\"   cellspacing=\"20\"   cellpadding=\"0\"   border=\"0\"   bgcolor=\"#02000e\"   background=\"http://www.oldkids.cn/upload/12000/u11139/2010/12/21/blog_201012211129259.jpg\"   align=\"center\"   \>  <tbody\>  <tr\>  <td\>  <div align=\"center\"   \>  <table width=\"96%\"   cellspacing=\"0\"   cellpadding=\"3\"   border=\"0\"   bgcolor=\"#02000e\"   background=\"http://www.oldkids.cn/upload/12000/u11139/2010/12/21/tblog_201012211129247.jpg\"   align=\"center\"   \>  <tbody\>  <tr\>  <td\>  <table width=\"100%\"   cellspacing=\"0\"   cellpadding=\"15\"   bordercolor=\"#565974\"   border=\"1\"   bgcolor=\"#02000e\"   background=\"http://www.oldkids.cn/upload/12000/u11139/2010/12/21/blog_201012211129234.gif\"   align=\"center\"   \>  <tbody\>  <tr\>  <td\>  </td\></tr\></table\></td\></tr\></table\></div\></td\></tr\></table\>',
              blogTag:'',
              blogUrl:'blog/static/236216060201772544012136',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:0,
              publishTime:1503650412136,
              permalink:'blog/static/236216060201772544012136',
              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:'',
              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/236216060201772544012136">${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 - 订阅此博客

清风徐来的博客

导航

日志

【转载】音画边框

历史上的今天

最近读者

热度

在LOFTER的更多文章

评论

页脚