天涯部落

小圈子,大声音!呼朋引伴网聚部落!

创建新部落?

[图文边框]分享一组自制边框

楼主:美到心间 时间:2013-03-23 09:25:52 点击:27418 回复:58
脱水模式给他打赏只看楼主 阅读设置
     
   
    1.

          


    
      

 
    常言道:人在衣裳马在鞍,云想衣衫花想容。合理的装饰,才能使美得事物更美。而贴子自然也需要妙手编辑,才会绿叶配鲜花,红粉赠佳人,相得益彰。
    最近的精力多半用在学习编辑上,因而也似是而非地明白了一些编辑的曲曲弯弯,自编了一组边框,分享给大家。
    本组编辑的最大特点是背景也可选用边框最后的图片地址,相互呼应、协调搭配。届时根据所选主题图片选用相宜色彩的边框即可,将为大家在编辑时节约大量的时间。另外自编的边框,在天涯也是比较新颖的,欢迎大家拿去。
  
  

楼主美到心间 时间:2013-03-23 09:29:00
   2. 

    
  
楼主美到心间 时间:2013-03-23 09:30:00
   3.
楼主美到心间 时间:2013-03-23 09:31:00
  4.
楼主美到心间 时间:2013-03-23 09:32:00
   5. 
楼主美到心间 时间:2013-03-23 09:32:00
   6.
楼主美到心间 时间:2013-03-23 09:34:00
   7.
楼主美到心间 时间:2013-03-23 09:35:00
    8.
 
楼主美到心间 时间:2013-03-23 09:35:00
  9.
楼主美到心间 时间:2013-03-23 09:36:00
   10
楼主美到心间 时间:2013-03-23 09:38:00
   11
楼主美到心间 时间:2013-03-23 09:39:00
   12

  
楼主美到心间 时间:2013-03-23 09:40:00
   13. 

 

  
  
    

    
楼主美到心间 时间:2013-03-23 09:41:00
  14 

 

    
    
    
    
楼主美到心间 时间:2013-03-23 09:43:00
   15

  
  
  
  

  
楼主美到心间 时间:2013-03-23 09:44:00
  16 

 

      
      
      
      

      
楼主美到心间 时间:2013-03-23 09:44:00
   17 

 

    
    
    
    

      
楼主美到心间 时间:2013-03-23 09:45:00
   18

 

    
    
    
    
    
    
    

    
楼主美到心间 时间:2013-03-23 09:45:00
   19 

 

        
  
  
    
    
    

    
楼主美到心间 时间:2013-03-23 09:46:00
   20 

 

          
      
    
    
    
楼主美到心间 时间:2013-03-23 09:48:00
  以上诸层楼请路过管理点编辑,稍后再附上代码。
作者 :微斯雨 时间:2013-03-25 20:50:00
  首先感谢楼主分享。但是主帖到11楼实际是一种边框,本质相同,不同之处在只要改变一下边框颜色和背景图片即可。整个12楼到19楼的实际也算一种边框,区别只在改变边框颜色和相关背景图片即可。所以只需附上分别两种边框代码即可,以免网友看的眼花缭乱。
作者 :嗨沙漠 时间:2013-04-01 19:23:00
  谢谢分享
楼主美到心间 时间:2013-04-05 14:08:00
  12 代码:
  <table id="table83" style="BORDER-RIGHT:#F5DEB3 4px dashed; BORDER-TOP:#F5DEB3 4px dashed; BORDER-LEFT:#F5DEB3 4px dashed; BORDER-BOTTOM:#F5DEB3 4px dashed" cellspacing="0" width="730" align="center"><tbody><tr><td><table id="table84" style="WIDTH: 730px; HEIGHT: 2px" bordercolor="#EEDC82" cellspacing="10" cellpadding="10" width="440" align="center" background="http://img3.laibafile.cn/p/m/136437921.jpg" border="2"><tbody><tr><td bordercolor="#99cc66" width="100%">
  
  19 代码
  <center><table cellspacing="15" bordercolordark="#aab8ee" cellpadding="0" width="75%" bordercolorlight="#aab8ee" background="http://img3.laibafile.cn/p/m/136171755.jpg" border="1"><tbody><tr><td><p style="TEXT-INDENT: 2em"></p><table cellspacing="6" cellpadding="20" width="100%" bgcolor="#009900" background="http://img3.laibafile.cn/p/m/136434916.jpg" border="1"><tbody><tr><td> <center><img style="FILTER: alpha(opacity=100,style=2)" <br="2">
作者 :凤翔绢舞 时间:2013-04-06 19:40:00
  @美到心间 挺漂亮的,有的没有代码呢
作者 :余聪 时间:2013-04-10 02:08:00
  楼主这一组不错,建议楼主分开发表,就按19个帖子,编号也按我们以前的顺序:)
楼主美到心间 时间:2013-04-10 17:52:00
  1. <STYLE>body{background:url(http://img3.laibafile.cn/p/m/136438008.jpg);background-attachment:fixed}</STYLE><STYLE><!--.content { BACKGROUND-COLOR: TRANSPARENT;color:#0000CD
    ;FONT-FAMILY:黑体;LINE-HEIGHT:27px;FONT-SIZE:16px} a:hover { color: purple; text-decoration: underline} a:link { color:red; text-decoration: none} a:visited { color: purple; text-decoration: none}--></STYLE>  
   
    1.<table id="table79" style="BORDER-RIGHT: #996642 4px dashed; BORDER-TOP: #996642 4px dashed; BORDER-LEFT: #996600 4px dashed; BORDER-BOTTOM: #996642 4px dashed" cellspacing="0" width="735" align="center"><tbody><tr><td><table id="table80" style="WIDTH: 735px; HEIGHT: 2px" bordercolor="#cc6600" cellspacing="10" cellpadding="10" width="440" align="center" background="http://img3.laibafile.cn/p/m/135955247.jpg" border="2"><tbody><tr><td bordercolor="#996600" width="100%">
          <p align="center"></p>
    <IMG src="http://img3.laibafile.cn/p/m/125556119.jpg" style="FILTER: alpha(opacity=350,style=4)"width=600></CENTER>
      <P align=left><FONT style="FILTER: WIDTH:100%; LINE-HEIGHT:180%; FONT-FAMILY: 楷体_GB2312; COLOR:#000000; FONT-SIZE:21px"><b> 
楼主美到心间 时间:2013-04-10 17:53:00
   2. <table id="table83" style="BORDER-RIGHT: #A2B5CD 4px dashed; BORDER-TOP: #A2B5CD 4px dashed; BORDER-LEFT: #A2B5CD 4px dashed; BORDER-BOTTOM: #A2B5CD 4px dashed" cellspacing="0" width="730" align="center"><tbody><tr><td><table id="table84" style="WIDTH: 730px; HEIGHT: 2px" bordercolor="#99cc66" cellspacing="10" cellpadding="10" width="440" align="center" background="http://img3.laibafile.cn/p/m/136086771.jpg" border="2"><tbody><tr><td bordercolor="#99cc66" width="100%">
          
  
  
  
  
楼主美到心间 时间:2013-04-10 17:54:00
  3. <table id="table83" style="BORDER-RIGHT: #1C86EE 4px dashed; BORDER-TOP: #1C86EE 4px dashed; BORDER-LEFT: #00C5CD 4px dashed; BORDER-BOTTOM: #00C5CD 4px dashed" cellspacing="0" width="730" align="center"><tbody><tr><td><table id="table84" style="WIDTH: 730px; HEIGHT: 2px" bordercolor="#99cc66" cellspacing="10" cellpadding="10" width="440" align="center" background="http://img3.laibafile.cn/p/m/120143858.jpg" border="2"><tbody><tr><td bordercolor="#99cc66" width="100%">
            
楼主美到心间 时间:2013-04-10 18:03:00
  4.
  <table id="table63" cellspacing="0" width="710" align="center"><tbody><tr><td><table id="table64" style="WIDTH: 730px; HEIGHT: 2px" bordercolor="#FF99CC" cellspacing="10" cellpadding="10" width="440" align="center" background="http://img3.laibafile.cn/getimgXXX/1/1/photo1/2011/5/21/middle/72654399_37753694_middle.jpg" border="2"><tbody><tr><td bordercolor="#99ccff" width="100%">
    
楼主美到心间 时间:2013-04-10 18:03:00
   5. <table id="table63" style="BORDER-RIGHT: #9F79EE 4px dashed; BORDER-TOP:#9F79EE 4px dashed; BORDER-LEFT: #9F79EE 4px dashed; BORDER-BOTTOM: #9F79EE 4px dashed" cellspacing="0" width="730" align="center"><tbody><tr><td><table id="table64" style="WIDTH: 730px; HEIGHT: 2px" bordercolor="#BF3EFF" cellspacing="10" cellpadding="10" width="440" align="center" background="http://img3.laibafile.cn/p/m/135321655.jpg" border="2"><tbody><tr><td bordercolor="#99ccff" width="100%">
  
楼主美到心间 时间:2013-04-10 18:04:00
   6.<table id="table63" style="BORDER-RIGHT:#EECBAD 4px dashed; BORDER-TOP:#EECBAD 4px dashed; BORDER-LEFT:#EECBAD 4px dashed; BORDER-BOTTOM:#EECBAD 5px dashed" cellspacing="0" width="710" align="center"><tbody><tr><td><table id="table64" style="WIDTH: 730px; HEIGHT: 2px" bordercolor="#EE9572" cellspacing="10" cellpadding="10" width="440" align="center" background="http://img3.laibafile.cn/p/m/136436820.jpg" border="2"><tbody><tr><td bordercolor="#99ccff" width="100%">
楼主美到心间 时间:2013-04-10 18:05:00
   7.<table id="table63" style="BORDER-RIGHT:#EE799F 5px dashed; BORDER-TOP:#EE799F 5px dashed; BORDER-LEFT:#EE799F 5px dashed; BORDER-BOTTOM:#EE799F 5px dashed" cellspacing="0" width="710" align="center"><tbody><tr><td><table id="table64" style="WIDTH: 730px; HEIGHT: 2px" bordercolor="#FF99CC" cellspacing="10" cellpadding="10" width="440" align="center" background="http://img3.laibafile.cn/p/m/136434648.jpg" border="2"><tbody><tr><td bordercolor="#99ccff" width="100%">
楼主美到心间 时间:2013-04-10 18:08:00
   8.<table id="table63" style="BORDER-RIGHT:#00BFFF 4px dashed; BORDER-TOP:#00BFFF 4px dashed; BORDER-LEFT: #00BFFF 4px dashed; BORDER-BOTTOM:#00BFFF 4px dashed" cellspacing="0" width="730" align="center"><tbody><tr><td><table id="table64" style="WIDTH: 730px; HEIGHT: 2px" bordercolor="#00C5CD" cellspacing="10" cellpadding="10" width="440" align="center" background="http://img3.laibafile.cn/p/m/136465402.jpg" border="2"><tbody><tr><td bordercolor="#99ccff" width="100%"> 
楼主美到心间 时间:2013-04-10 18:08:00
  9.<table id="table83" style="BORDER-RIGHT:#43CD80 4px dashed; BORDER-TOP: #43CD80 4px dashed; BORDER-LEFT:#43CD80 4px dashed; BORDER-BOTTOM:#43CD80 4px dashed" cellspacing="0" width="730" align="center"><tbody><tr><td><table id="table84" style="WIDTH: 730px; HEIGHT: 2px" bordercolor="#00EE00" cellspacing="10" cellpadding="10" width="440" align="center" background="http://img3.laibafile.cn/p/m/136465056.jpg" border="2"><tbody><tr><td bordercolor="#99cc66" width="100%">
楼主美到心间 时间:2013-04-10 18:09:00
   10<table id="table83" style="BORDER-RIGHT:#87CEFF 4px dashed; BORDER-TOP: #87CEFF 4px dashed; BORDER-LEFT:#87CEFF 4px dashed; BORDER-BOTTOM:#87CEFF 4px dashed" cellspacing="0" width="730" align="center"><tbody><tr><td><table id="table84" style="WIDTH: 730px; HEIGHT: 2px" bordercolor="#4876FF" cellspacing="10" cellpadding="10" width="440" align="center" background="http://img3.laibafile.cn/p/m/136584935.jpg" border="2"><tbody><tr><td bordercolor="#99cc66" width="100%">
楼主美到心间 时间:2013-04-10 18:10:00
   11<table id="table83" style="BORDER-RIGHT:#CDB38B 4px dashed; BORDER-TOP: #CDB38B 4px dashed; BORDER-LEFT:#CDB38B 4px dashed; BORDER-BOTTOM:#CDB38B 4px dashed" cellspacing="0" width="730" align="center"><tbody><tr><td><tableid="table84" style="WIDTH: 730px; HEIGHT: 2px" bordercolor="#CD8162" cellspacing="10" cellpadding="10" width="440" align="center" background="http://img3.laibafile.cn/p/m/136464427.jpg" border="2"><tbody><tr><td bordercolor="#99cc66" width="100%">
楼主美到心间 时间:2013-04-10 18:11:00
   13. <center><table cellspacing="15" bordercolordark="#8A2BE2" cellpadding="1" width="75%" bordercolorlight="#234120" background="http://img3.laibafile.cn/p/m/130230710.jpg " border="1"><tbody><tr><td><p style="TEXT-INDENT: 2em"></p><table cellspacing="5" cellpadding="20" width="100%" bgcolor="#009900" background="http://zhang9607lin.16789.net/domName/zhang9607lin/20078113394042494.jpg" border="1"><tbody><tr><td> <center><img style="FILTER: alpha(opacity=100,style=2)" <br="2">
  
楼主美到心间 时间:2013-04-10 18:12:00
    14 <center><table cellspacing="15" bordercolordark="#8A2BE5" cellpadding="2" width="75%" bordercolorlight="#234120" background=" http://img3.laibafile.cn/p/m/130230865.jpg" border="1"><tbody><tr><td><p style="TEXT-INDENT: 2em"></p><table cellspacing="5" cellpadding="20" width="100%" bgcolor="#009900" background="http://img3.laibafile.cn/p/m/136615750.jpg" border="1"><tbody><tr><td> <center><img style="FILTER: alpha(opacity=100,style=2)" <br="2">
  
楼主美到心间 时间:2013-04-10 18:13:00
   15<center><table style="BACKGROUND-IMAGE: url(http://img3.laibafile.cn/p/m/136171661.jpg); WIDTH: 75%; BORDER-TOP-STYLE: groove; BORDER-RIGHT-STYLE: groove; BORDER-LEFT-STYLE: groove; BORDER-BOTTOM-STYLE: groove" bordercolor="#218840" cellspacing="20" cellpadding="5" width="75%" align="center" bgcolor="#218840" border="2"> <tbody><tr> <td style="BACKGROUND-IMAGE: url(http://img3.laibafile.cn/p/m/135321847.jpg)" bgcolor="#218868"> <table style="WIDTH: 100%; BORDER-TOP-STYLE: groove; BORDER-RIGHT-STYLE: groove; BORDER-LEFT-STYLE: groove; BORDER-BOTTOM-STYLE: groove" bordercolor="#CCFFFF" cellspacing="0" cellpadding="3" width="100%" bgcolor="#E0EEE0" border="1"><tbody><tr><td>
楼主美到心间 时间:2013-04-10 18:14:00
  16 <center><table cellspacing="15" bordercolordark="#aab8ee" cellpadding="0"width="75%"bordercolorlight="#aab8ee"background="http://img3.laibafile.cn/p/m/136171686.jpg" border="1"><tbody><tr><td><p style="TEXT-INDENT: 2em"></p><table cellspacing="6" cellpadding="20" width="100%" bgcolor="#009900" background="http://img3.laibafile.cn/p/m/135697901.jpg" border="1"><tbody><tr><td> <center><img style="FILTER: alpha(opacity=100,style=2)" <br="2">
      
楼主美到心间 时间:2013-04-10 18:15:00
  17 <center><table cellspacing="15" bordercolordark="#8A2BE2" cellpadding="1" width="75%" bordercolorlight="#234120" background="http://img3.laibafile.cn/p/m/136295621.jpg " border="1"><tbody><tr><td><p style="TEXT-INDENT: 2em"></p><table cellspacing="5" cellpadding="20" width="100%" bgcolor="#009900" background="http://zhang9607lin.16789.net/domName/zhang9607lin/20078113394042494.jpg" border="1"><tbody><tr><td> <center><img style="FILTER: alpha(opacity=100,style=2)" <br="">
    
    
楼主美到心间 时间:2013-04-10 18:16:00
  18<center><table cellspacing="15" bordercolordark="#8A2BE2" cellpadding="1" width="75%" bordercolorlight="#234120" background="http://img3.laibafile.cn/p/m/136171733.jpg " border="1"><tbody><tr><td><p style="TEXT-INDENT: 2em"></p><table cellspacing="5" cellpadding="20" width="120%" bgcolor="#009900" background="http://img3.laibafile.cn/p/m/136436800.jpg" border="1"><tbody><tr><td> <center><img style="FILTER: alpha(opacity=100,style=2)" <br="2">
楼主美到心间 时间:2013-04-10 18:17:00
  19 <center><table cellspacing="15" bordercolordark="#aab8ee" cellpadding="0" width="75%" bordercolorlight="#aab8ee" background="http://img3.laibafile.cn/p/m/136171755.jpg" border="1"><tbody><tr><td><p style="TEXT-INDENT: 2em"></p><table cellspacing="6" cellpadding="20" width="100%" bgcolor="#009900" background="http://img3.laibafile.cn/p/m/136434916.jpg" border="1"><tbody><tr><td> <center><img style="FILTER: alpha(opacity=100,style=2)" <br="2">
楼主美到心间 时间:2013-04-10 18:18:00
  20 <center><table cellspacing="15" bordercolordark="#EE9572" cellpadding="0" width="75%" bordercolorlight="#EE9572" background="http://img3.laibafile.cn/p/m/136170739.jpg" border="1"><tbody><tr><td><p style="TEXT-INDENT: 2em"></p><table cellspacing="6" cellpadding="20" width="100%" bgcolor="#EEC591" background="http://img3.laibafile.cn/p/m/136435551.jpg" border="1"><tbody><tr><td> <center><img style="FILTER: alpha(opacity=100,style=2)" <br="2">
          
楼主美到心间 时间:2013-04-10 18:19:00
  @凤翔绢舞 代码己经附上,喜欢请拿去。
  
作者 :凤翔绢舞 时间:2013-04-10 19:44:00
  @美到心间 很漂亮,谢谢分享
作者 :轩妮的希望 时间:2013-04-11 08:46:00
  好吧,我只是来看看楼主和回贴人的!~~~
  
  
  其他一概视而不见
作者 :孤客在路上 时间:2013-05-03 22:31:00
  好漂亮美美,没时间学,偷走了啊乡友。 @美到心间
作者 :紫玉仙子 时间:2013-05-07 13:02:00
  谢谢@美到心间 分享,很漂亮。
楼主美到心间 时间:2013-05-08 18:00:00
  @余聪  25楼
    楼主这一组不错,建议楼主分开发表,就按19个帖子,编号也按我们以前的顺序:)
  -----------------------------
  今天在《余聪,太匆匆》之后才知道此余聪就是那个著名网友,与他的交集怕就是这一句。其实我只是在这个部落里拿了太多东西才觉得要付出一点,尽管它不算美丽。今天,心中充满哀伤,祝余聪一路走好!
作者 :我的心在飞扬2011 时间:2013-08-23 10:01:00
   谢谢@美到心间 分享,很漂亮。
作者 :风雨苦丁茶 时间:2014-04-29 21:04:00
  学习了。
楼主美到心间 时间:2014-05-02 13:40:00
  现在的微论边框边缘显示为白色,在编辑时如果边框也为白色,不能尽显编辑之美,利用天涯一些现有的图片,东拼西凑又拼组一些边框,喜欢的朋友尽管拿去。

作者 :心海怡韵 时间:2014-08-31 11:20:00
  @美到心间

  哇,, 谢谢楼主! 我正苦于没有什么好的边框设计,,很喜欢你这里的图案, 抱走了! 嘻嘻
2条评论   点击查看  我要评论
作者 :思思云儿A 时间:2015-08-23 16:01:49
  顶起
作者 :火舞C 时间:2016-01-09 19:41:48
  感谢分享

相关推荐

    发表回复

    请遵守天涯社区公约言论规则,不得违反国家法律法规