osCommerce Forumları

[caki35]

Arkadaslar merhaba;
web2.0 gradiyen arka planı siteme nasıl ekleyebilirim?Bilgisi olan arkadasım varmıdır?

[Misafir]

Merhaba ;

includes/hedaer.php dosyasını açıp

Kod: Tümünü seç

  if ( (WARN_DOWNLOAD_DIRECTORY_NOT_READABLE == 'true') && (DOWNLOAD_ENABLED == 'true') ) {
    if (!is_dir(DIR_FS_DOWNLOAD)) {
      $messageStack->add('header', WARNING_DOWNLOAD_DIRECTORY_NON_EXISTENT, 'warning');
    }
  }if ($messageStack->size('header') > 0) {
    echo $messageStack->output('header');
  }
?>

kodundan sonra

Kod: Tümünü seç

<div id="indexorta" align="center">


html kodunu ekleyip aynı dosyanın sonuna

Kod: Tümünü seç

if (isset($HTTP_GET_VARS['info_message']) && tep_not_null($HTTP_GET_VARS['info_message'])) {
?>
<table border="0" width="100%" cellspacing="0" cellpadding="2">
  <tr class="headerInfo">
    <td class="headerInfo"><?php echo htmlspecialchars(stripslashes(urldecode($HTTP_GET_VARS['info_message']))); ?></td>
  </tr>
</table>


kodundan hemen sonra

Kod: Tümünü seç

</div>

html kodunu yazarak sitenin ana arka planı ile mağazanın arka planını ayırmış olursun.

Mağaza arkaplanı şudur. sitenin üstündeki banner dan başlayarak sağ ve sol sütünlar sitenin içerisi ve alt kısım footer kısmıda dahil olmak üzere oraya özel bir css kodu tanımlamış oluyorsun.

Daha sonra stylesheet.css dosyasına bu tanımladığın div için şunları ekleyebilirsin.

Kod: Tümünü seç

#indexorta{
background: #000 ;
}


bu kod mağaza kısmının arkası için

Bu kod ise mağaza arka planını ana arka plandan ayırdığımız için ana arka planı düzenlememize yarıyor.Mağaza arka planını ayırdığımızdan dolayı sitenin ana arka plan rengi body olarak tanımlıdır standart tır css deki body koduna müdahale ederek ana arka planı istediğimiz gibi yönetebiliriz. Kodların yanına açıklamalarını yazıyorum siz de istediğiniz css kodunu ekleyebilirsiniz.

Kod: Tümünü seç

BODY {

   color: #333;    ana sitenin yazı rengi
   background: #000 url('logo.jpg');   ana arka planın resmi buraya siz kendiniz bir resim koymalısınız
   background-repeat: no-repeat;  ana arka plana koyulan resmin tekrar edip etmeyeceği eğer ufak ve tekrarlı bir resim koyarsanız bu satırı silin otomtikman tekrar edecektir.
       background-attachment:fixed;   arka planı sabitlemeye yarıyor tam ekran resim koyulduğunda kullanılıyor
       background-position: 0% 100%;   bu ekranlara göre yüzdesel ayardır silebilirsiniz tam ekran resim koyduğunuzda işe yarar
   font: 80% "Trebuchet MS", Arial, "Lucida Sans Unicode", Tahoma, sans-serif;    sitenin yazı karakterini belirliyor.
}


Bu işlemler sayesinde sitenize dilediğiniz arka planı atayabilirsiniz.Aynı zamanda indexorta css ine bir genişlik de belirleyip sitenizi daraltabilirsiniz.

İçtenliklerimle
Musa BALTACI

[kuhi]

iyi anlatım sağol.

[Senkyaku]

eline sağlık...