会移动的 Banner

Banner 是什么？

就像下图红圈里面显示的一样：


就是说当你的鼠标指向你的部落格 Banner 的时候，你的 Banner 会向右边移动

先到设计 --> 修改 Html --> Ctrl + F 寻找 【 /* Header 】

然后在
/* Header
----------------------------------------------- */
的下面添加以下的代码：
#header:hover{
padding-left:100px;
}
温馨小提示❤
❤红色的字 -->数目越大当鼠标指向 Banner 的时候就越向右边

如果你要你的 Banner 慢慢的向右边移动，然后又慢慢的移回到原本的位置就在【 #header:hover{ 】的上面添加以下的代码：
#header {
-webkit-transition-duration: 2s;
}
好了就先预览看看代码有没有问题，然后就保存起来

你们成功了记得告诉我啊，因为这个是我自己研究的时候研究出来的，要转载请附上部落贴子 =))
❤

10 条评论:

  1. 梦梦2011年12月28日 10:53

    好厉害哦，会自己研究出来~~~

    回复删除
  2. Dannie ヾ(o◕∀◕)ﾉヾ2011年12月28日 11:00

    梦梦：

    才没有啦 =)) 那你成功了吗？

    回复删除
  3. 温妮2011年12月28日 14:08

    筱嘉小姐, 我转载了哦～

    回复删除
  4. Dannie ヾ(o◕∀◕)ﾉヾ2011年12月28日 14:11

    Fish ：

    记得附上部落格链接的图片就好了 ^^

    回复删除
  5. Ƴαи χιαиզ ♥2012年5月31日 18:35

    修改 HTML 在那里 ?
    做么我找不到的 ?

    回复删除
  6. 蔚﹏蓓√2012年7月7日 17:02

    为什么我找不到 #header:hover{ 的??

    回复删除
  7. Dannie ヾ(o◕∀◕)ﾉヾ2012年7月7日 18:22

    蔚﹏蓓√：

    先寻找 /* Header 过后才添加那个代码的哦 :)

    回复删除
  8. 蔚﹏蓓√2012年7月8日 10:33

    成功了..谢谢你哦~^^

    回复删除
  9. Unknown2012年8月16日 19:46

    带走噜~~~
    *新手一名,在这学了不少东西:)*

    回复删除
  10. Dannie ヾ(o◕∀◕)ﾉヾ2012年8月16日 22:47

    Yuki Yii：

    原来是新人啊 xD

    能帮到你就好了嗯 :)

    回复删除

留言规则 请勿犯规 :)

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

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

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

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

谢谢 :)

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