Làm đẹp thanh công cụ tìm kiếm

[vandonstar]

Demo: (Như forum mình đang sử dụng)

Code:

http://www.vandonstar.com/

Chú ý: Dị ứng với IE. Hiệu ứng đẹp khi sử dụng Firefox 5 hoặc Google Chrome 12

Hướng dẫn:

Temp >> Portal >> mod_search

Thay toàn bộ bằng code này:

Code:

<div class="gensmall">
         <form action="/search.forum" method="get" target="_blank">
            <div class="timkiemvds">

<div class="timkiem_1">
               <input type="text" class="noidungtimkiem" name="search_keywords" size="30" />    <input type="submit" class="submittimkiem" value="" />
</div>

<div class="timkiem_2">
               <center><strong>CÔNG CỤ TÌM KIẾM</strong></center>
               <input id="google" type="radio" name="typerecherche" value="google" checked="checked" /><label for="google"> Của <b><font color="#0039b6">G</font><font color="#c41200">o</font><font color="#f3c518">o</font><font color="#0039b6">g</font><font color="#30a72f">l</font><font color="#c41200">e</font></b></label><br />
               <input id="interne" type="radio" name="typerecherche" value="interne" /><label for="interne"> Của diễn đàn</label><br /><br />
               <center><strong>TÌM KIẾM THEO</strong></center>
               <input id="rtopics" type="radio" name="show_results" value="topics" checked="checked" /><label for="rtopics"> Tên chủ đề</label><br />
               <input id="rposts" type="radio" name="show_results" value="posts" /><label for="rposts"> Nội dung bài viết</label>
               <hr />
               <a href="/search.forum"><img src="http://2img.net/i/fa/icon_mini_search.gif" width="12" height="13" border="0" alt="Rechercher" hspace="3" />Tìm kiếm nâng cao...</a>
               {JS_SESSION_ID_INPUT}
</div>
            </div>
         </form>
</div>

Thêm vào Css:

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;}

Cuối cùng là cho mod_search hoạt động bằng cách:
Modules >> Forum widgets management
Cho khung Search lên và bấm chấp nhận.

Xong!

[Mr.Winni]

Cũng đẹp đấy chứ,

[ttpp90]

cái này đẹp rồi, nhưng cho em xin cái khung đăng nhập được không !

[DarkSky]

cái này đẹp rồi, nhưng cho em xin cái khung đăng nhập được không !

cái khung đăng nhập cũng đã dc vandonstar share
[You must be registered and logged in to see this link.]

[badboy10a8]

bạn xem giúp mình, nút search nó bị mất hình dạng đi + chữ "của diễn đàn " vs "của google" và "tên chủ đề" vs "nội dung bài viết" nó không xuống hàng.
thanks !

[singh]

điệp đí

[badboy10a8]

bạn xem giúp mình, nút search nó bị mất hình dạng đi + chữ "của diễn đàn " vs "của google" và "tên chủ đề" vs "nội dung bài viết" nó không xuống hàng.
thanks !

I need help !

[vandonstar]

bạn xem giúp mình, nút search nó bị mất hình dạng đi + chữ "của diễn đàn " vs "của google" và "tên chủ đề" vs "nội dung bài viết" nó không xuống hàng.
thanks !

I need help !

Link diễn đàn bạn đâu để mình xem nào

[badboy10a8]

àh, quên mất, đây bạn:

Code:


http://thaiphienpro.com/forum


[ThaiKeyboard]

không làm được... làm ra cái chi chi á.. xem thử đi

Code:

yeutranphu.tk/forum

[vandonstar]

àh, quên mất, đây bạn:

Code:


http://thaiphienpro.com/forum


Bạn nhớ làm đúng hướng dẫn.
Copy và thay thế toàn bộ mod_search
và nhớ thêm CSS. Đảm bảo bạn sẽ thành công.

[vandonstar]

không làm được... làm ra cái chi chi á.. xem thử đi

Code:

yeutranphu.tk/forum

Cả bạn cũng vậy. Nhớ copy hết css nha. bạn copy còn thiếu đấy.

[badboy10a8]

đã khắc phục được lỗi ko xuống hàng, mình thêm <br/> vào code trong mod_search của bạn. còn lỗi hình nút search bị mất thì mình chịu.
Đảm bảo làm đúng như bài của bạn.

??

[vandonstar]

Bạn có chắc là trong CSS đã có 2 dòng này chưa?

Code:

.noidungtimkiem{background-color:transparent; border:0; width:178px; height:20px;}
.submittimkiem{width:50px; background-color:transparent; border:0; cursor:pointer;}

[badboy10a8]

Bạn có chắc là trong CSS đã có 2 dòng này chưa?

Code:

.noidungtimkiem{background-color:transparent; border:0; width:178px; height:20px;}
.submittimkiem{width:50px; background-color:transparent; border:0; cursor:pointer;}

đã có rồi bạn àh ?

[vandonstar]

Bạn thử copy và làm lại từ đầu một lần nữa. Nếu vẫn chưa được mình sẽ giúp

[badboy10a8]

Bạn thử copy và làm lại từ đầu một lần nữa. Nếu vẫn chưa được mình sẽ giúp

vẫn không được bạn ơi ! Có code nào xung đột ko bạn ?

[vandonstar]

Bạn thử copy và làm lại từ đầu một lần nữa. Nếu vẫn chưa được mình sẽ giúp

vẫn không được bạn ơi ! Có code nào xung đột ko bạn ?

Nếu bạn đã chắc chắn là làm lại từ đầu vẫn không được thì vui lòng pm yahoo mình: axe.chieftain

[ThaiKeyboard]

không làm được... làm ra cái chi chi á.. xem thử đi

Code:

yeutranphu.tk/forum

Cả bạn cũng vậy. Nhớ copy hết css nha. bạn copy còn thiếu đấy.

Đã copy đủ bạn à

[ph0ngprono1]

Cái của mình thì lại có một cái hình màu trắng đè lên nút tìm kiếm,trông rõ xấu,bạn có cách nào xóa dc nó đi không

Code:

http://dragonballidol.forumvi.com/

[zualuoi]

đẹp lắm. thank

[duymobile20]

đẹp lắm. thank

bạn làm ok rồi à

[mouse810]

Cho em hỏi canh trái mấy cái nút như thế nào vậy ?

[Choáng Váng]

đây mới là thiên tài của đất nước
chỉ số EQ cao hơn bài viết

[Tran Jun Han]

Không được đẹp lắm

[toonworld]

Của mình nó không chịu thu vô gì hết!
Cứ đứng chen dưới cái bảng thống kê bài viết sau cùng!
[edit]: làm được rồi , do mình ngăn cách bằng dấu (----) nên nó bị xung đột!

[Sponsored content]