公用欄目


Join the forum, it's quick and easy

公用欄目

用section制作三合一信纸

1頁(共2頁) 1, 2  下一步

向下

用section制作三合一信纸 Empty 用section制作三合一信纸

發表  rb1606 27.04.21 12:33

   用section制作三合一信纸


  用section制作三合一信纸(又称三图信纸、三合一边框),可以不受素材图片的宽度,以适应不同网站的宽度限制,比用table制作更为灵活方便。

  这个边框的图片素材原宽度为920,用table制作的代码,若要把宽度缩小,必须先PS修改图片宽度,因此无法再用原图片网址。现改用section标签制作的代码,就可取用原图网址,任意放大缩小至所需宽度。





rb1606 在 27.04.21 23:25 作了第 1 次修改
rb1606
rb1606

文章數 : 4196
注冊日期 : 2012-11-06

回頂端 向下

用section制作三合一信纸 Empty 回復: 用section制作三合一信纸

發表  rb1606 27.04.21 13:11

任意宽度的三合一边框

  这个边框的图片素材原宽度为920,过去用要把它用到800宽的“老校友”,只好用PS把原图压缩小到800宽,再另外上传来取得适合网址。

  但800宽的图片也不适合本论坛使用,如今改用section标签制作代码后,就可以仍然使用800宽的图片网址,把宽度调整到适合本论坛730的宽度,再也不用另外改小图片和上传更小尺寸背景图了。





rb1606 在 27.04.21 23:25 作了第 3 次修改
rb1606
rb1606

文章數 : 4196
注冊日期 : 2012-11-06

回頂端 向下

用section制作三合一信纸 Empty 回復: 用section制作三合一信纸

發表  rb1606 27.04.21 13:28

  用800宽的图片网址
  制作730宽的边框


  这个边框的图片素材是用上帖的图片,因为背景颜色无法通过代码改变,所以必须先经过PS的去色处理后,才能变为灰黑色边框,原宽度仍为800。

  为了节约资源和时间,仍取用800宽的图片网址,改用section代码把宽度调整到730,以适应本论坛较小的可视宽度。





rb1606 在 27.04.21 23:26 作了第 1 次修改
rb1606
rb1606

文章數 : 4196
注冊日期 : 2012-11-06

回頂端 向下

用section制作三合一信纸 Empty 回復: 用section制作三合一信纸

發表  rb1606 27.04.21 15:56

大标题


这里开始填写文字内容……。
此背景图片原宽为920px。





rb1606 在 28.04.21 21:47 作了第 2 次修改
rb1606
rb1606

文章數 : 4196
注冊日期 : 2012-11-06

回頂端 向下

用section制作三合一信纸 Empty 回復: 用section制作三合一信纸

發表  rb1606 27.04.21 16:58

大标题

此背景图原宽只有700px,今用代码将其放大制作成730宽的三合一边框。





rb1606 在 28.04.21 21:49 作了第 3 次修改
rb1606
rb1606

文章數 : 4196
注冊日期 : 2012-11-06

回頂端 向下

用section制作三合一信纸 Empty 回復: 用section制作三合一信纸

發表  rb1606 27.04.21 19:17

大标题


此背景图原宽只有690px,今用代码将其用以制作成730宽的三合一边框。





rb1606 在 28.04.21 21:49 作了第 2 次修改
rb1606
rb1606

文章數 : 4196
注冊日期 : 2012-11-06

回頂端 向下

用section制作三合一信纸 Empty 回復: 用section制作三合一信纸

發表  rb1606 27.04.21 20:28

大标题


  此背景图原宽只有700px,今用代码将其制作成730宽的三合一边框。





rb1606 在 27.04.21 23:27 作了第 1 次修改
rb1606
rb1606

文章數 : 4196
注冊日期 : 2012-11-06

回頂端 向下

用section制作三合一信纸 Empty 回復: 用section制作三合一信纸

發表  rb1606 27.04.21 21:31

大标题

  此背景图原宽780px,今用代码将其制作成730宽的三合一边框。



rb1606
rb1606

文章數 : 4196
注冊日期 : 2012-11-06

回頂端 向下

用section制作三合一信纸 Empty 回復: 用section制作三合一信纸

發表  rb1606 27.04.21 23:06

大标题


  此背景图原宽只有640px,今用代码将其制作成730宽的三合一边框。






rb1606 在 28.04.21 21:51 作了第 1 次修改
rb1606
rb1606

文章數 : 4196
注冊日期 : 2012-11-06

回頂端 向下

用section制作三合一信纸 Empty 回復: 用section制作三合一信纸

發表  rb1606 28.04.21 11:46

大标题


  此背景图原宽700px,今用代码将其制作成730宽的三合一边框。






rb1606 在 28.04.21 21:52 作了第 1 次修改
rb1606
rb1606

文章數 : 4196
注冊日期 : 2012-11-06

回頂端 向下

用section制作三合一信纸 Empty 回復: 用section制作三合一信纸

發表  rb1606 28.04.21 11:47

大标题


  此背景图原宽700px,今用代码将其制作成730宽的三合一边框。






rb1606 在 28.04.21 21:52 作了第 1 次修改
rb1606
rb1606

文章數 : 4196
注冊日期 : 2012-11-06

回頂端 向下

用section制作三合一信纸 Empty 回復: 用section制作三合一信纸

發表  rb1606 28.04.21 11:48

大标题


  此背景图原宽700px,今用代码将其制作成730宽的三合一边框。




rb1606
rb1606

文章數 : 4196
注冊日期 : 2012-11-06

回頂端 向下

用section制作三合一信纸 Empty 回復: 用section制作三合一信纸

發表  rb1606 28.04.21 12:11

大标题


  此背景图原宽700px,今用代码将其制作成730宽的三合一边框。




rb1606
rb1606

文章數 : 4196
注冊日期 : 2012-11-06

回頂端 向下

用section制作三合一信纸 Empty 回復: 用section制作三合一信纸

發表  rb1606 28.04.21 13:43

大标题


  此背景图原宽700px,今用代码将其制作成730宽的三合一边框。






rb1606 在 01.05.21 12:55 作了第 2 次修改
rb1606
rb1606

文章數 : 4196
注冊日期 : 2012-11-06

回頂端 向下

用section制作三合一信纸 Empty 回復: 用section制作三合一信纸

發表  rb1606 28.04.21 13:44

大标题


  此背景图原宽892px,今用代码将其制作成730宽的三合一边框。




rb1606
rb1606

文章數 : 4196
注冊日期 : 2012-11-06

回頂端 向下

用section制作三合一信纸 Empty 回復: 用section制作三合一信纸

發表  rb1606 28.04.21 20:13

大标题

此背景图原宽为920px,不用table,今改用section缩小至730宽。





rb1606 在 28.04.21 22:25 作了第 1 次修改
rb1606
rb1606

文章數 : 4196
注冊日期 : 2012-11-06

回頂端 向下

用section制作三合一信纸 Empty 回復: 用section制作三合一信纸

發表  rb1606 28.04.21 22:00

大标题

文字开始……。



rb1606
rb1606

文章數 : 4196
注冊日期 : 2012-11-06

回頂端 向下

用section制作三合一信纸 Empty 回復: 用section制作三合一信纸

發表  rb1606 29.04.21 9:06

大标题

文字开始……。



rb1606
rb1606

文章數 : 4196
注冊日期 : 2012-11-06

回頂端 向下

用section制作三合一信纸 Empty 回復: 用section制作三合一信纸

發表  rb1606 29.04.21 10:32

大标题

文字开始……。



rb1606
rb1606

文章數 : 4196
注冊日期 : 2012-11-06

回頂端 向下

用section制作三合一信纸 Empty 回復: 用section制作三合一信纸

發表  rb1606 29.04.21 11:18

大标题


文字开始……。





rb1606
rb1606

文章數 : 4196
注冊日期 : 2012-11-06

回頂端 向下

用section制作三合一信纸 Empty 回復: 用section制作三合一信纸

發表  rb1606 29.04.21 12:53

大标题


文字开始……。






rb1606
rb1606

文章數 : 4196
注冊日期 : 2012-11-06

回頂端 向下

用section制作三合一信纸 Empty 回復: 用section制作三合一信纸

發表  rb1606 29.04.21 13:56

大标题


文字开始……。






rb1606
rb1606

文章數 : 4196
注冊日期 : 2012-11-06

回頂端 向下

用section制作三合一信纸 Empty 回復: 用section制作三合一信纸

發表  rb1606 29.04.21 16:00

大标题


文字开始……。



注意:此处只可填上约十六个中文字母



rb1606
rb1606

文章數 : 4196
注冊日期 : 2012-11-06

回頂端 向下

用section制作三合一信纸 Empty 回復: 用section制作三合一信纸

發表  rb1606 29.04.21 19:59

大标题


文字开始……。






rb1606
rb1606

文章數 : 4196
注冊日期 : 2012-11-06

回頂端 向下

用section制作三合一信纸 Empty 回復: 用section制作三合一信纸

發表  rb1606 30.04.21 10:14

大标题


原背景图宽712px,放大至730px。

blog_20130207123149901037.gif



rb1606
rb1606

文章數 : 4196
注冊日期 : 2012-11-06

回頂端 向下

1頁(共2頁) 1, 2  下一步

回頂端


 
這個論壇的權限:
無法 在這個版面回復文章