指向图片后会出现字

我来更新教程了 ╮(╯▽╰)╭  这篇教程有很多人问过我的说 - v - 原谅我之前懒惰再加上一直忘了更新  哈哈哈


根据下图图片显示的步骤来做哦 :)


然后选择【修改 Html】-->【继续】--> Ctrl + F 寻找 ]]></b:skin>

在 ]]></b:skin> 的上面添加以下的代码
.girl{
background: #E8E6E6;
color: #000;
width: 268px;
height: 210px;
opacity: 0;
margin-top:-216px;
-webkit-transition:all .5s ease-in-out;
 }

.girl:hover{
opacity:.7
}
温馨小提示 ❤
❤ 红色的字 --> 背景的颜色
❤ 橙色的字 --> 字体的颜色
❤ 黄色的字 --> 背景的宽度
❤ 青色的字 --> 背景的高度

好了就可以保存起来，选择右下角的【关闭】把修改 Html 关掉，然后选择左边那里的【布局】

添加小工具 --> Html / Jave Script 把以下的代码放下去
<img src="图片网址" height='210'width="268"/>
<div class="girl">
内容
</div>
温馨小提示 ❤
❤ 蓝色的字 --> 图片的网址
❤ 青色的字 --> 图片的高度 (要和上面那个 "背景的高度" 一样)
❤ 黄色的字 --> 图片的宽度 (要和上面那个 "背景的宽度" 一样)

注：想要空到下一行请在后面添加 <br/>

例子：
内容 <br/>
内容
好了就可以保存起来了，看看有没有成功呗 :)

你们可以把 Cbox // 音乐器还是什么都可以放在里面，发挥你们的创意 =D

成功了麻烦留言告诉我，不然我不知道这个代码是不是有问题 > <
❤

14 条评论:

  1. Cappuccino..♥2012年12月13日 01:37

    此评论已被作者删除。

    回复删除
  2. Cindy 신디2012年12月13日 23:28

    blogskin的怎么弄呢？可以教么？

    回复删除
    回复
    1. Dannie ヾ(o◕∀◕)ﾉヾ2012年12月15日 11:14

      BS 的话就要自己去研究了嗯 ><

      因为每个的 blogskin 密码都不同...

      删除
  3. nicole.miin19952012年12月18日 14:10

    为什么我弄不到呢 ><

    回复删除
    回复
    1. Dannie ヾ(o◕∀◕)ﾉヾ2012年12月19日 16:18

      再试试看 看看是不是有什么代码遗漏了 :)

      删除
  4. 02012年12月26日 13:31

    我不可以的T^T

    回复删除
    回复
    1. Dannie ヾ(o◕∀◕)ﾉヾ2012年12月26日 20:42

      怎么说不可以啊？
      是说指向图片后没有字出现还是什么？@@

      删除
    2. 02013年1月6日 14:03

      不是哦 是字全部在图片的下面
      没有在图片里面=(

      删除
    3. Dannie ヾ(o◕∀◕)ﾉヾ2013年1月7日 16:23

      那样我知道了，你更改margin-top后面的数字就好了 =D

      删除
    4. 02013年1月10日 20:13

      更改成0?

      删除
    5. Dannie ヾ(o◕∀◕)ﾉヾ2013年1月13日 14:07

      不是啦，号码自己调整哟，不用调整到 0

      删除
  5. 02013年1月14日 22:59

    哦哦 这样我懂了^^
    谢谢你啊 韩儿
    我会试试看的=)

    回复删除
  6. By Danielle2013年2月12日 12:46

    弄不到也
    字都在下面
    改了margin-top後面的數字也不行

    回复删除
  7. Zack Demon2013年11月28日 17:20

    请问, 为什么找不到 ]]>

    回复删除

留言规则 请勿犯规 :)

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

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

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

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

谢谢 :)

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