lostyazilim
tr.link

Arama kutusunu nasıl düzenleyebilirim

7 Mesajlar 1.123 Okunma
lstbozum
tr.link

olesore olesore "Saban Kılıçtan Üstündür" Kullanıcı
  • Üyelik 29.09.2011
  • Yaş/Cinsiyet 40 / E
  • Meslek Bilim İnsanı
  • Konum Denizli
  • Ad Soyad L** K**
  • Mesajlar 1299
  • Beğeniler 228 / 293
  • Ticaret 12, (%100)
Arkadaşlar sitemde kullandığım temanın arama bölümü hiç hoş durmuyor, nasıl düzeltebilirim. Şuradaki arama kutularından birini siteme uyarlamak için ne yapmalıyım.
 

 

https://populertarim.com
wmaraci
reklam

dlkrnugur dlkrnugur JS Coder Kullanıcı
  • Üyelik 20.11.2011
  • Yaş/Cinsiyet 28 / E
  • Meslek PHP Coder
  • Konum Muğla
  • Ad Soyad U** D**
  • Mesajlar 1069
  • Beğeniler 210 / 209
  • Ticaret 41, (%98)
Reklam gibi yapmak olmasın ama...

http://ugurdalkiran.com/css-ile-arama-kutularinizi-ozellestirin.html
zego

kişi bu mesajı beğendi.

Berkay Berkay WM Aracı Kullanıcı
  • Üyelik 29.04.2011
  • Yaş/Cinsiyet 30 / E
  • Meslek Wordpress Geliştirici
  • Konum Mersin
  • Ad Soyad B** G**
  • Mesajlar 1863
  • Beğeniler 90 / 337
  • Ticaret 27, (%100)
Öncelikle searchform.php adında bir form dosyası oluşturmalsınız ve temanızın içine atmalısınız.Bu php dosyasındaki kodlar aşşağıdaki şekilde olmalıdır.





daha sonra istediğiniz arama kutusunu html,css versiyona dökerek gerekli uyarlamaları yapabilirsiniz.
 

 

olesore olesore "Saban Kılıçtan Üstündür" Kullanıcı
  • Üyelik 29.09.2011
  • Yaş/Cinsiyet 40 / E
  • Meslek Bilim İnsanı
  • Konum Denizli
  • Ad Soyad L** K**
  • Mesajlar 1299
  • Beğeniler 228 / 293
  • Ticaret 12, (%100)
dlkrnugur dostum aslında tam aradığım şey ama bir türlü yapamadım. Anlatımda gayet iyi ama temamdaki hangi kod ne işe yarıyor onu anlamadım...

Berkay aslında dediğin kısım zaten temamın içinde var... şu şekilde;







style dosyası içinde de bu şekilde görünüyor.

/*search*/
#search{float:right;width:190px;height:20px;border:1px solid #a6a5a5;background:#fff;margin:6px 3px 0 0;}
#search form, #search fieldset{float:left;}
#search fieldset{padding:2px 0 0 4px;}
#s {float:left;background:#fff;border:0;margin:0;padding:0 0 0 1px;color:#bcbcbc;font-size:12px;width:164px;}
#searchsubmit {float:left;margin:2px 0 0 0;}


Lakin ben aşağıdaki resmi eklemek istiyorum arama kutusu olarak ve nasıl yapılacağını kod bilgim olmadığı için yapamıyorum...Uyarlarsanız sevinirim...Her ikinize çok teşekkür ederim..

 

 

https://populertarim.com
wmaraci
wmaraci

yusufsatan yusufsatan WM Aracı Kullanıcı
  • Üyelik 08.01.2012
  • Yaş/Cinsiyet - /
  • Meslek
  • Konum
  • Ad Soyad ** **
  • Mesajlar 105
  • Beğeniler 12 / 8
  • Ticaret 0, (%0)
S.a Şimdi Bu Şekilde Yapınca Site İçinde Arama Yapınca Buluyormu Siteni İnceliyorumm.

www.turkcetemplate.com
 

 

Berkay Berkay WM Aracı Kullanıcı
  • Üyelik 29.04.2011
  • Yaş/Cinsiyet 30 / E
  • Meslek Wordpress Geliştirici
  • Konum Mersin
  • Ad Soyad B** G**
  • Mesajlar 1863
  • Beğeniler 90 / 337
  • Ticaret 27, (%100)
Şu anda html,css'e döküyorum 5-10 dakika sonra buradan paylaşırım.

Ek Olarak: Arama kodları ;







style.css'de ekleyeceklerin ;


.arama
{
background:url(images/arama-bg.png) repeat-x;
width:228px;
height:36px;
padding:0 0 0 10px;
line-height:34px;
margin:0;
border-radius:5px;
}
.arama-input
{
background:url(images/input-bg.png) no-repeat;
width:170px;
height:24px;
border:0;
font-size:11px;
color:#333;
padding:0 0 0 20px;
margin:0;
}
.arama-buton
{
background:url(images/arama-buton.png) no-repeat;
width:24px;
height:24px;
border:0;
padding:0;
margin:0;
}


arama-bg.png resmi :



arama-buton.png resmi :



input-bg.png resmi :



Dilersen direkt olarakta indirebilirsin ;

http://wiiy.net/wp-content/uploads/2012/03/arama-tasarim.zip

Takıldığın bir yer olursa yardımcı olurum.
Atakan olesore

kişi bu mesajı beğendi.

dlkrnugur dlkrnugur JS Coder Kullanıcı
  • Üyelik 20.11.2011
  • Yaş/Cinsiyet 28 / E
  • Meslek PHP Coder
  • Konum Muğla
  • Ad Soyad U** D**
  • Mesajlar 1069
  • Beğeniler 210 / 209
  • Ticaret 41, (%98)

olesore adlı üyeden alıntı

dlkrnugur dostum aslında tam aradığım şey ama bir türlü yapamadım. Anlatımda gayet iyi ama temamdaki hangi kod ne işe yarıyor onu anlamadım...


11 Mart 2012 Güncellemesi (WordPress'e Uyarlamak)

http://ugurdalkiran.com/css-ile-arama-kutularinizi-ozellestirin.html
 

 

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