去掉Bb课程中带链接图片的小尾巴

Li-dudu老师 发表于 2011-7-18 2:55 Monday Bb课程设计与技巧 超过6171围观 0条评论

去掉Bb 课程中带链接图片的小尾巴

Bb 教师用户在设计课程时,为了让课程更美观,可能会考虑为内容区加上带链接的图片,这些图片不但能增强视觉效果,而且还能当作按钮,方便了学生用户的使用。但旧版的Bb7.X/8.X 添加好带链接的图片,切换到显示视图后,我们会发现图片右下角带了一条细细的小尾巴,如图1 所示:

点击查看原图

1 旧版Bb 内容区添加上带链接的图片后出现小尾巴

再切换回编辑视图,发现其中的缘由:Bb 自动为这张带链接的图片后一个空白字符设置了下划线。我们选中下划线,按下网页编辑器的下划线按钮,却发现无法取消下划线。虽然这个小尾巴不是什么大问题,但细看起来确实稍微有些影响美观。甚至有的老师对视觉细节比较注重,可能会由于此原因放弃为图片加上链接。

    其实,去掉这个小尾巴非常简单:

    在编辑状态下,将光标停留在下划线前,按下回车,再将光标停留在图片后,按下delete 键,即可删除带链接图片后边的空白字符,同时也去掉了小尾巴。如图2 、图3 所示:

点击查看原图

2 :在编辑状态下将光标停留在下划线前方,并按回车  

点击查看原图

3 :将光标停留在图片后方,按下Delete

 

设置好后,切换到显示状态,小尾巴没有了,链接并未受到影响。如图4 所示。

点击查看原图

4 去掉小尾巴后的效果

 

经测试,此方法在7.X/8.X 版本,无论单个图片还是多个图片,均有效。



本文标签: 设计 技巧 界面 Bb平台



»版权所有:《SCL教学范式探索者》 → 《去掉Bb课程中带链接图片的小尾巴》;
»本文网址:http://bb.ithinkman.net/?post=33&post=33
»除特别标注,本博客所有文章均为原创. 互联分享,尊重版权,转载请以链接形式标明本文地址;
  • 各种观点