Thì hôm nay Yolks đã nghĩ ra được 1 thủ thuật mới lạ , không kém phần độc đáo.Chúc đã hãy xem tiếp nhé
1.Tạo bố cục bằng css:
.timkiemvds{ position:fixed; top:36px; left:-210px; transition: all 3s ease-out; -webkit-transition: all 3s ease-out; -moz-transition: all 3s ease-out; transition-delay: 3s; -webkit-transition-delay: 3s; -moz-transition-delay: 3s; } .timkiemvds:hover{ left:0px; transition: all 1s ease-out; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; } .timkiemvds div.timkiem_1{ padding:14px 0 0 29px; width:276px; height:50px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi63gI8jRRoTRYEG-3WGvpxRapZn1acutJ53-WKqdfhic3wrIqt9ehPxKHnHu-o7EHtj9g_Nsir6bBLYKAfGDR1dGHWMbc5YnJuYBdzJ2OlXagxYvyRztei4rlTLxtUVOwD5LnG-bgjzok/s1600/find10.png) top left no-repeat; } .timkiemvds div.timkiem_congcu{ position:relative; overflow:hidden; padding:5px; left:35px; width:153px; height:10px; background-color:#ffa200; color: #ffffff; border:1px solid #8A8A8A; box-shadow: 3px 3px 3px #8A8A8A; transition: all 1s ease-out; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; transition-delay: 1s; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; } .timkiemvds:hover div.timkiem_congcu{ height:150px; transition: all 1s ease-out; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; transition-delay: 1s; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; } .noidungtimkiem{background-color:transparent; border:0; width:178px; height:20px;} .submittimkiem{width:50px; background-color:transparent; border:0; cursor:pointer;}
2.Chèn code vào blog:
Chèn sau thẻ :
<div class='gensmall'> <form action='/search' id='searchform' method='get' target='_blank'> <div class='timkiemvds'> <div class='timkiem_1'> <input class='noidungtimkiem' id='s' name='q' onblur='if (this.value == "") {this.value = "Search my site...";}' onfocus='if (this.value == "Search my site...") {this.value = ""}' type='text' value='Search my site...'/> <input class='submittimkiem' type='submit' value=''/> </div> <div class='timkiem_congcu'> <center><strong>CÔNG CỤ TÌM KIẾM</strong></center> </div> </div> </form> </div>3.Save lại
Lưu ý chúng ta có thể chỉnh thời gian chậm hoặc nhanh ở css nhé chỗ nào có 1s hay 3s các bạn hãy chỉnh theo ý thích nhé
02 September, 2011 20:07
Yolks
02 September, 2011 20:08
blue
02 September, 2011 20:16
Yolks
02 September, 2011 20:23
Unknown
04 September, 2011 21:05
Yolks
04 September, 2011 21:10
Unknown
05 September, 2011 17:40
Yolks
05 September, 2011 18:17
Yolks
06 September, 2011 12:10
ABV
07 September, 2011 09:07
Yolks
07 September, 2011 12:22
Unknown
15 June, 2015 15:08
true religion jeans
ray ban sunglasses
burberry outlet
ray bans
chanel outlet
coach outlet online
oakley sunglasses wholesale
christian louboutin outlet
tory burch outlet online
fitflops sale clearance
oakley sunglasses sale
coach outlet store online
coach outlet store online
pandora outlet
ray ban sunglass
ralph lauren
michael kors outlet online
coach factory outlet
gucci outlet online
oakley sunglasses
michael kors outlet
burberry scarf
rolex watches
true religion sale
true religion
true religion outlet
michael kors handbags
toms outlet
ray ban sunglasses
ray ban glasses
michael kors
true religion outlet
abercrombie
michael kors bags
cheap ray ban sunglasses
mont blanc pens
hollister clothing