Giriş Yap
x
Güncel Scriptler ve Programlar, Warez, Php Script ve Asp Script, Tema, indir. Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
[-]

SPONSOR REKLAM


VbPro avatar
Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5

Tema yapımı - orta kısım xhtml kodu yazımı


Çevrimdışı VbPro
#1
Orta bölümü kapsayıcı 2 adet div tanımlaması yapıyoruz. Biri id="orta", diğeri ise id="orta-bolge" şeklinde. İlk iki tanımlama yukarıda da yaptığımız gibi siteyi ortada çıkartmak için yapıldı. Css tanımlamasını yazarken detaylı olarak anlatacağız.
Burada ayrıca dikkat ettiyseniz id ve class olarak 2 farklı tanımlama yapılmış. id yada class olarak tanımlamanızda css yazımındaki karakter farkı haricinde bir fark olmamakla beraber id tanımları bir sitede sadece bir bölüm için kullanırken, class tanımlaması için çok kez kullanılabilir. Buradaki tüm tanımları class ile de yapabilirdik, fakat kullanımda farklılık olmadığı belirtmek için özel olarak kullandık.

PHP Kod:
1.
<div id="orta">
2.
<div id="orta-bolge"

Bölümlendirmemizi başlattıktan sonra 2 sütunlu bir tema yaptığımız için öncelikle orta-sol ve orta-sag şeklinde birer class açıyoruz.

Kod:
1.
<div class="orta-sol">
2.

3.
</div>
4.

5.

6.
<div class="orta-sag">
7.

8.
</div>

Bu iki class'ı yazdıktan sonra css dosyamız içerisinde yapacağımız tanımlama ile birini sola, diğerini sağa yaslayacağız. Şimdi bu iki bölüm içerisine neler yazacağımızı görelim.

Burada bir modül pozisyonunun kodlarını görüyoruz. Php ile başlayan <?php if($this->countModules('reklam1')) : ?> bu kodda reklam1 pozisyonu yayında değilse ilk yazdığımız kod ile <?php endif; ?> kodu arasındakileri gösterme demiş oluyoruz. Eğer reklam1 pozisyonunda bir modül varsa gösterilecek.

PHP Kod:
1.
<?php if($this->countModules('reklam1')) : ?>
2.
<div class="reklam">
3.
<jdoc:include type="modules" name="reklam1" style="xhtml" />
4.
</div>
5.
<?php endif; ?>

Modül pozisyonu ardından sitemizin ana içeriklerinin görüleceği ve dersin başında bahsettiğimiz iki kodu class="icerik" tanımlasıyla yazıyoruz.

PHP Kod:
1.
<div class="icerik">
2.
<jdoc:include type="message" />
3.
<jdoc:include type="component" />
4.
</div

Yine bir modül pozisyonu ekliyoruz. Buradaki pozisyon yukarıda yazdığımız ile aynı. Sadece php kodu içerisindeki tanım ile name bölümündeki tanım aynı olmalı.

PHP Kod:
1.
<?php if($this->countModules('reklam2')) : ?>
2.
<div class="reklam">
3.
<jdoc:include type="modules" name="reklam2" style="xhtml" />
4.
</div>
5.
<?php endif; ?>

Burada tanımladığımız 3 farklı bölümü yukarıda tanımladığımız

PHP Kod:
1.
<div class="orta-sol"> </div

kodları arasına yazıyoruz ve diğer sütuna geçiyoruz.
Burada tanımlamasını yapacağımız kodları yukarıda bahsettiğim

PHP Kod:
1.
<div class="orta-sag"> </div

kodları arasına yazacağız. Yukarıda 2 sefer kullandığımız standart modül pozisyonu ekleme kodlarını burada da kullanıyoruz.

PHP Kod:
1.
<div class="orta-sag-modul"
2.
<?php if($this->countModules('sag')) : ?>
3.
<jdoc:include type="modules" name="sag" style="xhtml" />
4.
<?php endif; ?>
5.
</div>
6.
<div style="clear: both;"></div> 

Sütun tanımlamalarımız da bittiğine göre yukarıda açtığımız 2 adet div'i kapatmayı unutmuyoruz.

PHP Kod:
1.
</div>
2.
</div

Yukarıda yazdığımız kodların tamamına aşağıdan ulaşabilirsiniz.

PHP Kod:
01.
<div id="orta">
02.
<div id="orta-bolge">
03.
<div class="orta-sol">
04.
 
05.
<?php if($this->countModules('reklam2')) : ?>
06.
<div class="reklam">
07.
<jdoc:include type="modules" name="reklam1" style="xhtml" />
08.
</div>
09.
<?php endif; ?>
10.
 
11.
<div class="icerik">
12.
<jdoc:include type="message" />
13.
<jdoc:include type="component" />
14.
</div>
15.
 
16.
<?php if($this->countModules('reklam2')) : ?>
17.
<div class="reklam">
18.
<jdoc:include type="modules" name="reklam2" style="xhtml" />
19.
</div>
20.
<?php endif; ?>
21.
</div>
22.
 
23.
<div class="orta-sag">
24.
<div class="orta-sag-modul">
25.
<?php if($this->countModules('sag')) : ?>
26.
<jdoc:include type="modules" name="sag" style="xhtml" />
27.
<?php endif; ?>
28.
</div>
29.
</div>
30.
<div style="clear: both;"></div>
31.
</div>
32.
</div> 

Şimdi burada yazdığımız XHTML kodlarının CSS tanımlamalarını yapmak için diğer bölüme geçelim. >>
Ara
Cevapla
 


Anahtar Kelimeler

Tema yapımı - orta kısım xhtml kodu yazımı indir, Tema yapımı - orta kısım xhtml kodu yazımı Videosu, Tema yapımı - orta kısım xhtml kodu yazımı online izle, Tema yapımı - orta kısım xhtml kodu yazımı Bedava indir, Tema yapımı - orta kısım xhtml kodu yazımı Yükle, Tema yapımı - orta kısım xhtml kodu yazımı Hakkında, Tema yapımı - orta kısım xhtml kodu yazımı nedir, Tema yapımı - orta kısım xhtml kodu yazımı Free indir, Tema yapımı - orta kısım xhtml kodu yazımı oyunu, Tema yapımı - orta kısım xhtml kodu yazımı download


Tema yapımı - orta kısım xhtml kodu yazımı konusu
Tema yapımı - orta kısım xhtml kodu yazımı Konusunun Etiketleri Etiketler Tema yapımı - orta kısım xhtml kodu yazımı indir, Tema yapımı - orta kısım xhtml kodu yazımı download, Tema yapımı - orta kısım xhtml kodu yazımı script indir, Tema yapımı - orta kısım xhtml kodu yazımıwarez script, Tema yapımı - orta kısım xhtml kodu yazımı hakkinda, Tema yapımı - orta kısım xhtml kodu yazımı teması, Tema yapımı - orta kısım xhtml kodu yazımı ücretsiz indir, Tema yapımı - orta kısım xhtml kodu yazımı full indir,Tema yapımı - orta kısım xhtml kodu yazımı temasi indir,Tema yapımı - orta kısım xhtml kodu yazımı full warez,Tema yapımı - orta kısım xhtml kodu yazımı php script indir,Tema yapımı - orta kısım xhtml kodu yazımı free download,Tema yapımı - orta kısım xhtml kodu yazımı çözümü,Tema yapımı - orta kısım xhtml kodu yazımı hatası,Tema yapımı - orta kısım xhtml kodu yazımı programını indir,Tema yapımı - orta kısım xhtml kodu yazımı kurulumu,Tema yapımı - orta kısım xhtml kodu yazımı crack,Tema yapımı - orta kısım xhtml kodu yazımı serial,Tema yapımı - orta kısım xhtml kodu yazımı asp indir,Tema yapımı - orta kısım xhtml kodu yazımı tasarim indir,Tema yapımı - orta kısım xhtml kodu yazımı script arşivi,Tema yapımı - orta kısım xhtml kodu yazımı resimli anlatım,Tema yapımı - orta kısım xhtml kodu yazımı videolu anlatım,Tema yapımı - orta kısım xhtml kodu yazımı html tema
Tema yapımı - orta kısım xhtml kodu yazımı Konusunun Linki Direk Link
Tema yapımı - orta kısım xhtml kodu yazımı Konusunun HTML Kodu HTML Link
Tema yapımı - orta kısım xhtml kodu yazımı Konusu BBCode Linki BBCode Link
Tema yapımı - orta kısım xhtml kodu yazımı Konusunu Paylaş Sosyal Paylaş


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Tema yapımı - orta bölüm css kodu yazımı VbPro 0 957 20.08.2014, Saat:10:38
Son Yorum: VbPro
  Tema yapımı - üst kısım css kodu yazımı VbPro 0 1,054 20.08.2014, Saat:10:33
Son Yorum: VbPro
  Tema yapımı - üst kısım xhtml kodu yazımı VbPro 0 1,043 20.08.2014, Saat:10:30
Son Yorum: VbPro
  Tema yapımı - template dosyasını tanıma VbPro 0 1,036 20.08.2014, Saat:10:29
Son Yorum: VbPro
  Tema yapımı - Boş şablon kurulumu ve index.php dosyasını tanıma VbPro 0 1,397 20.08.2014, Saat:10:18
Son Yorum: VbPro



Konuyu Okuyanlar: 1 Ziyaretçi
istanbul escort bayan travesti travestiler
ankara escort kayseri escort antalya escort pornolar konya escort