Welcome to Thư Viện Mở - Diễn Đàn Chia Sẻ Kiến Thức

demo: [You must be registered and logged in to see this link.]

1. Thay tòan bộ codes của Mod_search
- ACP> Templates > Portal > mod_search
- Thay toàn bộ bằng code này:



2. Thêm vào Css:
- ACP> Display> Colors & Pics> Colors> Css
- copy và dán codes sau vào
- bấm nút submit

Code:


.timkiemvds{
position:fixed;
top:22px;
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:64px;
background:url(http://i48.servimg.com/u/f48/13/58/60/43/find1010.png) top left no-repeat;
}

.timkiemvds div.timkiem_2{
position:relative;
overflow:hidden;
padding:5px;
left:35px;
width:150px;
height:10px;
background-color:#ffa200;
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: 2s; -webkit-transition-delay: 2s; -moz-transition-delay: 2s;
}
.timkiemvds:hover div.timkiem_2{
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;}

3. Kích họat widget Search
- ACP> Modules > Portal & widgets> Forum widgets management
>Forum widgets general options
- display forum widgets: chọn Có
- bấm save
- forum widgets management:
kéo widget Search lên
- bấm save
- bấm