由於一直減肥不成功,於是不停地碎碎唸


另類の滑行效果 (圖片+文字)

這個效果并不是我自己研究到的,而是我在BS中無意中發現,然後再嘗試放進BT里,於是成功了。 其實大家也知道,一直以來我都只是分享素材,甚少發教程。老實說,有些代碼我到現在還是不太瞭解的說,在我明白瞭解的範圍內,我會儘量的解答,但要是我真的解釋不了,請自行尋找谷哥大神跪求去.... ^_^lll 真的很不好意思....

本教程效果如下:

首先,登陸博客 → 信息中心 → 佈局 → 添加小工具 → HTML/JavaScript

并把一下的代碼複製到框框內
<style type="text/css">
.cute{width:200px;display: inline-block;overflow:hidden;}
.omg{width:200px;padding-top:5px;display: inline-block;text-align:center;}
.pic{width:200px;}
#comic{margin-left:-200px;-webkit-transition: all 0.9s ease-out;-moz-transition: all 0.9s ease-out;transition: all 0.9s ease-out;}
#comic:hover{margin-left:0px;}
</style>
<table><tr>
<td>
<div class="cute">
<table border="0" cellpadding="0" cellspacing="0" id="comic"><tr>
<td><div class="omg">文字 / 代碼 </div>
</td>
<td><img class="pic"src="圖片direct link"/></td></tr></table></div>
</td></tr></table>
顏色字體  顏色字體  顏色字體
這三種三色的字眼可以隨意更改,但必須一樣。例如:顏色字體,你想換成 kfc 的話,上面要添入模板的代碼從原本的 omg 換成 kfc ,而佈局那邊的代碼也一樣換成 kfc 。最重要的是不要與模板已有的代碼一樣就可以了,要換成什麼樣的字眼都行。

顏色字體:整體的寬度,數目字越大,代表寬度越大。

感謝大家這麼用心看到最後,謝謝!


雖然這教程并不是我研發的,但也請轉載的朋友也請貼上我的貼紙,感謝合作。 ^___^


5 comments:

  1. =w=这教程好捧!谢谢分享哦!

    ReplyDelete
  2. 使用了哦!效果真不错!:DDD
    http://kaikaiii.blogspot.com/
    可以请问你旁边那个nice blog那样会动的gadget怎么弄的吗?=DD

    ReplyDelete
    Replies
    1. 那是marquee(移動)的效果。比如說你要讓照片有移動的效果,那你在照片的代碼前面加上,還有照片代碼的最尾端加上,就可以了。 :)

      Delete
    2. 明白了:DD谢谢你!!

      Delete