lostyazilim
tr.link

Blogger farklı arama kutusu

15 Mesajlar 3.452 Okunma
lstbozum
tr.link

dashner dashner Mesaj Kullanıcı
  • Üyelik 30.01.2014
  • Yaş/Cinsiyet 29 / E
  • Meslek Meslek
  • Konum Karaman
  • Ad Soyad R** B**
  • Mesajlar 279
  • Beğeniler 41 / 40
  • Ticaret 4, (%100)
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
 

 

wmaraci
reklam

Conqueror Conqueror Üyeliği Durdurulmuş Banlı Kullanıcı
  • Ü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ı:
#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>

 

 

K1453 K1453 WM Aracı Kullanıcı
  • Ü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.
 

 

dashner dashner Mesaj Kullanıcı
  • Üyelik 30.01.2014
  • Yaş/Cinsiyet 29 / E
  • Meslek Meslek
  • Konum Karaman
  • Ad Soyad R** B**
  • Mesajlar 279
  • Beğeniler 41 / 40
  • Ticaret 4, (%100)

Conqueror adlı üyeden alıntı

Şunu bir dener misin:


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:

K1453 adlı üyeden alıntı

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.
 

 

wmaraci
wmaraci

K1453 K1453 WM Aracı Kullanıcı
  • Ü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ış.
 

 

CyberAdam CyberAdam www.cyberadam.net Kullanıcı
  • Üyelik 30.10.2013
  • Yaş/Cinsiyet 28 / E
  • Meslek Öğrenci
  • Konum Konya
  • Ad Soyad M** A**
  • Mesajlar 428
  • Beğeniler 162 / 88
  • Ticaret 0, (%0)
Buraya bakabilirsin.
Not: Eğer siteyi görüntüleyemiyorsan Google Chrome'dan girmelisin.
 

 

BRHMCR BRHMCR WM Aracı Kullanıcı
  • Üyelik 29.09.2013
  • Yaş/Cinsiyet 29 / E
  • Meslek Freelance
  • Konum Ukrayna
  • Ad Soyad İ** A**
  • Mesajlar 744
  • Beğeniler 0 / 216
  • Ticaret 3, (%100)
blogger json search diye arat birsürü döküman mevcut
 

 

dashner dashner Mesaj Kullanıcı
  • Üyelik 30.01.2014
  • Yaş/Cinsiyet 29 / E
  • Meslek Meslek
  • Konum Karaman
  • Ad Soyad R** B**
  • Mesajlar 279
  • Beğeniler 41 / 40
  • Ticaret 4, (%100)

CyberAdam adlı üyeden alıntı

Buraya bakabilirsin.
Not: Eğer siteyi görüntüleyemiyorsan Google Chrome'dan girmelisin.


kodlar tıkır tıkır çalışıyor; teşekkür ediyorum. css kodlarında renk ayarlarını yapmam gerekiyor onunla uğraşacagım biraz :)

BRHMCR adlı üyeden alıntı

blogger json search diye arat birsürü döküman mevcut


isminin json search oldugunu öğrenmem iyi oldu teşekkürler :)



Ek Olarak:

@CyberAdam ve @BRHMCR

css kodlarını yapabildiğim kadar düzenledim. Fakat 3 problemim var. kodu aşağıda vereceğim. yardımınızı bekliyorum. site adresi imzamda; problemi orada da görebilirsin.

1. Problem: Arama kutusuna yazılan yazıların rengi siyah; onları beyaz yapacak yeri bulamadım; sanırım yeni bir kod eklemek gerekiyor.

2.Problem: Arama Kutusu beyaz çerçeve içinde. ben bu çerçeveyi kaldırmak istiyorum...

3.Problem: Arama yaptıktan sonra çıkan sonuçlar kısmında; resimler tam görünmüyor. height değerini yükseltmek gerekiyor sanırım; fakat tam olarak nereyi yükselteceğimi bilmiyorum.
Çıkan sonuç başlıklarının altında kayıt ile ilgili 1 satırlık açıklama var; height değeri yeterli olmadıgı için o açıklama cümlesinin de yarısı görünmüyor.




(aşağıdaki kod cyberadam.net'ten aldıgım kodun bir kaç yeri editlenmiş hali..)
/* Codex Cyber Adam Arama Kutusu
---------------------------------------------*/
#search-form-feed {
width:250px;
position:relative;
margin:0 0 0px;
padding:0;
font:normal normal 11px/normal Arial,Sans-Serif;
color:orange;
}

#feed-q-input {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
display:block;
width:100%;
border:1px solid #fff;
background:none;
padding:5px 5px;
font:inherit;
font-size:13px;
margin:0;
}

#search-result-container {
width:400px;
height:300px;
overflow:auto;
position:absolute;
background-color:black;
top:100%;
left:0; /* ganti menjadi `right:0` untuk mendorong kontainer ke kanan */
z-index:9999;
border:1px solid #ccc;
padding:10px 10px 0;
margin:10px 0 0;
-webkit-box-shadow:0 3px 5px rgba(0,0,0,.2);
-moz-box-shadow:0 3px 5px rgba(0,0,0,.2);
box-shadow:0 3px 5px rgba(0,0,0,.2);
display:none;
}

#search-result-container mark {
font:inherit;
display:inline;
background-color:black;
color:white;
}

#search-result-container a {
text-decoration:none;
font-weight:bold;
font-size:110%;
display:block;
}

#search-result-container h4 {
margin:0 0 10px;
font:inherit;
font-weight:bold;
color:orange;
}

#search-result-container ol {
background:none;
border:none;
margin:0 0 10px;
padding:0;
}

#search-result-container li {
margin:0 0 15px;
list-style:none;
overflow:hidden;
word-wrap:break-word;
padding-left:65px;
}

#search-result-container li img {
display:block;
float:left;
margin:0 0 2px -55px;
border:1px solid white;
padding:2px;
}

#search-result-loader {
position:absolute;
top:100%;
left:5px;
z-index:9999;
margin-top:4px;
font-size:10px;
display:none;
}
 

 

BRHMCR BRHMCR WM Aracı Kullanıcı
  • Üyelik 29.09.2013
  • Yaş/Cinsiyet 29 / E
  • Meslek Freelance
  • Konum Ukrayna
  • Ad Soyad İ** A**
  • Mesajlar 744
  • Beğeniler 0 / 216
  • Ticaret 3, (%100)
#feed-q-input bul

color:#FF0000 ekle kırmızı olur veya renk kodlarını bilmiyosan

http://html-color-codes.info/
 

 

dashner dashner Mesaj Kullanıcı
  • Üyelik 30.01.2014
  • Yaş/Cinsiyet 29 / E
  • Meslek Meslek
  • Konum Karaman
  • Ad Soyad R** B**
  • Mesajlar 279
  • Beğeniler 41 / 40
  • Ticaret 4, (%100)

BRHMCR adlı üyeden alıntı

#feed-q-input bul

color:#FF0000 ekle kırmızı olur veya renk kodlarını bilmiyosan

http://html-color-codes.info/



renk problemini çözdüm. kenarlık problemi içinde border kodunu değiştrdim.

son 1 şey kaldı. bunun için de yardımcı olur musun lütfen

3.Problem: Arama yaptıktan sonra çıkan sonuçlar kısmında; resimler tam görünmüyor. height değerini yükseltmek gerekiyor sanırım; fakat tam olarak nereyi yükselteceğimi bilmiyorum.
Çıkan sonuç başlıklarının altında kayıt ile ilgili 1 satırlık açıklama var; height değeri yeterli olmadıgı için o açıklama cümlesinin de yarısı görünmüyor.


#search-result-container kısmında tam olarak nereyi düzenlemem gerekiyor acaba
 

 

wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al