免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
返回列表 發帖

永不失效的简单边框

本帖最後由 rainbow 於 2018-2-2 12:46 編輯

此为早年“三华乐园”的旧帖,这些边框的背景完全不用网络图片,只用颜色代码,因此永远都不会有失效的现象发生。

注意,以下边框插入图片的最大宽度不得大于600px。


简单边框01 开始

大标题

在此开始写入文字……


简单边框01 结束




简单边框02 开始

大标题

在此开始写入文字……


简单边框02 结束




简单边框03 开始

大标题

在此开始写入文字……


简单边框03 结束




简单边框04 开始

大标题

在此开始写入文字……


简单边框04 结束




简单边框05 开始

大标题

在此开始写入文字……


简单边框05 结束




简单边框06 开始

大标题

在此开始写入文字……


简单边框06 结束




简单边框07 开始

大标题

在此开始写入文字……


简单边框07 结束




简单边框08 开始

大标题

在此开始写入文字……


简单边框08 结束




简单边框09 开始

大标题

在此开始写入文字……


简单边框09 结束




简单边框10 开始

大标题

在此开始写入文字……


简单边框10 结束




本帖最後由 rainbow 於 2018-9-25 14:45 編輯

注意,以下边框插入图片的最大宽度不得大于600px。


简单边框11 开始

大标题

在此开始写入文字……


简单边框11 结束




简单边框12 开始

大标题

在此开始写入文字……


简单边框12 结束




简单边框13 开始

大标题

在此开始写入文字……


简单边框13 结束




简单边框14 开始

大标题

在此开始写入文字……


简单边框14 结束




简单边框15 开始

大标题

在此开始写入文字……


简单边框15 结束




简单边框16 开始

大标题

在此开始写入文字……


简单边框16 结束




简单边框17 开始

大标题

在此开始写入文字……


简单边框17 结束




简单边框18 开始

大标题

在此开始写入文字……


简单边框18 结束




简单边框19 开始

大标题

在此开始写入文字……


简单边框19 结束




简单边框20 开始

大标题

在此开始写入文字……


简单边框20 结束




  1. <center>
  2. <div style="width:800px">
  3. <TABLE border=40 cellSpacing=0 borderColor=#dab1d5 cellPadding=0 width=100% bgColor=#e2c2de align=center>
  4. <TBODY>
  5. <TR>
  6. <TD style="padding:13px">
  7. <TABLE border=1 cellSpacing=0 borderColor=#8c8c00 cellPadding=0 width=100% bgColor=#ebd3e8 align=center>
  8. <TBODY>
  9. <TR>
  10. <TD style="padding:13px">
  11. <p align=center><span style="FONT: bold 60px/140% Microsoft YaHei; COLOR: #800080; letter-spacing:10px">大标题</span></p>
  12. <p style="padding-left:20px; padding-right:20px" align=left><span style="FONT: normal 24px/140% Microsoft YaHei; COLOR: #800080">在此开始写入文字……</span></p>
  13. <br>
  14. </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
  15. </div></center>
複製代碼

TOP

如何复制网上的边框

  当你想复制一个网上看到的心意边框而又没有现成的代码给你时,该如何做呢?其实复制网上的东西并不需要使用网页制作软件,简单又方便。

  现以边框01为例,介绍将屏幕上边框画面直接复制的方法:
1)从屏幕上文字“简单边框01开始”的字头开始按住鼠标左键不放并把鼠标拖到边框下面“简单边框01结束”的字尾才放开左键,(看图一箭头所示)然后把鼠标移动到刷蓝的文字上面,点击鼠标右键,(图一所示);在弹出的小窗口上,用鼠标左键点击“复制”如图一所示。

highlight
图一


  2)打开新的编辑页,注意编辑框右上角“源”字旁的小格子里不要剔勾(看图二箭头所示),然后用鼠标右键在编辑栏空白位上点一下,即弹出小窗口(图一所示)。点选【粘贴】,如图二所示。所要的边框就会出现在编辑栏里。(如图三)

paste
图二


  3) 这时可用鼠标把不需要的文字“简单边框01 开始”和“简单边框01结束”删去。并在复制的边框里编辑你的文章。然后在编辑框下方发帖选项里点剔【Html代码】和 【禁用表情】选项(看图三所示),即可发出。

paste1
图三


  4) 注意,如果用代码编辑的话。也必须先点剔【Html代码】和 【禁用表情】选项后(看图三所示),才在编辑框右上角“源”字旁的小格子里剔勾(图三所示),边框的HTML代码即出现在编辑栏里。(看图四)

code
图四


  另外,把复制的边框粘贴到编辑栏后,如果屏幕上没有如常出现边框画面的话,不要焦急,只要按照先后顺序,先在发帖选项【Html代码】和 【禁用表情】选项里剔勾(看图三所示),然后在编辑框右上角“源”字旁的小格子里剔勾(图三所示),编辑栏理出现代码了(图四),再把“源”字旁的小格子里的勾删除,边框画面就出来了。



TOP

本帖最後由 rainbow 於 2018-1-31 23:47 編輯

  用chrome浏览器查看源代码的方法更为简单,方法如下:

  1)用右键点击选中的边框(要点边框上侧最外一层框)如下图,在弹出的菜单里用左键点选“检查”如下图

ch1

  这时屏幕右侧出现一个满是代码的框框,其中有一段是蓝色的(看下图①),那就是这个边框的代码了。

  2)右键点击蓝色部分(看下图①),在弹出的菜单里用左键点选“copy”(看下图),然后再点选“copy element”(看下图)。

ch2

  3)打开论坛编辑页,在编辑框右上角“源”字旁的小格子里剔勾,然后用鼠标右键点击编辑栏空白处,在弹出的菜单里点选“粘贴”,编辑栏里就出现刚才复制的边框代码。编辑完成后记得在发帖选项【Html代码】和 【禁用表情】选项里剔勾才发出帖子。



TOP

文字开始……。



  1. <center>
  2. <div style="width:730px"><table cellpadding="0" cellspacing="0" style="BORDER: #f6ae56 8px dashed; width:100%">
  3. <tbody><tr><td align="middle" bgcolor="#f6ae56">
  4. <table style="width:100%" border="0" cellspacing="0">
  5. <tbody><tr><td style="padding:10px">
  6. <table style="width:100%" border="0" cellspacing="0">
  7. <tbody><tr>
  8. <td style="padding:30px" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0">
  9. <p align=left><span style="FONT: normal 24px/140% Microsoft YaHei; COLOR: #800000; letter-spacing:0px">文字开始……。</span></p>
  10. </td></tr></tbody></table>
  11. </td></tr></tbody></table>
  12. </td></tr></tbody></table></div></center><br><br>
複製代碼

TOP

返回列表