Hoşgeldiniz modülünü genişletmek

[sinan123]

Merhaba,

Hoşgeldiniz modülünü genişletmek ve sağdaki soldaki modülün üzerine çıkartmak istiyorum. Tema genişliği kadar bir genişliğe ihtiyacım var. Şu an hoşgeldiniz bölümünde bir tema mevcut.

Teşekkürler

 

[sabitertan]

\catalog\view\theme\<tema adı>\template\common\home.tpl 'yi aç içeriğini şu şekilde değiştir.(Tabi daha sonra home.tpl de bir takım değişiklikler yaptıysan o değişiklikleri de tekrar eklemen gerekir. Bu nedenle bir yedeğini alıp onun üzerinden çalışman daha doğru olur)

<?php echo $header; ?>
<div id="hosgeldiniz">
  <?php if ($welcome) { ?>
  <div class="top">
    <div class="left"></div>
    <div class="right"></div>
    <div class="center">
      <h1><?php echo $heading_title; ?></h1>
    </div>
  </div>
  <div class="middle">
    <div><?php echo $welcome; ?></div>
  </div>
  <div class="bottom">
    <div class="left"></div>
    <div class="right"></div>
    <div class="center"></div>
  </div>
  <?php } ?>
</div>
<?php echo $column_left; ?><?php echo $column_right; ?>
<div id="content">
  <?php foreach ($modules as $module) { ?>
  <?php echo ${$module['code']}; ?>
  <?php } ?>
</div>
<?php echo $footer; ?>

\catalog\view\theme\pcburada_sade_mavi\stylesheet\stylesheet.css yi aç en altına aşağıdaki kodu ekle

#hosgeldiniz {

	margin-bottom: 10px;
}
#hosgeldiniz .top .left {
	background: url('../image/content_top_left.png') no-repeat;
	width: 5px;
	height: 32px;
	float: left;
}
#hosgeldiniz .top .right {
	background: url('../image/content_top_right.png') no-repeat;
	width: 5px;
	height: 32px;
	float: right;
}
#hosgeldiniz .top .center {
	background: url('../image/content_top_center.png') repeat-x;
	margin-left: 5px;
	margin-right: 5px;
}
#hosgeldiniz .top h1, .heading {
	padding: 8px 0px 8px 7px;
}
#hosgeldiniz h1, .heading {
	color: #000000;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
}
#hosgeldiniz .middle {
	border-left: 1px solid #26548b;
	border-right: 1px solid #26548b;
	background: #FFFFFF;
	padding: 10px 10px 1px 10px;
	min-height: 30px;
	border-top: 1px solid #26548b;
}
#hosgeldiniz .bottom .left {
	background: url('../image/content_bottom_left.png') no-repeat;
	width: 5px;
	height: 5px;
	float: left;
}
#hosgeldiniz .bottom .right {
	background: url('../image/content_bottom_right.png') no-repeat;
	width: 5px;
	height: 5px;
	float: right;
}
#hosgeldiniz .bottom .center {
	background: url('../image/content_bottom_center.png') repeat-x;
	height: 5px;
	margin: 0 5px 10px 5px;
}

Önemli Not: bu default tema için verilmiş bir css örneğidir. Temanızın stylesheet.css dosyasını inceleyerek #content içeriklerindeki değerleri buradakilerle değiştirebilirsiniz.
Herkese iyi çalışmalar

 

[sinan123]

verdiğiniz bilgiler için çok teşekkürler. Fazlasıyla işimi gördü. Kullandığım tema üzerinde aynı değişiklikleri yaptım ve kendime göre uyarladım.

Çok teşekkürler

Sadece o kısıma koyduğum flash üzerine mouse ile gelince resim koyulaşıyor onu da hallettim olay tamamdır.

Teşekkürler

Selamlar

 

[By_Surmeneli]

peki sadece genişletmek istesek 400 uzunlu 600 genişlik şeklinde

 

[Serdardulger]

Daha Farklı Hoşgeldin Modülleri warmı ?