Opencart Türkiye Destek Sitesi ,E-Ticaret Yazılımı Destek Paylaşım Forumu

Opencart Türkiye Destek Sitesi ,E-Ticaret Yazılımı Destek Paylaşım Forumu > Genel Konular > Genel Destek Konuları > Css te takıldııım bir nokta
Tam Görünüm: Css te takıldııım bir nokta
Şu Anda Arşiv Görüntüleme Modundasınız. Siteyi normal görüntülemek için, Buraya Tıklayın

e-ticaretdersleri

09-12-2012, 02:44 PM
Herkese iyi forumlar modifiye işlemim sırasında bir noktada baya bocaladım... Şuanki modifiye işlemim searchbox arama yeri üzerinde ama bir türlü css i oturtamadım gitti Big Grin.. Orjinal dosyasında sorun yok ama headerda düzenlemeler yapmak istedim Dengesiz bir görüntü çıktı srun nerde olabilir. Dosyanın Orjinal ektedir.


stylesheet.css eklediğim kod

PHP Kod:
/* Search Fields */

.search-wrapper {
    width: 370px;
    height: 35px;
    background: #E0E0E0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9E9E9', endColorstr='#D7D7D7');
    background: -webkit-gradient(linear, left top, left bottom, from(#E9E9E9), to(#D7D7D7)); 
    background: -moz-linear-gradient(top,  #E9E9E9,  #D7D7D7); 
    padding: 8px;
    -webkit-box-shadow: inset 0px 2px 2px #B2B3B5, 0px 1px 0 #fff;
    -moz-box-shadow: inset 0px 2px 2px #B2B3B5, 0px 1px 0 #fff;
    -o-box-shadow: inset 0px 2px 2px #B2B3B5, 0px 1px 0 #fff;
    -khtml-box-shadow: inset 0px 2px 2px #B2B3B5, 0px 1px 0 #fff;
    box-shadow: inset 0px 2px 2px #B2B3B5, 0px 1px 0 #fff;
    -webkit-border-radius: 50px; 
    -moz-border-radius: 50px; 
    -o-border-radius: 50px; 
    -khtml-border-radius: 50px;
    border-radius: 50px;
    margin-bottom: 20px;
}

input.search-field {
    display: block;
    width: 255px;
    height: 35px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #ACACAC;
    text-align: left;
    line-height: 34px;
    text-decoration: none;
    -webkit-border-radius: 50px; 
    -moz-border-radius: 50px; 
    -o-border-radius: 50px; 
    -khtml-border-radius: 50px;
    border-radius: 50px;
    border: none;
    font-weight: normal;
    float: left;
    padding: 0 10px;
    background: #F5F5F5;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F3F3', endColorstr='#FFFFFF');
    background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#FFFFFF)); 
    background: -moz-linear-gradient(top,  #F3F3F3,  #FFFFFF); 
    -webkit-box-shadow: inset 0px 1px 1px #9A9A9A;
    -moz-box-shadow: inset 0px 1px 1px #9A9A9A;
    -o-box-shadow: inset 0px 1px 1px #9A9A9A;
    -khtml-box-shadow: inset 0px 1px 1px #9A9A9A;
    box-shadow: inset 0px 1px 1px #9A9A9A;
}

input.search-field:focus {
    color: #666;
    outline: none;
    -webkit-box-shadow: inset 0px 1px 1px #4A97BA, inset 0px -1px 1px #4A97BA, 0 0 8px #4A97BA;
    -moz-box-shadow: inset 0px 1px 1px #4A97BA, inset 0px -1px 1px #4A97BA, 0 0 8px #4A97BA;
    -o-box-shadow: inset 0px 1px 1px #4A97BA, inset 0px -1px 1px #4A97BA, 0 0 8px #4A97BA;
    -khtml-box-shadow: inset 0px 1px 1px #4A97BA, inset 0px -1px 1px #4A97BA, 0 0 8px #4A97BA;
    box-shadow: inset 0px 1px 1px #4A97BA, inset 0px -1px 1px #4A97BA, 0 0 8px #4A97BA;
}

input.search-button {
    display: block;
    width: 85px;
    height: 35px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    text-align: center;
    line-height: 34px;
    text-decoration: none;
    -webkit-border-radius: 50px; 
    -moz-border-radius: 50px; 
    -o-border-radius: 50px; 
    -khtml-border-radius: 50px;
    border-radius: 50px;
    font-weight: bold;
    border: none;
    padding: 0;
    float: right;
    cursor: pointer;
} 

Header.tpl de editleme yaptığım yer

PHP Kod:
<div></div>
    <?php if ($filter_name) { ?>
    <form class="search-wrapper"><input type="text" name="filter_name" class="search-field"value="<?php echo $filter_name; ?>" />    <input type="submit" class="search-button light" value="search" />

    <?php } else { ?>
    <input type="text" name="filter_name"class="search-field" value="<?php echo $text_search; ?>" onclick="this.value = '';" onkeydown="this.style.color = '#000000';" />    <input type="submit" class="search-button light" value="search" />

    <?php } ?></form>
  </div> 

ITECHINN

09-12-2012, 02:49 PM
Üstad, localde çalışmıyorsan site linki verebilir misin?

firebug ile online css düzenlemesi yapıp kontrol sağlamaya çalışayım Smile

e-ticaretdersleri

09-12-2012, 02:53 PM
(09-12-2012 02:49 PM)ITECHINN Yazılan: [ -> ]Üstad, localde çalışmıyorsan site linki verebilir misin?

firebug ile online css düzenlemesi yapıp kontrol sağlamaya çalışayım Smile

localde çalşıyorum forum class="" olan yeri <div class"" olarak deişince oturdu css güzel oldu ama buton pasif onuda bi halledeyim sunacam burada

osdem66

09-12-2012, 06:16 PM
(09-12-2012 02:53 PM)Kiroglumarket Yazılan: [ -> ]
(09-12-2012 02:49 PM)ITECHINN Yazılan: [ -> ]Üstad, localde çalışmıyorsan site linki verebilir misin?

firebug ile online css düzenlemesi yapıp kontrol sağlamaya çalışayım Smile

localde çalşıyorum forum class="" olan yeri <div class"" olarak deişince oturdu css güzel oldu ama buton pasif onuda bi halledeyim sunacam burada

Merhaba; butonun pasif olmasının sebebi logonun altında kaldıgı için olabilir yani z-index olayı üstad..

e-ticaretdersleri

09-12-2012, 09:16 PM
arkadaşlar %90 nını tamamladım şimdi butona arama işlemini nasıl yaptıra bilirim


PHP Kod:
<?php if ($filter_name) { ?>
  <div class="kutuUc" id="search-form" style="left: 685px; top: 5px">  <input type="text" name="filter_name" value="<?php echo $filter_name; ?>"/>
 <input type="submit" name="filter_name" id="filter_name" value="<?php echo $text_search; ?>"/>
   <?php } else { ?>
<div class="kutuUc" id="search-form" style="left: 685px; top: 5px">  <input type="text" name="filter_name" value="<?php echo $filter_name; ?>"/>
 <input type="submit"  name="filter_name" id="filter_name"value="<?php echo $text_search; ?>"/>
 <?php } ?>
</div> 

osdem66

09-12-2012, 10:26 PM
(09-12-2012 09:16 PM)Kiroglumarket Yazılan: [ -> ]arkadaşlar %90 nını tamamladım şimdi butona arama işlemini nasıl yaptıra bilirim


PHP Kod:
<?php if ($filter_name) { ?>
  <div class="kutuUc" id="search-form" style="left: 685px; top: 5px">  <input type="text" name="filter_name" value="<?php echo $filter_name; ?>"/>
 <input type="submit" name="filter_name" id="filter_name" value="<?php echo $text_search; ?>"/>
   <?php } else { ?>
<div class="kutuUc" id="search-form" style="left: 685px; top: 5px">  <input type="text" name="filter_name" value="<?php echo $filter_name; ?>"/>
 <input type="submit"  name="filter_name" id="filter_name"value="<?php echo $text_search; ?>"/>
 <?php } ?>
</div> 
PHP Kod:
<div class="button-search"></div> 

bunu ekleyerek denermisin yada elindeki kodlamya göre buton kodunu eklemelisin
PHP Kod:
<input type="submit" class="search-button light" value="search" /> 

e-ticaretdersleri

09-13-2012, 10:21 AM
osman abi teşekkürler belirttiğin yönergeler takibinde işimi halleetim birazdan sunacağım
Opencart Türkiye Destek Sitesi ,E-Ticaret Yazılımı Destek Paylaşım Forumu > Genel Konular > Genel Destek Konuları > Css te takıldııım bir nokta
Referans Adresler