Yüzeysel olarak anlatmaya çalışacağım, geri kalanı tamamen sizin HTML ve CSS tecrübeniz ile alakalı.
Elinizdeki tema blog tarzı bir temadır ve bu tür temalar genelde 4 kısımdan oluşur.
1. üst (footer)
2. orta/içerik (content)
3. sağ/sol menü (nav)
4. alt (footer)
Bu temayı parçalayıp phpbb temasına ekleyeceğiz. İçeriğin başladığı ve bittiği yerden başlangıç kısmınndan öncesini kopyalayıp overall_header.html ye, içerğin bitti yerden ise kopyalayıp overall_footer.html ye yapıştırıyoruz.
Menü ve orta kısım askıda kalmış oldu, menüyü silebiliriz.
Dikkat etmemiz gereken orta yani içerik kısmını başlatan HTML etiketi (genelde div) header'de, bu etiketin kapatma etiketi de footer'da kalacak.
Ufak bir örnek yazayım, bu bizim basit bir CSS temamız olsun:
- Kod: Tümünü seç
<div id="#header">
<!-- üst -->
</div>
<div id="#content">
<!-- içerik -->
</div>
<div id="#footer">
<!-- alt -->
</div>
Bunu phpBB3 şöyle uygularız, + ile işaretli kısım tema dosyasının başlangıcı ve - işareti de bitişini temsil ediyor. içerik kısmı askıda kalıyor, yani içindeki diğer html kodlarıonı veya bilgilerini kullanmıyoruz, orta kısım sayfaya göre değişiyor çünkü phpBB de:
- Kod: Tümünü seç
// + phpBB3 overall_header.html
<div id="#header">
<!-- üst -->
</div>
<div id="#content">
// - phpBB3 overall_header.html
<!-- içerik -->
// + phpBB3 overall_footer.html
</div>
<div id="#footer">
<!-- alt -->
</div>
// - phpBB3 overall_footer.html
CSS kısmını ise CSS dosyalarına aktarmadan direk header içinde kullanmanız, geliştirme aşamasındaki olası ön-bellek sorunlarını aşmanızı sağlar.
Anlatabileceğim herşey bu kadar, gerisi HTML,/CSS tecrübe ve beceri işi.