seoseo
tr-opencart

     
avatar Şuanki Zaman: 12-05-2016, 09:34 PMHoşgeldin Misafir !
  Şifremi Hatırlat   kayıt ol
opencart temaları

Css Arama Kutusu Görseller -4

Konuyu görüntüleyenler: 1 Misafir
 
Değerlendir:
  • 0 Oy - 0 Yüzde
  • 1
  • 2
  • 3
  • 4
  • 5
%
Cevapla  Gönder 
v  v
Yazar  Kıroğlumarket - Görüntüleme - Okunma  1747 - Yorum  2

Kıroğlumarketv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 2,964
Konular: 474
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1106
964 Mesajına, 1977 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 09-14-2012 03:46 PM
Evet arkadaşlar güzel bir css3 arama kutusu modifiyesiyle daha karşınızdayım. Şimdi Değişen dosyaları sırasyıla açıklayalım . ekteki css dosyasını header da beirtilen yere atınız.


1. Header da css you eklenecek ve text kutuarında class ve id tanımlamaları yapılacak
2. Sistemin kendisine ait css dosyasında header search bloklarında değişimler yapılacak.
3. Ajax search kullanan varsa o siyah açılan liste yeni modifiyeli arama kutusuna nasıl uyumlu hale geitirilir gösterilecek.


Başlayalım

Şimdi Dosyamızı Açalım : catalog/view/theme/seninteman/styleesheet/ styleesheet.css dosyanızda ki header serach bloklarını aşıdaki gibi düzenleyiniz.

PHP Kod:
#header #search {
    
positionabsolute;
    
top9px;
    
right10px;
    
    
z-index15;
}
#header .button-search {
    
positionabsolute;
    
left287px;
    
top9px;
    
    
height24px;
        
cursorpointer;
}
#header #search input {


Dosyamızı Açalım : [/b]catalog/view/theme/seninteman/template/common header.tpl

Bulalım :

PHP Kod:
</head

Üstüne Ekleyelim :

PHP Kod:
<link href="catalog/view/javascript/js/global.css" rel="stylesheet" type="text/css" media="screen" /> 


Yine aynı dosyada Bulalım :

PHP Kod:
<div id="search"
Başlayıp
PHP Kod:
</div
dahil
PHP Kod:
<div id="welcome"
kısmına kadar seçelim ve aşağıdaki ile değiştirelim.

PHP Kod:
<div id="search">
    <
div class="button-search"></div>
    <?
php if ($filter_name) { ?>
   <form id="searchbox">
    <input id="sea" type="text" name="filter_name" value="<?php echo $filter_name?>">
    <div class="button-search"><input id="sub" type="submit" value="<?php echo $filter_name?>"></div>
    <?php } else { ?>
    <input id="sea" type="text" name="filter_name" value="<?php echo $text_search?>"onclick="this.value = '';" >
    <div class="button-search"><input id="sub" type="submit" value="<?php echo $text_search?>"></div>
</form><?php ?>

  </div> 

Eğer Ajax search kullanan arkadaşlar varsa dosyamızı açalım : catalog/view/theme/default/stylesheet/ livesearch.css Belirttiğim yerlerde kendinize göre düzenleme yapınız.

Alıntı:#livesearch_search_results {
margin:0px;
padding:5px;
position: absolute;
top: 50px; ==>> Burası konumu alt yada üste çıkarmak için
left: 15px; ==>> Burası yeri sola yada sağa çekmek için
min-width: 370px;==>> Burasıda o siyah listenin uzunluğu ayarlandığı yer


Ekli Dosya(lar) Önizleme(ler)
Resmi Büyütmek İçin Tıklayın   
.css global.css Eklentiyi indir...
Boyut: 3.42 KB İndirme: 14
Telif Hakkı için Rapor Edin...
Kıroğlumarket
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: yusuf_07 , ITECHINN , nokta , osdem66 , BLaDe , fe_odaliz , hakan1122
opencart temaları
ITECHINNv
Sadece PHP
****
Üye user avatar
Çevrimdışı

Mesajlar: 557
Konular: 17
Katılma Tarihi: May 2012
Rep Puanı: 15
Teşekkürler: 275
187 Mesajına, 328 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 09-14-2012 04:07 PM
Dostum eline emeğine sağlık,

sen bu css işinde yeni temaya kadar gidersin artık Smile
Alıntı Yaparak Cevapla
Paylaş!
Kıroğlumarketv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 2,964
Konular: 474
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1106
964 Mesajına, 1977 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 09-14-2012 04:19 PM
teşekkürler @aytekin hocam maksadım her temaya uygun farklı görsellikler katmak
Kıroğlumarket
Alıntı Yaparak Cevapla
Paylaş!

« Önceki | Sonraki »
Cevapla  Gönder 

Css Arama Kutusu Görseller -4 Konusunun Linki Direk Link
Css Arama Kutusu Görseller -4 Konusunun HTML Kodu HTML Link
Css Arama Kutusu Görseller -4 Konusu BBCode Linki BBCode Link
Css Arama Kutusu Görseller -4 Konusunu Paylaş Sosyal Paylaş

Benzeyen Konular
Konu: Yazar Cevaplar: Gösterim: Son Mesaj
  Sesli Arama Yapmak BLaDe 6 1,681 07-12-2016 02:18 AM
Son Mesaj: martin_8525
  Kategorilerde Arama Sayfasında Stok Miktarın Gösterme Kıroğlumarket 6 1,870 06-10-2016 10:25 AM
Son Mesaj: furkanyvz
  [Mod] Admin sayfasında resim yükleme penceresi arama yaptırmak vqmod Kıroğlumarket 4 2,309 04-10-2016 09:08 PM
Son Mesaj: emrecanaaa
  [Modifikasyon] 1.5.5.x Ve 1.5.6.x Etiket Arama Sorunu Çözümü Kıroğlumarket 3 1,315 03-21-2016 01:46 AM
Son Mesaj: bluemonday
  OC. 1.5.6.4 arama sonuçlarında boşluklar tuncaksoy 2 205 03-10-2016 06:13 PM
Son Mesaj: tuncaksoy
  arama kısmında hata alıyorum OzanDogu 2 563 02-21-2016 10:42 PM
Son Mesaj: OzanDogu
  [Eklenti] Opencart Auto suggest product vQmod (Ajax arama tarzı resimli arama) Kıroğlumarket 24 4,264 11-25-2015 07:02 PM
Son Mesaj: fakir
  [Modifikasyon] Ajax Arama - Resimli Sürüm ITECHINN 60 15,725 08-22-2015 11:02 PM
Son Mesaj: redwhite27
  [Modifikasyon] Opencart 1.5.6.x Özel Tam Sayfa Arama Modifikasyonu Kıroğlumarket 0 638 02-28-2015 11:28 AM
Son Mesaj: Kıroğlumarket
  1.5.6 Ana Sayfa, Kategori, Arama Sayfaları İndirim Oranı Gösterme Bir_ihtimaL 0 739 01-24-2015 03:16 PM
Son Mesaj: Bir_ihtimaL

Css Arama Kutusu Görseller -4 indir, Css Arama Kutusu Görseller -4 Videosu, Css Arama Kutusu Görseller -4 online izle, Css Arama Kutusu Görseller -4 Bedava indir, Css Arama Kutusu Görseller -4 Yükle, Css Arama Kutusu Görseller -4 Hakkında, Css Arama Kutusu Görseller -4 nedir, Css Arama Kutusu Görseller -4 Free indir, Css Arama Kutusu Görseller -4 oyunu, Css Arama Kutusu Görseller -4 download


Forum Atla: