- Mesajlar
- 909
Wordpress temalarına olan ilgim artınca dayanamadım, bende benzer bir tasarımı kendi fikirlerimden yola çıkarak 3. ve son bir tema daha oluşturdum.
Eklediğim resimler ile temayı 5 farklı şekilde kullanabilmekteyiz.
Okul Tema v13 incelemek için : template-icon-gif-png-f110/jquery-haberbanti-fotogaleri-tarih-destekli-okul-temam-v13-t48826.html
Okul Tema v14 incelemek için : template-icon-gif-png-f110/jquery-haberbanti-fotogaleri-tarih-destekli-okul-temam-v14-t49214.html
TEMANIN ÖZELLİKLERİ
1. Temamız 988px genişliğinde ve 2 sütundan oluşmaktadır.
2. Yeni bir tasarladım. Burda örnek banner kullanımı ekli. Boş banner'ı "resimler" klasöründe bulabilirsiniz.
3. jQuery coin slider kullanılarak haber bantı oluşturdum. Scripti biraz modifiye ettim burda.
4. Personel ve okul sayfalarında kendi yazdığım jQuery script ile akerdeon tarzında şık bir kullanım ekledim.
5. Thickbox kullanarak okul galeri sayfası hazırladım. CSS3 ile gelen animasyon özelliği ekleyerek görselliği daha da artırdım.
6. Anasayfada haftanın bölümünü ve diğer eklemeleri siteyi daha canlı tutmak amacıyla ekledim.
7. FF, Chrome ve IE'de sorunsuz çalışmaktadır. IE6 desteği yoktur.
8. FF ve Chrome için CSS3 kodları ekleyerek görsellik kattım.
9. "bos-sablon.html" adında boş bir şablon dosyası içindedir. Yeni ekleyeceğiniz sayfaları bu şablonu kullanarak hazırlayabilirsiniz.
10. Haber arşiv sayfası ekledim eski haberleri buraya yazmanız için.
11. Anamenüyü animasyonlu hale getirdim.
NOT: IE7 testi yapamadım. Bazı görsel aksaklıklar oluşabilir.
SİTE TÜM ÖZELLİKLERİ ÇALIŞIR DURUMDA ŞU AN "CHROME" TARAYICISINDA GÖRÜNTÜLENMEKTEDİR. DİĞER TARAYICILARIN YENİ VERSİYONLARI İLE EKLENEN
GÜNCEL ÖZELLİKLER ÇALIŞIR HALE GELECEKTİR.
TEMA DEĞİŞİMİ NASIL YAPILACAK ?
1. "FTHTEMA.CSS" dosyasını açtıktan sonra "sol menu kodları" başlığını buluyoruz.
2. Aşağıdaki kod bloğunda "m3.jpg" kısmını "m1.jpg ... m7.jpg" şeklinde değiştiriyoruz.
3. Bu şekilde tema değişikliklerini ayarlayabiliyoruz.
EĞER BANNER İLE ALT KISIM ARASINDAKİ BOŞLUĞU KALDIRMAK İSTERSENİZ ?
1. "FTHTEMA.CSS" dosyasını açtıktan sonra ".anabolum" class tanımlamasını buluyoruz.
2. Buradaki "margin" değerini 0'a ayarlıyoruz. Ve aradaki boşluk kapanıyor.
Eklediğim resimler ile temayı 5 farklı şekilde kullanabilmekteyiz.
Okul Tema v13 incelemek için : template-icon-gif-png-f110/jquery-haberbanti-fotogaleri-tarih-destekli-okul-temam-v13-t48826.html
Okul Tema v14 incelemek için : template-icon-gif-png-f110/jquery-haberbanti-fotogaleri-tarih-destekli-okul-temam-v14-t49214.html
TEMANIN ÖZELLİKLERİ
1. Temamız 988px genişliğinde ve 2 sütundan oluşmaktadır.
2. Yeni bir tasarladım. Burda örnek banner kullanımı ekli. Boş banner'ı "resimler" klasöründe bulabilirsiniz.
3. jQuery coin slider kullanılarak haber bantı oluşturdum. Scripti biraz modifiye ettim burda.
4. Personel ve okul sayfalarında kendi yazdığım jQuery script ile akerdeon tarzında şık bir kullanım ekledim.
5. Thickbox kullanarak okul galeri sayfası hazırladım. CSS3 ile gelen animasyon özelliği ekleyerek görselliği daha da artırdım.
6. Anasayfada haftanın bölümünü ve diğer eklemeleri siteyi daha canlı tutmak amacıyla ekledim.
7. FF, Chrome ve IE'de sorunsuz çalışmaktadır. IE6 desteği yoktur.
8. FF ve Chrome için CSS3 kodları ekleyerek görsellik kattım.
9. "bos-sablon.html" adında boş bir şablon dosyası içindedir. Yeni ekleyeceğiniz sayfaları bu şablonu kullanarak hazırlayabilirsiniz.
10. Haber arşiv sayfası ekledim eski haberleri buraya yazmanız için.
11. Anamenüyü animasyonlu hale getirdim.
NOT: IE7 testi yapamadım. Bazı görsel aksaklıklar oluşabilir.
SİTE TÜM ÖZELLİKLERİ ÇALIŞIR DURUMDA ŞU AN "CHROME" TARAYICISINDA GÖRÜNTÜLENMEKTEDİR. DİĞER TARAYICILARIN YENİ VERSİYONLARI İLE EKLENEN
GÜNCEL ÖZELLİKLER ÇALIŞIR HALE GELECEKTİR.
TEMA DEĞİŞİMİ NASIL YAPILACAK ?
1. "FTHTEMA.CSS" dosyasını açtıktan sonra "sol menu kodları" başlığını buluyoruz.
2. Aşağıdaki kod bloğunda "m3.jpg" kısmını "m1.jpg ... m7.jpg" şeklinde değiştiriyoruz.
Kod:
.slmenu h1 {
color:#fff;
font:normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
height:50px;
line-height:50px;
letter-spacing:1px;
margin:0;
padding:0px 0px 0px 20px;
background:transparent url(../resimler/m3.jpg) no-repeat left top;
display:block;
text-shadow:1px 1px 0 #555;}EĞER BANNER İLE ALT KISIM ARASINDAKİ BOŞLUĞU KALDIRMAK İSTERSENİZ ?
1. "FTHTEMA.CSS" dosyasını açtıktan sonra ".anabolum" class tanımlamasını buluyoruz.
Kod:
.anabolum { float:left;
position:relative;
display:block; width:988px;
margin:15px 0 0 0; padding:0;
overflow:hidden; background:transparent url(../resimler/orta-ap.png) repeat-y; }2. Buradaki "margin" değerini 0'a ayarlıyoruz. Ve aradaki boşluk kapanıyor.
Kod:
ŞİFRE : fthets
