phpBB Türkiye - phpBB3 Türkçe destek ve geliştirme

İçeriği atla

profesyonel phpBB3 hizmetleri

Sitemiz sadece phpBB 3.0 sürümüne destek vermektedir. Konu açmadan, ileti yazmadan önce lütfen site kuralları sayfamıza göz atınız.

Tema Uyarlama

Tema Uyarlama

İleti dursuni 13 Ağu 2007 10:45

Merhaba elimde css ile yapılmış bir tane css tabanlı tema(normal web teması) var. Ben bunu sadece çerçevelerini sitemde kullanmak istiyorum. İsmi css'in "envision" Hatta bu sitede de bi ara kullanıldı. siteme nasıl uyarlayabilirim.
dursuni
genel yetkili
genel yetkili

Kullanıcı avatarı

İleti: 126
Kayıt: 09 Haz 2007 14:19
HTML: Orta
CSS: Başlangıç
PHP: Başlangıç
phpBB3: Orta
Sürüm: phpBB3 RC7

  profesyonel phpBB3 çözümleri ve web hizmetleri

Re: Tema Uyarlama

İleti ALEXIS 13 Ağu 2007 11:40

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.
ALEXIS
site yöneticisi
site yöneticisi

Kullanıcı avatarı

İleti: 2737
Kayıt: 03 Arl 2006 09:57
Konum: İstanbul
İsim: Sevdin Filiz
HTML: İyi
CSS: İyi
PHP: Orta
phpBB3: İyi
Sürüm: phpBB 3.0.2


Tema Sorunlar & Yardım


Kimler çevrimiçi

Bu forumu görüntüleyenler: Kayıtlı kullanıcı yok ve 0 misafir

cron