seoseo
tr-opencart

     
avatar Şuanki Zaman: 12-03-2016, 04:40 PMHoşgeldin Misafir !
  Şifremi Hatırlat   kayıt ol
opencart temaları

Tema Css Search Arama Görselleri

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  2987 - Yorum  13

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

Mesajlar: 2,962
Konular: 473
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-13-2012 11:21 AM
Evet arkadaşlar css ile hazırlanmış olan arama kutularını burada modifiye edip paylaşacağım . Normal arama kutusundan bıkanlar için güzel olacağını düşünüyorum.

Şimdi Hangi dosyalarda İşlem yapıldı: catalog/view/theme/seninteman/styleesheet/ styleesheet.css te bu satırları kendinize göre düzenleyin ben kendime göre düzenlenmiş olanı veriyorum

PHP Kod:
#header #search {
    
positionabsolute;
    
top4px;
    
right5px;
    
    
z-index15;
}
#header .button-search {
    
positionabsolute;
    
left185px;
    
top: -1px;
    
    
height24px;
        
cursorpointer;
}
#header #search input {


Diğer Bir Düzenleme İse .../theme/seninteman/template/common/ header.tpl dosyamızdır.


Ben kendi düzenlediğim header.tpl mi sunuyorum siz kendinize göre monteleme yapınız.


PHP Kod:
<?php if (isset($_SERVER['HTTP_USER_AGENT']) && !strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE 6')) echo '<?xml version="1.0" encoding="UTF-8"?>'"\n"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="<?php echo $direction?>" lang="<?php echo $lang?>" xml:lang="<?php echo $lang?>">
<head>
<title><?php echo $title?></title>
<base href="<?php echo $base?>" />
<?php if ($description) { ?>
<meta name="description" content="<?php echo $description?>" />
<?php ?>
<?php 
if ($keywords) { ?>
<meta name="keywords" content="<?php echo $keywords?>" />
<?php ?>
<?php 
if ($icon) { ?>
<link href="<?php echo $icon?>" rel="icon" />
<?php ?>
<?php 
foreach ($links as $link) { ?>
<link href="<?php echo $link['href']; ?>" rel="<?php echo $link['rel']; ?>" />
<?php ?>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/stylesheet.css" />
<?php foreach ($styles as $style) { ?>
<link rel="<?php echo $style['rel']; ?>" type="text/css" href="<?php echo $style['href']; ?>" media="<?php echo $style['media']; ?>" />
<?php ?>
<script type="text/javascript" src="catalog/view/javascript/jquery/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="catalog/view/javascript/jquery/ui/jquery-ui-1.8.16.custom.min.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/ui/themes/ui-lightness/jquery-ui-1.8.16.custom.css" />
<link href="catalog/view/javascript/css/cbdb-search-form.css" type="text/css" rel="stylesheet" media="screen" />
<script type="text/javascript" src="catalog/view/javascript/jquery/ui/external/jquery.cookie.js"></script>
<script type="text/javascript" src="catalog/view/javascript/jquery/colorbox/jquery.colorbox.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/colorbox/colorbox.css" media="screen" />
<script type="text/javascript" src="catalog/view/javascript/jquery/tabs.js"></script>
<script type="text/javascript" src="catalog/view/javascript/common.js"></script>
<?php foreach ($scripts as $script) { ?>
<script type="text/javascript" src="<?php echo $script?>"></script>
<?php ?>
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/ie7.css" />
<![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/ie6.css" />
<script type="text/javascript" src="catalog/view/javascript/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('#logo img');
</script>
<![endif]-->
<?php echo $google_analytics?>
<style type="text/css">
/*** Demo style - Not required **/
/****************************************
    CSS 3 SEARCH FORM BY CAMERON BANEY
    Design Blog: http://blog.cameronbaney.com 
    Twitter: @cameronbaney
****************************************/

#search-form {
    background: #e1e1e1; /* Fallback color for non-css3 browsers */
    width: 280px;
    
    /* Gradients */
    background: -webkit-gradient( linear,left top, left bottom, color-stop(0, rgb(243,243,243)), color-stop(1, rgb(225,225,225)));
    background: -moz-linear-gradient( center top, rgb(243,243,243) 0%, rgb(225,225,225) 100%);
    
    /* Rounded Corners */
    border-radius: 17px; 
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    
    /* Shadows */
    box-shadow: 1px 1px 2px rgba(0,0,0,.3), 0 0 2px rgba(0,0,0,.3); 
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.3), 0 0 2px rgba(0,0,0,.3);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.3), 0 0 2px rgba(0,0,0,.3);
}

/*** TEXT BOX ***/
input[type="text"]{
    background: #fafafa; /* Fallback color for non-css3 browsers */
    
    /* Gradients */
    background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(250,250,250)), color-stop(1, rgb(230,230,230)));
    background: -moz-linear-gradient( center top, rgb(250,250,250) 0%, rgb(230,230,230) 100%);
    
    border: 0;
    border-bottom: 1px solid #fff;
    border-right: 1px solid rgba(255,255,255,.8);
    font-size: 16px;
    margin: 4px;
    padding: 5px;
    width: 165px;
    
    /* Rounded Corners */
    border-radius: 17px; 
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    
    /* Shadows */
    box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);
    -webkit-box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);
    -moz-box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);
}

/*** USER IS FOCUSED ON TEXT BOX ***/
input[type="text"]:focus{
    outline: none;
    background: #fff; /* Fallback color for non-css3 browsers */
    
    /* Gradients */
    background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(255,255,255)), color-stop(1, rgb(235,235,235)));
    background: -moz-linear-gradient( center top, rgb(255,255,255) 0%, rgb(235,235,235) 100%);
}

/*** SEARCH BUTTON ***/
input[type="submit"]{
    background: #44921f;/* Fallback color for non-css3 browsers */
    
    /* Gradients */
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(79,188,32)), color-stop(0.15, rgb(73,157,34)), color-stop(0.88, rgb(62,135,28)), color-stop(1, rgb(49,114,21)));
    background: -moz-linear-gradient( center top, rgb(79,188,32) 0%, rgb(73,157,34) 15%, rgb(62,135,28) 88%, rgb(49,114,21) 100%);
    
    border: 0;
    color: #eee;
    cursor: pointer;
    float: right;
    font: 16px Arial, Helvetica, sans-serif;
    font-weight: bold;
    height: 30px;
    margin: 4px 4px 0;
    text-shadow: 0 -1px 0 rgba(0,0,0,.3);
    width: 84px;
    outline: none;
    
    /* Rounded Corners */
    border-radius: 30px; 
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    
    /* Shadows */
    box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);
    -moz-box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);
}
/*** SEARCH BUTTON HOVER ***/
input[type="submit"]:hover {
    background: #4ea923; /* Fallback color for non-css3 browsers */
    
    /* Gradients */
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(89,222,27)), color-stop(0.15, rgb(83,179,38)), color-stop(0.8, rgb(66,143,27)), color-stop(1, rgb(54,120,22)));
    background: -moz-linear-gradient( center top, rgb(89,222,27) 0%, rgb(83,179,38) 15%, rgb(66,143,27) 80%, rgb(54,120,22) 100%);
}
input[type="submit"]:active {
    background: #AAAAFF; /* Fallback color for non-css3 browsers */
    
    /* Gradients */
    background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(89,222,27)), color-stop(0.15, rgb(83,179,38)), color-stop(0.8, rgb(66,143,27)), color-stop(1, rgb(54,120,22)));
    background: -moz-linear-gradient( center bottom, rgb(89,222,27) 0%, rgb(83,179,38) 15%, rgb(66,143,27) 80%, rgb(54,120,22) 100%);
}
.kutu{width: 260px; overflow:hidden; background: #e2e2e2; padding: 10px;}
     .kutuBir{width: 50px; height: 50px; background: #BDBDBD;float:left; margin: 10px;}
     .kutuIki{width: 60px; height: 60px; background: #889B7F;float:left; margin: 10px;}
     .kutuUc{position: absolute;
    top: 5px;
    left: 685px;}
</style>
</head>
<body>
<div id="container">
<div id="header">
  <?php if ($logo) { ?>
  <div id="logo"><a href="<?php echo $home?>"><img src="<?php echo $logo?>" title="<?php echo $name?>" alt="<?php echo $name?>" /></a></div>
  <?php ?>
  <?php echo $language?>
  <?php echo $currency?>
  <?php echo $cart?>
  <div id="search">
    <div class="button-search"></div>
    <?php if ($filter_name) { ?>
  <div id="search-form">  <input type="text" name="filter_name" value="<?php echo $filter_name?>"onclick="this.value = '';" onkeydown="this.style.color = '#000000';"/>
 <div class="button-search"><input type="submit" name="filter_name" id="filter_name" value="<?php echo $text_search?>"/></div></div> 
   <?php } else { ?>
<div id="search-form">  <input type="text" name="filter_name" value="<?php echo $filter_name?>"onclick="this.value = '';" onkeydown="this.style.color = '#000000';"/>
<div class="button-search"><input type="submit"  name="filter_name"  value="<?php echo $text_search?>"/></div>  </div> 
 <?php ?>
</div>   
<div id="welcome">
    <?php if (!$logged) { ?>
    <?php echo $text_welcome?>
    <?php } else { ?>
    <?php echo $text_logged?>
    <?php ?>
  </div>
  <div class="links"><a href="<?php echo $home?>"><?php echo $text_home?></a><a href="<?php echo $wishlist?>" id="wishlist-total"><?php echo $text_wishlist?></a><a href="<?php echo $account?>"><?php echo $text_account?></a><a href="<?php echo $shopping_cart?>"><?php echo $text_shopping_cart?></a><a href="<?php echo $checkout?>"><?php echo $text_checkout?></a></div>
</div>
<?php if ($categories) { ?>
<div id="menu">
  <ul>
    <?php foreach ($categories as $category) { ?>
    <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
      <?php if ($category['children']) { ?>
      <div>
        <?php for ($i 0$i count($category['children']);) { ?>
        <ul>
          <?php $j $i ceil(count($category['children']) / $category['column']); ?>
          <?php for (; $i $j$i++) { ?>
          <?php if (isset($category['children'][$i])) { ?>
          <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>
          <?php ?>
          <?php ?>
        </ul>
        <?php ?>
      </div>
      <?php ?>
    </li>
    <?php ?>
  </ul>
</div>
<?php ?>
<div id="notification"></div> 

Ve son olarakta livesearch.css dosyası eğer ajax arama kullanan varsa .. Left ve top kısımlarını kendinize göre düzenlersiniz. Bu Kısım aşağı doğru açılan arama barınıın konumunu belirlemektedir.
Alıntı:#livesearch_search_results {
margin:0px;
padding:5px;
position: absolute;
top: 40px;
left: 0px;


Anlatım Videosu







Ekli Dosya(lar) Önizleme(ler)
Resmi Büyütmek İçin Tıklayın   
Kıroğlumarket
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: ITECHINN , nokta , osdem66 , yusuf_07 , BLaDe , fe_odaliz
opencart temaları
noktav
Süper Moderator
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 629
Konular: 24
Katılma Tarihi: Jan 2012
Rep Puanı: 12
Teşekkürler: 672
174 Mesajına, 272 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 09-13-2012 12:34 PM
Çok hoş bir düzenleme olmuş emeklerine sağlık kardeşim.
nokta
Bu Dünya Acılardan Kaçamayacağın Kadar Küçük,
Kaybettiklerini Bir Daha Bulamayacağın Kadar Büyüktür!..
Alıntı Yaparak Cevapla
Paylaş!
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-13-2012 01:06 PM
Hocam elinize emeğinize sağlık.

Dün sorununuza yardım etmek için yazmaya çalıştım ama, uzun süre yazmadığım için session hatasına düştüm. Sonra da saat 5'e kadar foruma erişemedim Smile

Güzel ve etkili bir çalışma, tekrar teşekkürler
Alıntı Yaparak Cevapla
Paylaş!
Kıroğlumarketv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 2,962
Konular: 473
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-13-2012 01:50 PM
@Aytekin Hocam Senin düşünmen yeter... Durmak Yok İkinci css gorsel arama kutucuğumuz

Konum ve diğer özellikler için gene yukarıda belirttiğim cssleri kendinize göre düzenleyiniz.

header.tpl de deişiklik yapılmıştır. Ekteki css dosyasını catalog/view/javascript/js/ klasörüne atınız

Dosyamızı Açalım : header.tpl

Bul :

PHP Kod:
</head

Üstüne :

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

Aynı Dosyada Bulunuz :


PHP Kod:
<div id="search">
    <
div class="button-search"></div>
    <?
php if ($filter_name) { ?>
    <input type="text" name="filter_name" value="<?php echo $filter_name?>" />
    <?php } else { ?>
    <input type="text" name="filter_name" value="<?php echo $text_search?>" onclick="this.value = '';" onkeydown="this.style.color = '#000000';" />
    <?php ?>
  </div> 


Bununla Değiştiriniz :


PHP Kod:
<div id="search">
    <
div class="button-search"></div>
    <?
php if ($filter_name) { ?>
  <div class="searchform">  <input class="searchfield" type="text" name="filter_name" value="<?php echo $filter_name?>"onclick="this.value = '';" onkeydown="this.style.color = '#000000';"/>
 <div class="button-search"><input type="submit" class="searchbutton" name="filter_name" id="filter_name" value="Git"/></div></div> 
   <?php } else { ?>
<div class="searchform">  <input class="searchfield" type="text" name="filter_name" value="<?php echo $filter_name?>"onclick="this.value = '';" onkeydown="this.style.color = '#000000';"/>
<div class="button-search"><input class="searchbutton" type="submit"  name="filter_name"  value="Git"/></div>  </div> 
 <?php ?>
</div> 


Ekli Dosya(lar) Önizleme(ler)
Resmi Büyütmek İçin Tıklayın   
.rar global.rar Eklentiyi indir...
Boyut: 755 bytes İndirme: 11
Telif Hakkı için Rapor Edin...
Kıroğlumarket
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: ITECHINN , nokta , yusuf_07
noktav
Süper Moderator
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 629
Konular: 24
Katılma Tarihi: Jan 2012
Rep Puanı: 12
Teşekkürler: 672
174 Mesajına, 272 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 09-13-2012 02:01 PM
@kiroglumarket ikinci düzenlemeyi yeni bir başlık altında versek nasıl olur?
Sanki burada arada kaybolacak gibi, boşa gitmesin yani o kadar emek verip hazırlanmış değerli bir çalışma.
nokta
Bu Dünya Acılardan Kaçamayacağın Kadar Küçük,
Kaybettiklerini Bir Daha Bulamayacağın Kadar Büyüktür!..
Alıntı Yaparak Cevapla
Paylaş!
osdem66v
Forum Kurucusu
*******
Administrators user avatar
Çevrimdışı

Mesajlar: 1,746
Konular: 127
Katılma Tarihi: Dec 2011
Rep Puanı: 23
Teşekkürler: 356
437 Mesajına, 1169 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 09-13-2012 02:01 PM
(09-13-2012 01:06 PM)ITECHINN Yazılan:  Hocam elinize emeğinize sağlık.

Dün sorununuza yardım etmek için yazmaya çalıştım ama, uzun süre yazmadığım için session hatasına düştüm. Sonra da saat 5'e kadar foruma erişemedim Smile

Güzel ve etkili bir çalışma, tekrar teşekkürler

Merhaba; Kiroğlu Kardeşim öncelikle eline Sağlık, Aytekin kardeşim evet dün sunucu kaynaklı bir session hatasıyla karşılaştık ve foruma ulaşım malesef sağlanamadı...Nazar mı değdik nedirSmile))MAAŞALLAH diyelimBig Grin
osdem66
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: ITECHINN , Kıroğlumarket
opencart temaları
noktav
Süper Moderator
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 629
Konular: 24
Katılma Tarihi: Jan 2012
Rep Puanı: 12
Teşekkürler: 672
174 Mesajına, 272 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 09-13-2012 02:04 PM
(09-13-2012 02:01 PM)osdem66 Yazılan:  Merhaba; Kiroğlu Kardeşim öncelikle eline Sağlık, Aytekin kardeşim evet dün sunucu kaynaklı bir session hatasıyla karşılaştık ve foruma ulaşım malesef sağlanamadı...Nazar mı değdik nedirSmile))MAAŞALLAH diyelimBig Grin

KIRKBİR KERE MAŞALLAH
Allah nazarlardan kem gözlerden saklasın..

Geçmiş olsun diyelim hocam inşallah bir daha tekrar etmez.


Ekli Dosya(lar) Önizleme(ler)
Resmi Büyütmek İçin Tıklayın   
nokta
Bu Dünya Acılardan Kaçamayacağın Kadar Küçük,
Kaybettiklerini Bir Daha Bulamayacağın Kadar Büyüktür!..
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: ITECHINN , osdem66 , Kıroğlumarket , yusuf_07
Kıroğlumarketv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 2,962
Konular: 473
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-13-2012 02:19 PM
Amin Allah Nazardan Korusun Formumuzu ... Artık 3. Görselimizi Faklı Bir Konu Altında Açarım
Kıroğlumarket
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: osdem66 , nokta , yusuf_07 , ITECHINN
noktav
Süper Moderator
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 629
Konular: 24
Katılma Tarihi: Jan 2012
Rep Puanı: 12
Teşekkürler: 672
174 Mesajına, 272 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 09-17-2012 11:18 AM
@kiroglumarket,
şimdi 1. çalışman çok hoşuma gitti ve yeni oluşturduğum bir temaya ekledim gerçekten çok hoş oldu lakin beyaz mavi çalıştığım temam da yeşil buton pek gitmedi buton rengini değiştirmek için denemediğim yol kalmadı ama malesef beceremedim nereye sakladın bu kodu sevgili kardeşim? Big Grin
PHP Kod:
<style type="text/css">
/*** Demo style - Not required **/
/****************************************
    CSS 3 SEARCH FORM BY CAMERON BANEY
    Design Blog: http://blog.cameronbaney.com 
    Twitter: @cameronbaney
****************************************/

#search-form {
    
background#e1e1e1; /* Fallback color for non-css3 browsers */
    
width280px;
    
    
/* Gradients */
    
background: -webkit-gradientlinear,left topleft bottomcolor-stop(0rgb(243,243,243)), color-stop(1rgb(225,225,225)));
    
background: -moz-linear-gradientcenter toprgb(243,243,2430%, rgb(225,225,225100%);
    
    
/* Rounded Corners */
    
border-radius17px
    -
webkit-border-radius17px;
    -
moz-border-radius17px;
    
    
/* Shadows */
    
box-shadow1px 1px 2px rgba(0,0,0,.3), 0 0 2px rgba(0,0,0,.3); 
    -
webkit-box-shadow1px 1px 2px rgba(0,0,0,.3), 0 0 2px rgba(0,0,0,.3);
    -
moz-box-shadow1px 1px 2px rgba(0,0,0,.3), 0 0 2px rgba(0,0,0,.3);
}

/*** TEXT BOX ***/
input[type="text"]{
    
background#fafafa; /* Fallback color for non-css3 browsers */
    
    /* Gradients */
    
background: -webkit-gradientlinearleft bottomleft topcolor-stop(0rgb(250,250,250)), color-stop(1rgb(230,230,230)));
    
background: -moz-linear-gradientcenter toprgb(250,250,2500%, rgb(230,230,230100%);
    
    
border0;
    
border-bottom1px solid #fff;
    
border-right1px solid rgba(255,255,255,.8);
    
font-size16px;
    
margin4px;
    
padding5px;
    
width165px;
    
    
/* Rounded Corners */
    
border-radius17px
    -
webkit-border-radius17px;
    -
moz-border-radius17px;
    
    
/* Shadows */
    
box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);
    -
webkit-box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);
    -
moz-box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);
}

/*** USER IS FOCUSED ON TEXT BOX ***/
input[type="text"]:focus{
    
outlinenone;
    
background#fff; /* Fallback color for non-css3 browsers */
    
    /* Gradients */
    
background: -webkit-gradientlinearleft bottomleft topcolor-stop(0rgb(255,255,255)), color-stop(1rgb(235,235,235)));
    
background: -moz-linear-gradientcenter toprgb(255,255,2550%, rgb(235,235,235100%);
}

/*** SEARCH BUTTON ***/
input[type="submit"]{
    
background#44921f;/* Fallback color for non-css3 browsers */
    
    /* Gradients */
    
background: -webkit-gradientlinearleft topleft bottomcolor-stop(0rgb(79,188,32)), color-stop(0.15rgb(73,157,34)), color-stop(0.88rgb(62,135,28)), color-stop(1rgb(49,114,21)));
    
background: -moz-linear-gradientcenter toprgb(79,188,320%, rgb(73,157,3415%, rgb(62,135,2888%, rgb(49,114,21100%);
    
    
border0;
    
color#eee;
    
cursorpointer;
    
floatright;
    
font16px ArialHelveticasans-serif;
    
font-weightbold;
    
height30px;
    
margin4px 4px 0;
    
text-shadow-1px 0 rgba(0,0,0,.3);
    
width84px;
    
outlinenone;
    
    
/* Rounded Corners */
    
border-radius30px
    -
webkit-border-radius30px;
    -
moz-border-radius30px;
    
    
/* Shadows */
    
box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);
    -
moz-box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.2);
    -
webkit-box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);
}
/*** SEARCH BUTTON HOVER ***/
input[type="submit"]:hover {
    
background#4ea923; /* Fallback color for non-css3 browsers */
    
    /* Gradients */
    
background: -webkit-gradientlinearleft topleft bottomcolor-stop(0rgb(89,222,27)), color-stop(0.15rgb(83,179,38)), color-stop(0.8rgb(66,143,27)), color-stop(1rgb(54,120,22)));
    
background: -moz-linear-gradientcenter toprgb(89,222,270%, rgb(83,179,3815%, rgb(66,143,2780%, rgb(54,120,22100%);
}
input[type="submit"]:active {
    
background#AAAAFF; /* Fallback color for non-css3 browsers */
    
    /* Gradients */
    
background: -webkit-gradientlinearleft bottomleft topcolor-stop(0rgb(89,222,27)), color-stop(0.15rgb(83,179,38)), color-stop(0.8rgb(66,143,27)), color-stop(1rgb(54,120,22)));
    
background: -moz-linear-gradientcenter bottomrgb(89,222,270%, rgb(83,179,3815%, rgb(66,143,2780%, rgb(54,120,22100%);
}
.
kutu{width260pxoverflow:hiddenbackground#e2e2e2; padding: 10px;}
     
.kutuBir{width50pxheight50pxbackground#BDBDBD;float:left; margin: 10px;}
     
.kutuIki{width60pxheight60pxbackground#889B7F;float:left; margin: 10px;}
     
.kutuUc{positionabsolute;
    
top5px;
    
left685px;}
</
style

sanıyorum bu satırlarda yapmak gerekiyor değişikliği ama tepkisiz kalıyor neden olabilir acaba

PHP Kod:
/*** SEARCH BUTTON ***/
input[type="submit"]{
    
background#44921f;/* Fallback color for non-css3 browsers */
/*** SEARCH BUTTON HOVER ***/
input[type="submit"]:hover {
    
background#4ea923; /* Fallback color for non-css3 browsers */ 
nokta
Bu Dünya Acılardan Kaçamayacağın Kadar Küçük,
Kaybettiklerini Bir Daha Bulamayacağın Kadar Büyüktür!..
Alıntı Yaparak Cevapla
Paylaş!
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-17-2012 11:26 AM
@nokta, ağabey basit bir sorum olacak. Mazur görmeni rica ediyorum. Cache temizledin mi sistemde ? Malum OC cache bazen bu tarz sorunlar yapabiliyor Smile Temizlediysen eğer bu sorumu es geç Big Grin
Alıntı Yaparak Cevapla
Paylaş!

« Önceki | Sonraki »
Cevapla  Gönder 

Css Search Arama Görselleri  Konusunun Linki Direk Link
Css Search Arama Görselleri  Konusunun HTML Kodu HTML Link
Css Search Arama Görselleri  Konusu BBCode Linki BBCode Link
Css Search Arama Görselleri  Konusunu Paylaş Sosyal Paylaş

Benzeyen Konular
Konu: Yazar Cevaplar: Gösterim: Son Mesaj
  index.php?route=product/search kısmını nasıl SEO url haline getirebilirim nahita 2 477 09-07-2016 12:41 AM
Son Mesaj: secretcode
  Sesli Arama Yapmak BLaDe 6 1,679 07-12-2016 02:18 AM
Son Mesaj: martin_8525
  Kategorilerde Arama Sayfasında Stok Miktarın Gösterme Kıroğlumarket 6 1,868 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,306 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,314 03-21-2016 01:46 AM
Son Mesaj: bluemonday
  OC. 1.5.6.4 arama sonuçlarında boşluklar tuncaksoy 2 204 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
  Opencart anasayfadaki görselleri nasıl büyütebilirim emir28 3 283 02-05-2016 11:04 AM
Son Mesaj: osdem66
  [Eklenti] Opencart Auto suggest product vQmod (Ajax arama tarzı resimli arama) Kıroğlumarket 24 4,261 11-25-2015 07:02 PM
Son Mesaj: fakir
  [Modifikasyon] Ajax Arama - Resimli Sürüm ITECHINN 60 15,723 08-22-2015 11:02 PM
Son Mesaj: redwhite27

Css Search Arama Görselleri indir, Css Search Arama Görselleri Videosu, Css Search Arama Görselleri online izle, Css Search Arama Görselleri Bedava indir, Css Search Arama Görselleri Yükle, Css Search Arama Görselleri Hakkında, Css Search Arama Görselleri nedir, Css Search Arama Görselleri Free indir, Css Search Arama Görselleri oyunu, Css Search Arama Görselleri download


Forum Atla: