论坛排版基础知识教学2 (2/72)

本帖地址: 复制地址

楼主: じ懒猪

用户形象图片

今天收集整理了一些大家的建议.
其中几位朋友说到,希望能看到一些排版的教学帖.
看来大家都希望做些漂亮的帖子出来.
那我就接着上次的教学帖,再写吧.
希望新手们都能有所收获.



入正题:
这次教程的主题:图片的插入方法,以及一些不为人知的细节.
这次教程用到的图片:网友贴图



一.论坛提供了一个简单的插入图片的方法.
  如图:
  网友贴图
  这种方式插入图片有利有弊.
  优点:方便,快捷.
  缺点:代码冗长.插入的图片可以用鼠标点.
  优点不说了.我就针对缺点给大家做一个介绍.
  1.代码冗长
     如图:网友贴图
     地址很短的图片的代码尚且这么长,
     那地址长的(比如QQ空间的图片)就更不得了了.
     简单的帖子可能没什么感觉.
     但如果是个大型的帖子.这会使排版变得很困难.
  2.插入的图片可以用鼠标点.
     当我点击图片的时候会出现这个页面:
     网友贴图
     这不能算是个纯粹的缺点,但是在浏览帖子的时候,确实很不舒服.
     点击图片可以看到效果:网友贴图


二.针对上一个方法的缺点,于是便有了第二种方法.
  第二种方法不用论坛提供的功能.我们自己写代码.听起来可怕其实没什么.
  要做的只是在图片地址前后添加:网友贴图
  这样我们的图片就安静的贴在帖子里了.
  效果:网友贴图


三.论坛提供的方法的巧用.
  懂些网页语言的人可能可以看出来.
  论坛提供的插入图片的方式是用图片做了一个链接.
  代码的前半部分,就是链接指向的地址,后半部分才是图片.
  蓝色框是前半部分,红色框是后半部分.
  如图:网友贴图
  知道了这个.我们就能做一个自己想要的链接了.
  比如,我想让我的图片链接到"百度".
  代码就可以这样改:网友贴图
  点击图片可以看到效果:网友贴图


四.会员的插入图片方法.
  最炮灰的一个方法,鄙视之.不作介绍了.



这次教程到此结束吧.
如果大家喜欢,下次我介绍一些其他的.
有不明白的.跟帖提问.有时间我会回答的.

回到帖子顶部

1楼[楼主] じ懒猪

用户形象图片

很實用的排版·
 大家學習下 !
回到帖子顶部

2楼うちはサスケ

用户形象图片

是挺使用的~!~!~!
回到帖子顶部
个人信息
  • 荣誉+3
  • 荣誉+2
  • 荣誉+1
  • 荣誉-1
  • 荣誉-2
  • 荣誉-3
发表留言
  • 文章不错!
  • 精华好文!
  • 支持原创文章!
  • 帖子图文并茂,好!
  • 真知灼见,说得好!
  • 恶意广告
  • 违规内容
  • 严重灌水
  • 重复发帖
  • 标题党
你确定要删除此楼层吗
扣20点经验值