phpBB Türkiye

[Qene kullanıcı]

Arkadaşlar, sizin;
Yardım
Özelleştir
Dosyalar
gibi özel oluşturduğunuz sayfalardan ben de siteme yapmak istiyorum.
Sayfa eklemeyi yaptım ama sayfaları nasıl 2 parçaya böleceğim?
Sol taraf biraz geniş olacak, sağ taraf ise dar..
Gerekirse sol tarafı da hem iki parçaya bölebileyim hem de tek parça olarak kullanayım.
Bu konuda yardımlarınızı rica ederim.
Teşekkürler..

[ALEXIS]

Bunu yaptıysanız gerisi HTML ve CSS, belki de PHP bilginize bağlı.

Bu konuya bu sitede giremeyiz çünkü konumuz html ve css değil, belki bir CSS, HTML sitesi işe yarabilir. En basitinden bir tablo yapmayı öğrenmekle başlayın, ve daha sonra HMTL+CSS ile div ile tablo, sağ,sol bölümler yapmaya geçin.

Ancak yine de yazmak isteyenler olabileceğinden konuyu uygun bir foruma taşıyorum.

[Qene kullanıcı]

Teşekkürler Alexis..
Verdiğin linkteki gibi bir sayfa oluşturdum.
Bu arada ilk kısmıda birkaç kopyala | Yapıştır kodlar ile geçtim sanırım..
Umarım kendime göre birşeyler çıkarırım..
Öncülüğün için teşekkürler..

[IcEman kullanıcı]

Oradan buradan arama ve taramalardan sonra umarım istenilen gibi olur eğer sorun çıkmaz ise makaleler kısmına ekleriz.Sorun yok gibi FF3-IE7 ve Opera'da test edildi.Farklı değişiklikler yapmak sizin html ve css bilginize kalmış bu sadece bir şablondur.

<!-- INCLUDE jumpbox.html --> kodunu ekleyecek uygun bir yer bulamadım aslında
içerik gelecek yazan iki div'in arasına konulduğunda sayfa içeriği ile birlikte aşağıya doğru gider ama sabitleme olmadı.



test.php - kök dizine kopyalanacak

Kod: Tümünü seç

<?php
define('IN_PHPBB', true);
$phpbb_root_path = './';
$phpEx = substr(strrchr(__FILE__, '.'), 1);
include($phpbb_root_path . 'common.' . $phpEx);

// Start session management
$user->session_begin();
$auth->acl($user->data);
$user->setup();

page_header('sayfa açıklaması');

$template->set_filenames(array(
'body' => 'test.html',
));

make_jumpbox(append_sid("{$phpbb_root_path}viewforum.$phpEx"));
page_footer();
?>

prosilver/theme/common.css - en sona ekle

Kod: Tümünü seç

    /* nav block */
    .block {
       background-color: #ebebeb;
       margin-bottom: 4px;
       padding: 0 5px;
       clear: both;
       width: 200px;
    }

    .block ul {
       list-style-type: none;
       border-top: 1px solid #FFFFFF;
       margin-left: 5px;
    }

    .block li {
       margin-top: 4px;
       height: 20px;
       border-bottom: 1px solid #FFFFFF;
    }

    .block h3 {
       margin: 0px;
       font-size: 1.3em;
       font-weight: bold;
       color: #000000;
       border-bottom:1px solid #CCCCCC;
       margin-left: 5px;
    }

    .no-line {
       border-bottom: none !important;
    }

    #block-pos {
       float: right;
    }


test.html - prosilver/template/içine kopyalanacak

Kod: Tümünü seç

<!-- INCLUDE overall_header.html -->

<div class="column1">
    <div style="width: 600px;">
<div class="content">

içerik gelecek

</div>
    </div>
</div>


<div class="column2">
<br />
<div id="block-pos">
    <div class="block">
      <span class="corners-top"><span></span></span>
      <h3>Blok 1</h3>
      <ul class="menu">
         <li>text text text</li>
         <li>text text text</li>
         <li>text text text</li>
      </ul>
      <span class="corners-bottom"><span></span></span>
   </div>
</div>
  <br />
<div id="block-pos">
    <div class="block">
      <span class="corners-top"><span></span></span>
      <h3>Blok 2</h3>
      <ul class="menu">
         <li>text text text</li>
         <li>text text text</li>
         <li>text text text</li>
      </ul>
      <span class="corners-bottom"><span></span></span>
   </div>
</div>
  <br />
<div id="block-pos">
    <div class="block">
      <span class="corners-top"><span></span></span>
      <h3>Blok 3</h3>
      <ul class="menu">
         <li>text text text</li>
         <li>text text text</li>
         <li>text text text</li>
      </ul>
      <span class="corners-bottom"><span></span></span>
   </div>
</div>


<div id="block-pos">
    <div class="block">
      <span class="corners-top"><span></span></span>
      <h3>Blok 4</h3>
      <ul class="menu">
         <li>text text text</li>
         <li>text text text</li>
         <li>text text text</li>
      </ul>
      <span class="corners-bottom"><span></span></span>
   </div>
</div>

</div>
<!-- INCLUDE overall_footer.html -->

[Qene kullanıcı]

Hocam bunu da deneyeceğim.
Makale yazacak kadar bilgi sahibi olacağımı pek sanmıyorum.
Ama elimden gelen her konuda paylaşmayı ve yardımlaşmayı severim.
Saygılar..