Go Back   WmOfisi.Com | Türkiyenin En Kapsamlı Webmaster Sitesi > Hazır Scriptler > Joomla

Joomla Joomla hakkında her şeyi bulabileceğiniz bölüm

Yeni Konu aç Cevapla
 
LinkBack Seçenekler Stil
  #1  
Alt 06-08-2013, 10:08 AM
WO Üyesi
 
Üyelik tarihi: Jun 2013
Yaş: 29
Mesajlar: 440
Tecrübe Puanı: 555
perfecTr is on a distinguished road
Standart Değişen Site Arka Planı Yapımı

Sitenizde sizde sayfa yenilendikçe yada sayfadan sayfaya geçildikçe değişen arka plan yapmak istiyorsanız bu dersi inceleyin....

Öncelikle Arka Plan Olarak Belirleyeceğiniz Resimler Büyük Boyutlu Olmalı....

Örneğin FenerBahçe.Orgdaki gibi

[WmOfisi.com a Katılmak İçin Lütfen TIKLAYIN...]

Resmin boyutları 2200*870

Ben bu sitedeki resimleri kullanarak örnek göstereceğim sizlere...

Aslında çok kısa bişey yazınca göreceksiniz

Öncelikle sitemizin ana dizininde arkaplan diye bi klasör açalım...
Bu klasörü temanızın içindede açabilirsiniz hiç fark etmez sadece resimlerin yolunu yazarken şaşırmayın yeter.

Ben ana dizinde olduğunu varsayıyorum.

arkaplan diye bir klasör açtık ve içine resimlerimizi
1.jpg, 2.jpg, 3.jpg, 4.jpg ... diye adlandıralım. Neden rakam verdik birazdan bahsedeceğim.

Klasörümüzü oluşturduk içine resimlerimizi attık sıra geldi uygulamaya..

Temanızın index.php dosyasını açınız.

PHP- Kodu:
</head>

<body.........
head dan sonra gelen body tag ını bulunuz ve body tagının yanına şu kodları yazınız..
PHP- Kodu:
<body id="bd" style="background:url('arkaplan/<?php echo rand(1,4); ?>.jpg') no-repeat scroll 50% 0;"
Sizin id="bd" yazmanıza gerek yok bu benim temamda olan bişey Sİzde başka bişeydir muhtemelen

Burda style="background:url ile sitemize verilecek olan arkaplanı belirlicez

PHP- Kodu:
<?php echo rand(1,4);?>
İle rastgele bie rakam seçtiricez ve gelen rakamlada o arka plan sitenin arka planı olmuş olacak aynen şöyle...

<?php echo rand(1,4) buradan sonuç 3 çıkarsa

PHP- Kodu:
HTML-Kodu:
<body id="bd" style="background:url('arkaplan/3.jpg') no-repeat scroll 50% 0;"  
Kod bloğu bu hali alacak ve 3.jpg dosyası sitenin arka planı olmuş olacak..

Dikkat Etmeniz Gereken Hususlar...!!!

Temanızın css dosyasında body için herhangi bir arka plan yada resim girilmiş ise onu siliniz yoksa çakışırlar...

?öyleki bu kodlara göre css dosyasında aramanız ve bakmanız gereken yerler
1. Body yani body { } yani bu
2. body id="bd" dediği için id si bd olana bakıcaz, aricaz yani oda body#bd { } bu şekilde yazılmıştır css dosyasında bunların içinde herhangi bir arka plan belirlemesi varsa onu silelim lütfen ama

HTML-Kodu:
body {
background: #FFFFFF;
}
Bu buşekilde olabilir fakat

2. Numarada belirttiğimde arka plan ile ilgili hiç bişey olmamalı...


Umarım yararlı bi bilgi olur sizin için....
Başka ders ve anlatımlarda görüşmek üzere....

Alıntıdır.
Alıntı ile Cevapla
Cevapla

Bookmarks

Etiketler
arka, değişen, planı, site, yapımı

Seçenekler
Stil

Yetkileriniz
Konu Acma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajınızı Değiştirme Yetkiniz Yok

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Açık
Pingbacks are Açık
Refbacks are Açık


Forum Sosyal
Powered by vBulletin® Webster Edition
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.
SEO by vBSEO 3.6.1 ©2011, Crawlability, Inc.
- Forum

Tasarım : VampRens
Wmofisi.Com Her Hakkı Saklıdır