Css kodları:
#search-block {
width: 150px;
float: right;
margin-right: 0;
margin-top: 7px;
margin-bottom: 7px;
}
#ajax-search-form {
position : relative;
width : 100%;
float : right;
}
#ajax-search-form input {
background : #FFF;
float : left;
font-family :tahoma;
font-size:12px;
padding : 9px 12px 8px 12px;
width : 90px;
color : #c5c5c5;
border : none 0;
border-left : 1px solid #ececec;
transition : width 0.7s, color 0.4s;
border-radius : 0;
}
#ajax-search-form input:focus {
color : #000;
width : 95px;
}
#search-result {
color : #585858;
border : #f3f3f3 solid 1px;
background-color : #fff;
padding : 8px 10px;
margin : 10px 0;
width : 280px;
height : auto;
position : absolute;
top : 27px;
right : 10px;
z-index : 999;
box-shadow : 0 1px 3px #999;
display : none;
}
#search-result * {
margin : 0;
padding : 0;
}
#search-result p {
font-size:12px;
}
#search-result h4, #search-result strong {
display : block;
margin : 0 30px 10px 0;
}
#search-result ol {
list-style : none;
overflow : hidden;
max-height : 450px;
}
#search-result ol:hover {
overflow : auto;
}
#search-result ol a:hover {
text-decoration : underline;
}
#search-result .close {
text-decoration : none;
display : block;
position : absolute;
top : 4px;
font-size : 18px;
right : 10px;
line-height : normal;
color : black;
}
#search-result li {
padding : 5px;
overflow: hidden;
border-bottom: 1px solid #eaeaea;
}
#search-result li:nth-child(even) {
background-color: #f4f4f4;
}
#search-result strong {
margin : 0 0 3px 0;
}
#search-result img {
float : left;
display : block;
margin : 0 5px 0 0;
border-radius : 2px;
border: 1px solid #ccc;
}
#search-block button {
text-indent : -9999px;
overflow : hidden;
float : right;
height : 30px;
width : 30px;
background : url(http://4.bp.blogspot.com/-QNS2CA_-gQk/UoSHkm5IzyI/AAAAAAAAAB8/FNifXgfnvrw/s1600/button-search.png) center no-repeat;
position : relative;
cursor : pointer;
border : none !important ;
outline : 0;
}
Html Kodları:
<script>
jQuery(document).ready(function(){
createTicker();
});
</script>
<script>
//searching({summaryLength:100,scrthumbSize:50});
//]]>
</script>