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

ekteki resimdeki gibi anasayfa slaytının altına 4 adet yanyana box yapmak istiyorum. ücretsiz yapabileceğim bir eklenti vs varmıdır. yada css ile nasıl yapılabilir

html modulü ile yapabilirsin html modulü orta kısım olarak ayarların içinede ordaki gibi resimleri html olarak eklersin aynısı olur yalnız etrafında temanın sitiili nasıl dır bilmiyorum ama çerçeve olur onuda html modulünün templaten/module/htmlmodulu.tpl dosyandan düzenleyip çerçeveyi kaldırırsın başlığıda kaldırırsın aynısı olur.

zamanında bende çok aramış ve kimseden yardım bulamamıştım. işine yararsa http://www.ucuzilaclama.com sitesi yanyana dört kutu var. zannediyorum böyle bir şey istiyorsun. kutu sayısını istediğin kadar yapabilirsin.
ilgili yerleri değiştirmen özelleştirmen gereklidir. nasıl yapılacağını bilmiyorsan sorarsın tek tek söylerim.

NASIL YAPILIR:
önce bir limitsiz html modülü kur. forumda arat bulursun. ardından bu modüle aşağıdaki kodu yapıştır. sonra bu kutuların nerede görünmesini istiyorsan modülde o alanı seç...
olacaktır.

ilk yaptığımda kayık olmuştu. forumlarda çok yardım istedim veren olmadı. neticede css çakışması varmış çözdüm. aşağıdaki metin çözülmüş halidir.

yinede sorun olursa sorarsın.

<style type="text/css">div.img
{
margin: 5px;
padding: 5px;
border: 1px solid #669900;
height: auto;
width: auto;
float: left;
border-radius: 5px 5px 5px 5px;
text-align:center ;
box-shadow: #669900 10px 10px 10px;
}
div.img img
{
display: inline;
margin: 5px;
border: 1px solid #ffffff;
box-shadow: #990000 2px 2px 2px;
border-radius: 5px 5px 5px 5px;
}
div.img a:hover img {border: 1px solid #990000;}
div.desc
{
text-align:justify;
font-weight: normal;
width: 150px;
margin: 5px;
color:#336600;
}
h3 {text-align:center;
color: #990000}
</style>
<div class="img"><a href="http://WWW.RESME TIKLANDIĞINDA HANGİ SAYFAYA GİTMESİNİ İSTİYORSAN O ADRES.COM" target="_blank"><img alt="apple" height="90" src="image/data/demo/apple_logo.jpg" width="110" /></a>
<div class="desc">
<h3>BURAYA AÇIKLAMA BAŞLIĞI GİR</h3>
haşeremarketle dilediğiniz gibi haşerelerden kurtulabilir en iyi ilaçları alıp ilaçlama yapabilirsiniz</div>
</div>

<div class="img"><a href="klematis2_big.htm" target="_blank"><img alt="Klematis" height="90" src="klematis2_small.jpg" width="110" /></a>

<div class="desc">Add a description of the image here</div>
</div>

<div class="img"><a href="klematis3_big.htm" target="_blank"><img alt="Klematis" height="90" src="klematis3_small.jpg" width="110" /></a>

<div class="desc">Add a description of the image here</div>
</div>

<div class="img"><a href="klematis4_big.htm" target="_blank"><img alt="Klematis" height="90" src="klematis4_small.jpg" width="110" /></a>

<div class="desc">Add a description of the image here</div>
</div>

galiba bu...

(04-04-2014 01:20 PM)haseremarket Yazılan:  zamanında bende çok aramış ve kimseden yardım bulamamıştım. işine yararsa http://www.ucuzilaclama.com sitesi yanyana dört kutu var. zannediyorum böyle bir şey istiyorsun. kutu sayısını istediğin kadar yapabilirsin.
ilgili yerleri değiştirmen özelleştirmen gereklidir. nasıl yapılacağını bilmiyorsan sorarsın tek tek söylerim.

NASIL YAPILIR:
önce bir limitsiz html modülü kur. forumda arat bulursun. ardından bu modüle aşağıdaki kodu yapıştır. sonra bu kutuların nerede görünmesini istiyorsan modülde o alanı seç...
olacaktır.

ilk yaptığımda kayık olmuştu. forumlarda çok yardım istedim veren olmadı. neticede css çakışması varmış çözdüm. aşağıdaki metin çözülmüş halidir.

yinede sorun olursa sorarsın.

<style type="text/css">div.img
{
margin: 5px;
padding: 5px;
border: 1px solid #669900;
height: auto;
width: auto;
float: left;
border-radius: 5px 5px 5px 5px;
text-align:center ;
box-shadow: #669900 10px 10px 10px;
}
div.img img
{
display: inline;
margin: 5px;
border: 1px solid #ffffff;
box-shadow: #990000 2px 2px 2px;
border-radius: 5px 5px 5px 5px;
}
div.img a:hover img {border: 1px solid #990000;}
div.desc
{
text-align:justify;
font-weight: normal;
width: 150px;
margin: 5px;
color:#336600;
}
h3 {text-align:center;
color: #990000}
</style>
<div class="img"><a href="http://WWW.RESME TIKLANDIĞINDA HANGİ SAYFAYA GİTMESİNİ İSTİYORSAN O ADRES.COM" target="_blank"><img alt="apple" height="90" src="image/data/demo/apple_logo.jpg" width="110" /></a>
<div class="desc">
<h3>BURAYA AÇIKLAMA BAŞLIĞI GİR</h3>
haşeremarketle dilediğiniz gibi haşerelerden kurtulabilir en iyi ilaçları alıp ilaçlama yapabilirsiniz</div>
</div>

<div class="img"><a href="klematis2_big.htm" target="_blank"><img alt="Klematis" height="90" src="klematis2_small.jpg" width="110" /></a>

<div class="desc">Add a description of the image here</div>
</div>

<div class="img"><a href="klematis3_big.htm" target="_blank"><img alt="Klematis" height="90" src="klematis3_small.jpg" width="110" /></a>

<div class="desc">Add a description of the image here</div>
</div>

<div class="img"><a href="klematis4_big.htm" target="_blank"><img alt="Klematis" height="90" src="klematis4_small.jpg" width="110" /></a>

<div class="desc">Add a description of the image here</div>
</div>

galiba bu...

sen bir dahisin Allah razı olsun