tr-opencart

     
avatar Şuanki Zaman: 03-29-2024, 07:43 AMHoşgeldin Misafir !
  Şifremi Hatırlat   kayıt ol
opencart temaları

css menu sorunu %95 Çözüldü !!!

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  e-ticaretdersleri - Görüntüleme - Okunma  7541 - Yorum  7

e-ticaretdersleriv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 3,225
Konular: 520
Katılma Tarihi: Jan 2012
Rep Puanı: 102
Teşekkürler: 1169
1060 Mesajına, 2133 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 02-10-2012 11:47 AM

arkadaşlar klasik menüden sıkıldım css menu ekliyeyim dedim ama hem sepet kısmı altında kalıyor nasıl ayarlayabilirim. onun haricinde güzel oturdu isteyen buyursun eklentide ek dosyaları attım css kodlarını kendi css stysheet.css dosyasına ekleyin resimlerinizi image dosyasına atın nve wwww.kiroglumarket.com yazanyerleri kendinize göre düzenleyin

Hata burda

header kodları

bunu bul

<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 $cart; ?>"><?php echo $text_cart; ?></a><a href="<?php echo $checkout; ?>"><?php echo $text_checkout; ?></a></div>

bunla değiştir.

Alıntı:<div class="links"><ul id="css3menu1" class="topmenu">
<li class="topmenu"><a href="<?php echo $home; ?>" style="height:33px;line-height:33px;">
<img src="http://www.kiroglumarket.com/image/home.png" alt="<?php echo $text_home; ?>" width="32" height="32"/><?php echo $text_home; ?></a></li>
<li class="topmenu"><a href="<?php echo $wishlist; ?>" id="wishlist_total" style="height:33px;line-height:33px;">
<img src="http://www.kiroglumarket.com/image/info.png" alt="<?php echo $text_wishlist; ?>" width="32" height="32"/><?php echo $text_wishlist; ?></a></li>
<li class="topmenu"><a href="<?php echo $account; ?>" style="height:33px;line-height:33px;">
<img src="http://www.kiroglumarket.com/image/service.png" alt="<?php echo $text_account; ?>" width="32" height="32"/><?php echo $text_account; ?></a></li>
<li class="topmenu"><a href="<?php echo $cart; ?>" style="height:33px;line-height:33px;">
<img src="http://www.kiroglumarket.com/image/buy.png" alt="<?php echo $text_cart; ?>" width="32" height="32"/><?php echo $text_cart; ?></a></li>
<li class="topmenu"><a href="<?php echo $checkout; ?>"style="height:33px;line-height:33px;">
<img src="http://www.kiroglumarket.com/image/samples.png" alt="<?php echo $text_checkout; ?>" width="32" height="32"/><?php echo $text_checkout; ?></a></li>
</ul></div>

değiştirdiğiniz kodu

<?php if ($categories) { ?>

bunun altına ekleyin.

css kodları

Alıntı:ul#css3menu1{
margin:0;list-style:none;padding:6px 6px 6px 0;background-color:#000000;background-image:-o-linear-gradient(-90deg,rgba(255,255,255,0.38),rgba(255,255,255,0.16)); background-image:-moz-linear-gradient(-90deg,rgba(255,255,255,0.38),rgba(255,255,255,0.16)); background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.38)),to(rgba(255,255,255,0.16))); background-image:-webkit-linear-gradient(-90deg,rgba(255,255,255,0.38),rgba(255,255,255,0.16));background-repeat:repeat;border-width:1px;border-style:solid;border-color:#343434;-moz-border-radius:28px;-webkit-border-radius:28px;border-radius:28px;font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;
*display:inline;}
ul#css3menu1 li{
display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu1>li{
margin:0 0 0 6px;}
* html ul#css3menu1 li a{
display:inline-block;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
outline-style:none;}
ul#css3menu1 a{
display:block;vertical-align:middle;text-align:left;text-decoration:none;font:12px Arial;color:#E7E5E5;cursor:pointer;padding:8px 20px;background-color:;background-repeat:repeat;border-width:0;border-style:solid;border-color:transparent;}
ul#css3menu1 li:hover>a,ul#css3menu1 a.pressed{
background-color:#7ACF27;border-color:#F8F8F8;border-style:solid;color:#333;text-decoration:none;background-image:-o-linear-gradient(-90deg,rgba(255,255,255,0.38),rgba(85,170,0,0.7)); background-image:-moz-linear-gradient(-90deg,rgba(255,255,255,0.38),rgba(85,170,0,0.7)); background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.38)),to(rgba(85,170,0,0.7))); background-image:-webkit-linear-gradient(-90deg,rgba(255,255,255,0.38),rgba(85,170,0,0.7));filter:progid:DXImageTransform.​Microsoft.gradient(gradientType=0,startColorstr=#60FFFFFF,endColorstr=#B355AA00)​}
ul#css3menu1 img{
border:none;vertical-align:middle;margin-right:8px;}
ul#css3menu1 img.over{
display:none;}
ul#css3menu1 li:hover > a img.def{
display:none;}
ul#css3menu1 li:hover > a img.over{
display:inline;}
ul#css3menu1 li a.pressed img.over{
display:inline;}
ul#css3menu1 li a.pressed img.def{
display:none;}
ul#css3menu1 li:hover>a,ul#css3menu1 li>a.pressed{
background-color:#7ACF27;background-image:-o-linear-gradient(-90deg,rgba(255,255,255,0.38),rgba(85,170,0,0.7)); background-image:-moz-linear-gradient(-90deg,rgba(255,255,255,0.38),rgba(85,170,0,0.7)); background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.38)),to(rgba(85,170,0,0.7))); background-image:-webkit-linear-gradient(-90deg,rgba(255,255,255,0.38),rgba(85,170,0,0.7));border-style:solid;border-color:#F8F8F8;color:#333;text-decoration:none;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0​,startColorstr=#60FFFFFF,endColorstr=#B355AA00)}
ul#css3menu1 li.topmenu>a{
background-color:;border-width:1px 0 0 0;border-style:solid;border-color:;border-radius:16px;-moz-border-radius:16px;-webkit-border-radius:16px;font:bold 13px Arial;color:#E7E5E5;text-decoration:none;text-shadow:0 1px 1px #000000;}
ul#css3menu1 li.topmenu:hover>a,ul#css3menu1 li.topmenu>a.pressed{
background-color:#7dfa00;background-image:-o-linear-gradient(-90deg,rgba(255,255,255,0.77),rgba(85,170,0,0.7)); background-image:-moz-linear-gradient(-90deg,rgba(255,255,255,0.77),rgba(85,170,0,0.7)); background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.77)),to(rgba(85,170,0,0.7))); background-image:-webkit-linear-gradient(-90deg,rgba(255,255,255,0.77),rgba(85,170,0,0.7));border-style:solid;border-color:#F8F8F8;color:#444444;text-decoration:none;text-shadow:0 1px 0 #C5EAA1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startCo​lorstr=#C6FFFFFF,endColorstr=#B355AA00)}


Ekli Dosya(lar)
.rar Okan.rar Eklentiyi indir...
Boyut: 16.4 KB İndirme: 13
Telif Hakkı için Rapor Edin...
e-ticaretdersleri
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: fe_odaliz
ozkiremitciv
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 5
Konular: 0
Katılma Tarihi: Feb 2012
Rep Puanı: 1
Teşekkürler: 1
1 Mesajına, 1 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 02-12-2012 07:11 PM
ürün gösterim önceliklerinde alışveriş sepetim her zaman en üsttedir. bunu "stylesheet.css" dosyasında 'z-index' i değiştirerek yapabilirsin, senin burada yaşayacağın sorun style hatalarından meydana gelmektedir.
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: e-ticaretdersleri
e-ticaretdersleriv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 3,225
Konular: 520
Katılma Tarihi: Jan 2012
Rep Puanı: 102
Teşekkürler: 1169
1060 Mesajına, 2133 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 02-12-2012 08:33 PM
çok teşekkürler
e-ticaretdersleri
Alıntı Yaparak Cevapla
Paylaş!
ozkiremitciv
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 5
Konular: 0
Katılma Tarihi: Feb 2012
Rep Puanı: 1
Teşekkürler: 1
1 Mesajına, 1 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 02-12-2012 09:26 PM
Rica ederim, tasarımın gayet goş olmuş. şimdi inceledim de sepetin menü üzerine açılması gayet normal ama istersen menülerde en solda deneyebilirsin, orada da güzel duracağını düşünüyorum.

örnek olarak bakabilirsin; http://shoppica.bananamanana.com/
Alıntı Yaparak Cevapla
Paylaş!
e-ticaretdersleriv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 3,225
Konular: 520
Katılma Tarihi: Jan 2012
Rep Puanı: 102
Teşekkürler: 1169
1060 Mesajına, 2133 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 02-12-2012 09:37 PM
menuler diilde o arama kısmını nasıl o menuye eklerim
e-ticaretdersleri
Alıntı Yaparak Cevapla
Paylaş!
ozkiremitciv
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 5
Konular: 0
Katılma Tarihi: Feb 2012
Rep Puanı: 1
Teşekkürler: 1
1 Mesajına, 1 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 02-12-2012 10:30 PM
header.tpl ' de <div id="menu"> tagı default temada menüler için kullanılan kodlamadır, sende en sağa burada arama ile ilgili kısmı yerleştirebilirsin. Menu tagı içine alman gereken kısım; header.tpl deki <div id="search"> tag bloğudur.

senin burada dikkat etmen gereken ve düzelteceğin yer style düzenlemeleri bunun için display, float ve clear css özelliklerini inceleyebilirsin. unutmadan, isteğine göre header.tpl ve stylesheet' te biraz işin var tabiki Smile iyi akşamlar.
Alıntı Yaparak Cevapla
Paylaş!
tolga35v
Altın Üye
***
Üye user avatar
Çevrimdışı

Mesajlar: 121
Konular: 22
Katılma Tarihi: Dec 2011
Rep Puanı: 1
Teşekkürler: 72
19 Mesajına, 27 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 02-13-2012 11:24 AM
(02-12-2012 09:26 PM)ozkiremitci Yazılan:  Rica ederim, tasarımın gayet goş olmuş. şimdi inceledim de sepetin menü üzerine açılması gayet normal ama istersen menülerde en solda deneyebilirsin, orada da güzel duracağını düşünüyorum.

örnek olarak bakabilirsin; http://shoppica.bananamanana.com/

Merhaba hocam sitenize baktımda ordaki üst menude alt kategorileride göstermişsiniz acaba bunu nasıl yaptınız öğrenebilirmiyim
Alıntı Yaparak Cevapla
Paylaş!
bbbalkischv
OpenCart Sever
***
Üye user avatar
Çevrimdışı

Mesajlar: 59
Konular: 8
Katılma Tarihi: Feb 2012
Rep Puanı: 0
Teşekkürler: 4
13 Mesajına, 14 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 02-13-2012 08:11 PM
(02-13-2012 11:24 AM)tolga35 Yazılan:  
(02-12-2012 09:26 PM)ozkiremitci Yazılan:  Rica ederim, tasarımın gayet goş olmuş. şimdi inceledim de sepetin menü üzerine açılması gayet normal ama istersen menülerde en solda deneyebilirsin, orada da güzel duracağını düşünüyorum.

örnek olarak bakabilirsin; http://shoppica.bananamanana.com/

Merhaba hocam sitenize baktımda ordaki üst menude alt kategorileride göstermişsiniz acaba bunu nasıl yaptınız öğrenebilirmiyim

orda alt kategoriler zaten default temada mevcut ... default tema ıle birlikte de alt kategoriler gozukuyor... inside kategori name kısmı kategori değil o kategoriye baglı kategoriler anlamında kullanılmıştır... yani mevcut kodları default temanın tpllerinde bulabilirsin...
Alıntı Yaparak Cevapla
Paylaş!

« Önceki | Sonraki »
Cevapla  Gönder 

css menu sorunu %95 Çözüldü !!! Konusunun Linki Direk Link
css menu sorunu %95 Çözüldü !!! Konusunun HTML Kodu HTML Link
css menu sorunu %95 Çözüldü !!! Konusu BBCode Linki BBCode Link
css menu sorunu %95 Çözüldü !!! Konusunu Paylaş Sosyal Paylaş

Benzeyen Konular
Konu: Yazar Cevaplar: Gösterim: Son Mesaj
  Eklenti arama ve yükleme sorunu Sürüm 4.0.2.3 m.polat 0 164 12-05-2023 09:46 AM
Son Mesaj: m.polat
  lütfen ayrdım edin Kayma sorunu oktiy 0 422 02-12-2022 05:37 PM
Son Mesaj: oktiy
  mail.php sorunu H737 17 13,350 08-26-2021 02:42 AM
Son Mesaj: umut4ykut
  İletişim mesaj sonrası boş sayfa sorunu çözümü ipeksag 1 1,069 02-25-2021 03:07 AM
Son Mesaj: ngenar
  Ödeme Eklentisi OCSESID Sorunu akadirabus 0 707 02-24-2021 09:58 AM
Son Mesaj: akadirabus
  Stok Miktarı : 0 Sorunu KrallStotzi 2 1,013 02-07-2021 04:15 PM
Son Mesaj: ufuk456
  Sipariş Güncelleme durumu mail sorunu mustykte 0 675 12-14-2020 06:48 PM
Son Mesaj: mustykte
  SameSite Sorunu xuser20 0 920 09-26-2020 03:15 PM
Son Mesaj: xuser20
  mysql oc_order sorunu unomodotr 1 730 09-05-2020 02:36 PM
Son Mesaj: Gökhan TAYLAN
  Çözüldü Anasayfada Opencart Alt Modül Başlığı Gösterme nicksiz 2 1,284 06-29-2020 08:28 PM
Son Mesaj: nicksiz

css menu sorunu %95 Çözüldü !!! indir, css menu sorunu %95 Çözüldü !!! Videosu, css menu sorunu %95 Çözüldü !!! online izle, css menu sorunu %95 Çözüldü !!! Bedava indir, css menu sorunu %95 Çözüldü !!! Yükle, css menu sorunu %95 Çözüldü !!! Hakkında, css menu sorunu %95 Çözüldü !!! nedir, css menu sorunu %95 Çözüldü !!! Free indir, css menu sorunu %95 Çözüldü !!! oyunu, css menu sorunu %95 Çözüldü !!! download


Forum Atla: