不多說了! 明天就是 2014 年了! 希望大家有個美好的 2014 年哦! XD
Rules:
* 抱走素材請留言通知謝謝
* 這些素材非博主自製,所有素材來源來自於網站
* 轉載時請先申請博主同意
日系鴨鴨頁面素材
這些素材可以自行發揮啦哈哈哈哈XD 也可以當做是頁面按鈕哦!
哈哈哈哈哈! 但是高度可能要自己調! 隨著自己的創意發揮吧!
- E N D -
.c {
position: fixed;
top: -240px;
left: 30px;
background: # url('');
padding: 8px;
width: 245px;
color: rgb(200,200,200);
-webkit-transition: 0.7s;
}
.c:hover {
top: 0px;
}
<div class="c">至於那些寬度那些熟悉代碼的就可以自由更換吧 ! :D
<iframe frameborder="0" width="245" height="130" src="你的Chatbox Source 1" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain5-714645" style="border: 0px solid;" id="cboxmain5-714645"></iframe>
<iframe frameborder="0" width="245" height="100" src="你的Chatbox Source 2" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-714645" style="border: 0px solid;border-top:0px" id="cboxform5-714645"></iframe><br />
<center>▼▼▼</center>
</div>
按保存 :D 完成 XD
img{
opacity:0.7;
border:none;
padding:0px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
border-radius:10px;}
img:hover{
border-radius:30px;
opacity: 1; }
img{
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
-webkit-transition-duration: .5s;
}
img:hover{
-webkit-transition-duration: .5s;
filter: alpha(opacity=75);
moz-opacity:.75;
opacity:.75;
}
::-webkit-scrollbar {
width: 9px;
height: 7px;
}
::-webkit-scrollbar-track-piece {
background-color: #999;
border: 4px solid #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #000000;
border: 1px solid #fff;
}
<center><iframe src="http://www.facebook.com/widgets/like.php?href=部落格網址" scrolling="no" frameborder="0" style="border:none; width:200px; height:75px"></iframe></center>
簡單就是美 :)