在小工具里置放图片页面

在还没有开始这篇教程之前我希望博友如果要转载我这篇教程的话请一定要贴上我的标签，虽然可能有博友发了类似的教程，但是这篇代码绝对是我自己写出来的，请不要擅自转载 :) 谢谢


现在很多人都很喜欢用一些非主流的图片来代替页面，今天我就来发教程吧 xD

先到设计 --> 添加小工具 --> Html / Jave Script 把以下的代码放下去
<a href="链接网址"><img height='80'src="图片网址" width="118"title="要显示的字"/></a>
<a href="链接网址"><img height='80'src="图片网址" width="118"title="要显示的字"/></a>
<a href="链接网址"><img height='80'src="图片网址" width="118"title="要显示的字"/></a>
<a href="链接网址"><img height='80'src="图片网址" width="118"title="要显示的字"/></a>
温馨小提示 ❤
❤ 红色的字 --> 网页的链接网址
❤ 黄色的字 --> 图片的高度
❤ 橙色的字 --> 图片的网址
❤ 青色的字 --> 图片的宽度
❤ 粉色的字 --> 指向图片的时候要显示的字

注意：
如果你的图片要空到下一行去，像我的这样，一排只显示两个图片我就在第二个【</a>】添加【br/】，这样的话我的代码就会变成这样
<a href="链接网址"><img height='80'src="图片网址" width="118"title="要显示的字"/></a>
<a href="链接网址"><img height='80'src="图片网址" width="118"title="要显示的字"/></a>
<br/>
<a href="链接网址"><img height='80'src="图片网址" width="118"title="要显示的字"/></a>
<a href="链接网址"><img height='80'src="图片网址" width="118"title="要显示的字"/></a>
其实那个图片的宽度还有高度我都调得刚刚好了哦 :) 当然你也可以自己去调整

好了就保存起来，如果有不明白的话再来留言问我吧 =D
❤

5 条评论:

  1. Dannie ヾ(o◕∀◕)ﾉヾ2012年8月26日 11:19

    糖果音：

    那个是要自己添加代码的哦 :)

    回复删除
  2. nicole.miin19952012年9月3日 20:37

    此评论已被作者删除。

    回复删除
  3. Yumi2013年2月15日 23:04

    謝謝你的教學! 我看過很多類似的教學. 但是你的好簡單明白!
    之前的都太複雜弄得我不想去設計!
    真的好謝謝你哦. :D <3

    回复删除
  4. 乌龟妹 ♥ 雪丽 ♥2013年3月6日 14:08

    学会了 =) 谢谢你呀!

    回复删除
  5. Unknown2013年4月8日 16:52

    谢谢你的分享..请问你的评论以上有一只小熊是怎么样设定的呢？

    回复删除

留言规则 请勿犯规 :)

--------------------------------------------------------------------------------

1、由于评论太哆，有些我不能一一评论

2、如有捣乱着，恕我删除留言

3、有些博友要的教程，请勿再三询问，请到教程列表里仔细寻找

谢谢 :)

*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*