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ı - üst kısım xhtml kodu yazımı


Çevrimdışı VbPro
#1
Önceki dersimizde template.css dosyasını tanımış ve tüm tanımlamalarımızı oraya yapacağımızdan bahsetmiştik. Ardından bir başka derste hazırladığımız temanın iskelet halini fireworks programını kullanarak istediğimiz site şekline sokmuştuk. Şimdi adım adım sitemizi hazırlayalım.
Öncelikle <body> tagının hemen altına genel bir çerçeve oluşturmakla işe başlıyoruz.

PHP Kod:
<div id="anagovde"

Ardından üstteki menümüz için bir çerçeve oluşturuyoruz.
Burada üstmenü için 2 tane div sınıfı açtık ve joomlanın standart modül pozisyon kodunu yazıp, divleri kapattık. Ardından clear:both komutumuzu koymayı unutmuyoruz.

PHP Kod:
1.
<div class="ust-bg-orta">
2.
<div class="ustmenu">
3.
<jdoc:include type="modules" name="ustmenu" style="xhtml" /> 
4.
</div>
5.
</div>
6.
<div style="clear: both;"></div

En üstteki menüden sonra logo içinde bir div tanımlaması yapıyoruz. Yine bunun için 2 tane div sınıfı açarak a tagı içerisinde img kodumuzu yazıyoruz.

PHP Kod:
1.
<a href="/index.php" alt="Site adı"></a

komutu ile logomuzu tıklanabilir yapıyoruz.

PHP Kod:
1.
<img src="/<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/logo.png" alt="<?php echo htmlspecialchars($app->getCfg('sitename')); ?>"/> 

komutu ile resmin gösterileceği yolu ayarlıyoruz. Burada karşımıza birkaç php kodu daha çıkıyor
Buradaki <?php echo $this->baseurl ?> kodu ile sitemizin adresini gösterttiriyoruz. Böylelikle farklı sitelere temayı yüklediğimizde hangi site ile çalışıyorsak o sitenin ismini otomatik almasını sağlıyoruz.
Ardından resmin yer aldığı klasör yolunu yazmaya başlıyoruz. Burada templates/ 'den sonra <?php echo $this->template ?> şeklinde bir kod yazıyoruz. Bu kodda aynı baseurl kodu gibi temamızın ismini otomatik olarak göstermeye yarıyor. Yani temanızın adını değiştirdiğiniz de burada gösterilen kod kendiliğinden temanın yeni adını algılıyor. Tema ismini değiştirdiğinizde, kodları açıp tema isminin geçtiği yerleri tekrar düzeltmenize gerek bırakmıyor.

PHP Kod:
<img src="/<?php echo $this->baseurl ?>/templates/joomlaekip/images/logo.png" alt="<?php echo htmlspecialchars($app->getCfg('sitename')); ?>"/> 

Buradaki alt açıklamasına ise site logo resminin üzerine gelindiğinde görünecek yazıda sitemizin adının görünmesini istediğimiz için yukarıda belirttiğimiz şekilde <?php echo htmlspecialchars($app->getCfg('sitename')); ?> kodunu yazıyoruz. Bu kod yönetici panelinden site ismine ne yazdıysak onun gösterilmesini sağlıyor.
Yazdığımız kodları toplu şekilde görelim.

PHP Kod:
1.
<div class="logo-dis">
2.
<div class="logo">
3.
<a href="/index.php" >
4.
<img src="/<?php echo $this->baseurl ?>/templates/joomlaekip/images/logo.png" alt="<?php echo htmlspecialchars($app->getCfg('sitename')); ?>"/>
5.
</a>
6.
</div>
7.
</div>
8.
<div style="clear: both;"></div

En üstteki menü ve logo alanının ardından sitemizin anamenüsünü hazırlamaya geçiyoruz.
Yine üstmenü için 2 div sınıfı açıyoruz ve joomlanın standart modül pozisyon kodunu yazıp, divleri kapatıyoruz. Gördüğünüz gibi enüstmenüde yaptığımız işlemin aynısını yaptık. Sadece div sınıfları ve modül pozisyon ismi farklı.
Yazdığımız kodları toplu şekilde görelim.

PHP Kod:
1.
<div class="anamenu-orta">
2.
<div class="anamenu">
3.
<jdoc:include type="modules" name="anamenu" style="xhtml" />
4.
</div>
5.
</div>
6.
<div style="clear: both;"></div

Bu adımları tamamladıktan sonra kodlamaya başlarken açtığımız genel çerçevenin kapatmasını ve html tagının kapatmasını unutmuyoruz. Daha sonraki adımları yazarken de bu kapatma taglarına dikkat edeceğiz. Bu 2 kapatma tagı sürekli olarak sayfanın en altında yer alacak.

PHP Kod:
1.
</div>
2.
</body>
3.
</html

Şimdi sayfamızın önizlemesini yapmadan önce css tanımlamalarımızı yapmak için template.css dosyamızı açalım.
Ara
Cevapla
 


Anahtar Kelimeler

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


Tema yapımı - üst kısım xhtml kodu yazımı konusu
Tema yapımı - üst kısım xhtml kodu yazımı Konusunun Etiketleri Etiketler Tema yapımı - üst kısım xhtml kodu yazımı indir, Tema yapımı - üst kısım xhtml kodu yazımı download, Tema yapımı - üst kısım xhtml kodu yazımı script indir, Tema yapımı - üst kısım xhtml kodu yazımıwarez script, Tema yapımı - üst kısım xhtml kodu yazımı hakkinda, Tema yapımı - üst kısım xhtml kodu yazımı teması, Tema yapımı - üst kısım xhtml kodu yazımı ücretsiz indir, Tema yapımı - üst kısım xhtml kodu yazımı full indir,Tema yapımı - üst kısım xhtml kodu yazımı temasi indir,Tema yapımı - üst kısım xhtml kodu yazımı full warez,Tema yapımı - üst kısım xhtml kodu yazımı php script indir,Tema yapımı - üst kısım xhtml kodu yazımı free download,Tema yapımı - üst kısım xhtml kodu yazımı çözümü,Tema yapımı - üst kısım xhtml kodu yazımı hatası,Tema yapımı - üst kısım xhtml kodu yazımı programını indir,Tema yapımı - üst kısım xhtml kodu yazımı kurulumu,Tema yapımı - üst kısım xhtml kodu yazımı crack,Tema yapımı - üst kısım xhtml kodu yazımı serial,Tema yapımı - üst kısım xhtml kodu yazımı asp indir,Tema yapımı - üst kısım xhtml kodu yazımı tasarim indir,Tema yapımı - üst kısım xhtml kodu yazımı script arşivi,Tema yapımı - üst kısım xhtml kodu yazımı resimli anlatım,Tema yapımı - üst kısım xhtml kodu yazımı videolu anlatım,Tema yapımı - üst kısım xhtml kodu yazımı html tema
Tema yapımı - üst kısım xhtml kodu yazımı Konusunun Linki Direk Link
Tema yapımı - üst kısım xhtml kodu yazımı Konusunun HTML Kodu HTML Link
Tema yapımı - üst kısım xhtml kodu yazımı Konusu BBCode Linki BBCode Link
Tema yapımı - üst 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 949 20.08.2014, Saat:10:38
Son Yorum: VbPro
  Tema yapımı - orta kısım xhtml kodu yazımı VbPro 0 987 20.08.2014, Saat:10:36
Son Yorum: VbPro
  Tema yapımı - üst kısım css kodu yazımı VbPro 0 1,047 20.08.2014, Saat:10:33
Son Yorum: VbPro
  Tema yapımı - template dosyasını tanıma VbPro 0 1,028 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,380 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