profesyonel sitelerde oldugu gibi arama kutucuguna kelimeyi girdiğimizde sonuçların çıkması olayını bloggera uygulamak mümkün değil sanıyordum.
aşağıdaki linkte uygulanabilir oldugunu gördüm. bu konu hakkında bilgisi olan var mı ? bu sistemin tam adını bilmiyorum. örnek olarak göstereceğim
Link
bu temanın, veya arama kutusunun kodlarına ihtiyacım var
- Üyelik 30.01.2014
- Yaş/Cinsiyet 30 / E
- Meslek Meslek
- Konum Karaman
- Ad Soyad R** B**
- Mesajlar 279
- Beğeniler 41 / 40
- Ticaret 4, (%100)
- Üyelik 25.08.2011
- Yaş/Cinsiyet 34 / E
- Meslek Üni. Öğrencisi
- Konum Antalya
- Ad Soyad M** Y**
- Mesajlar 167
- Beğeniler 29 / 59
- Ticaret 10, (%100)
Şunu bir dener misin:
Css kodları:
Html Kodları:
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>
- Üyelik 09.05.2012
- Yaş/Cinsiyet 27 / E
- Meslek -
- Konum
- Ad Soyad K** S**
- Mesajlar 159
- Beğeniler 1 / 11
- Ticaret 3, (%100)
Bende farklı arama kutusu koydum ama bir türlü yerini değiştiremedim margin-top değeriyle oynuyorum hareket etmiyor.
- Üyelik 30.01.2014
- Yaş/Cinsiyet 30 / E
- Meslek Meslek
- Konum Karaman
- Ad Soyad R** B**
- Mesajlar 279
- Beğeniler 41 / 40
- Ticaret 4, (%100)
Şunu bir dener misin:
Html Kodları:
Html Kodları:
<script>
jQuery(document).ready(function(){
createTicker();
});
</script>
<script>
//searching({summaryLength:100,scrthumbSize:50});
//]]>
</script>
öncelikle
kısmında kapanış div'i fazla oldu, onu sildikten sonra siteye uyguladım. fakat istenilen şekilde çalışmadı.
hocam verdiğim örnek sitede kelimeyi yazıp enter'a basınca hemen altta sonuçlar çıkıyor.
kendi sitemde ise kelimeyi yazıp entera basınca normal arama yapıyor /search?q=adasdsa şeklinde...
Ek Olarak:
Bende farklı arama kutusu koydum ama bir türlü yerini değiştiremedim margin-top değeriyle oynuyorum hareket etmiyor.
site adresinizi pm atar mısın hocam görebilir miyim..
bir de arama kutusu size özel değilse kodlarını yollamanızı rica edeceğim.
- Üyelik 09.05.2012
- Yaş/Cinsiyet 27 / E
- Meslek -
- Konum
- Ad Soyad K** S**
- Mesajlar 159
- Beğeniler 1 / 11
- Ticaret 3, (%100)
kısmında kapanış div'i fazla oldu, onu sildikten sonra siteye uyguladım. fakat istenilen şekilde çalışmadı.
hocam verdiğim örnek sitede kelimeyi yazıp enter'a basınca hemen altta sonuçlar çıkıyor.
kendi sitemde ise kelimeyi yazıp entera basınca normal arama yapıyor /search?q=adasdsa şeklinde...
Ek Olarak:
site adresinizi pm atar mısın hocam görebilir miyim..
bir de arama kutusu size özel değilse kodlarını yollamanızı rica edeceğim.
Hocam benim kullanmaya çalıştığım sizin bahsettiğiniz gibi değil klasik arama kutusu burada paylaşılmış.
