指向图片后会出现字

我来更新教程了 ╮(╯▽╰)╭  这篇教程有很多人问过我的说 - 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. blogskin的怎么弄呢?可以教么?

    回复删除
    回复
    1. BS 的话就要自己去研究了嗯 ><

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

      删除
  2. 回复
    1. 再试试看 看看是不是有什么代码遗漏了 :)

      删除
  3. 回复
    1. 怎么说不可以啊?
      是说指向图片后没有字出现还是什么?@@

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

      删除
    3. 那样我知道了,你更改margin-top后面的数字就好了 =D

      删除
    4. 不是啦,号码自己调整哟,不用调整到 0

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

    回复删除
  5. 弄不到也
    字都在下面
    改了margin-top後面的數字也不行

    回复删除
  6. 请问, 为什么找不到 ]]>

    回复删除

留言规则 请勿犯规 :)

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

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

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

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

谢谢 :)