Merhabalar.

Simple Machines Forum sisteminde sitenizin görünüşünü etki eden en önemli dosya, tema klasörünün içinde bulunan, style. css dosyasıdır.

Bu css dosyası ile forumunuzun görünümünde bir çok değişiklik yapabilir, kendi özgün temanızı oluşturabilirsini.

Şimdi bu dosyayı nasıl düzenleyeceğimizi göreceğiz. Css dosyamızı düzenlemek için ihtiyacımız olan ekipman yalnızca Notepad programı. Ayrıca renk kodlarını gösteren bir kartelanız da olursa daha güzel olur.

Şimdi Notepad ile style. css dosyasını açalım. Ben anlatımı default tema üzerinden yaptım. Genelde bu tüm temalarda aynıdır. O yüzden telaşlanmanıza gerek yok.

Kodlarımız şu şekildedir;

/* Normal, standard links. */

a:link

{

color: #476C8E;

text-decoration: none;

}

a:visited

{

color: #476C8E;

text-decoration: none;

}

a:hover

{

text-decoration: underline;

}

Burada a:link şeklinde belirtilen kodumuz sitemizdeki tüm aktif linklerin rengini belirtir. Bunu keyfimize göre düzenleyebiliriz.

a:visited kodu ise sitemizdeki ziyaret edilmiş olan linklerin rengini belirtir.

A:hover ise aktif linkin üzerine mouse ile gelindiğinde ortaya çıkacak olan atraksiyonu belirtir. Burada underline(altını çiz) komutu kullanılmış. Siz bunu;

None, Overline vb. şeklinde değiştirebilirsiniz.

Şimdi forumumuzun navigasyon menüsünün rengi ile oynayalım. Yine style. css dosyasını açalım. Default temada kodlarımız şu şekildedir;

/* Navigation links - for the link tree. */

. nav, . nav:link, . nav:visited

{

color: #000000;

text-decoration: none;

}

a. nav:hover

{

color: #cc3333;

text-decoration: underline;

}

Burada nav:link aktif navigasyon linkini ifade ederken, nav:visited kodu ise daha önceden ziyaret edilmiş olan navigasyon linkini ifade eder. a. nav:hover ise mouse ile navigasyon linki üzerine gelindiğinde çıkacak rengi ifade eder.

Şimdi forumun arka planı ve genişliği ile oynamayı gösterelim.

/* The main body of the entire forum. */

body

{

background-color: #E5E5E8;

margin: 0px;

padding: 12px 30px 4px 30px;

}

Background-color değerini istediğimiz bir renk yapabiliriz. Forumun genişliği için padding değerleri ile oynamamız gerekir.

Temaların style. css dosyaları incelendiğinde, buna benzer kodlar bulunacaktır. Bu kodları düzenlediğimizde kendi temanızı oluşturabilirsiniz.

a:link, a:visited, a:hover kodlarının mantığı bir çok style objesinde geçerlidir. Bunlardan faydalanarak temanızı geliştirebilirsiniz.

Kolay gelsin. .

Kategoriler:

Yapılan Yorumlar

Henüz kimse yorum yapmamış.

Bu sayfada yer alan bilgilerle ilgili sorularınızı sorabilir, eleştiri ve önerilerde bulunabilirsiniz. Yeni bilgiler ekleyerek sayfanın gelişmesine katkıda bulunabilirsiniz.

Yorum Yapın

Adınız:
E-Mail:
Mesajınız:
Doğrulama: Güvenlik Kodu
 
Hosts Dosyası Nedir?     Ekinoks Nedir?     Vista Transformation Pack 5.5     Samsung'un 32 GB Flash Sürücüsü Görücüye Çıktı     İntel'in Core 2 Duo E6400'ü %56'lık oc ile fiyat-performans kralı     M-Audio MobilePre USB - USB Beslemeli, Pre-amplifikatörlü USB Ses Kartı     M-Audio, Avid/Digidesign tarafından satın alındı - İki dev birleşti     İşte Karşınızda Yeni Honda Civic     Cubase 4 - Devrimci bir kilometre taşı Müzik prodüksiyon yazılımı.     VW Touran CCS (BiZEL Motorlu Tek Araç)     StrokeIt 9.5     Avedesk Bölüm2     Windows Vista Güncelleştirme Paketi     Murat Günak kimdir?     Arama Motorları Nasıl Çalışır?     AMD: Fusion ile CPU ve GPU'yu Birleştiriyor.     NanoTeknoloji Nedir?     VW Tiguan ( Küçük Touareg )     Barkod Nedir?     Java Destekli Telefonlar için 3D Performans ve Kalite Testleri     Cubase 4 - Kontrol Odası (Control Room)     MouseIMP Pro     Avedesk Bölüm 3 - Ave Scripter Eklentileri     C-Metisse (Citroen'in Yeni Bombası)     SSL Nedir? Nasıl Çalışır?     Ürün incelemesi: Saitek P3000 Wireless PRO Gamepad     Ürün İncelemesi: Toshiba USB 2.0 1GB Flash Bellek     Beklenen oyun: Trackmania UNITED çıktı!     Windows Vista Sidebar     H-racer ve Hydrogen Station     Pardus Linux 2007 Beta 2     AMD FireSTREAM Kartlara Logosunu Verdi     Ürün İncelemesi: APC Back-UPS RS 1000VA Kesintisiz Güç kaynağı(KGK)     Ekran Kartları Nasıl Çalışır?     VISTA TRANSFORMATION PACK 6.0     Apple iPhone     Hidrojen Kullanan Otomobil Sayısı Her Geçen Gün Artıyor!     Yüzyılın icadı: Erke Dönergeci     Samsung'tan Dünyanın En İnce Cep Telefonu     Nintendo Wii Haber Kanalı Artık Yayında     Saab Bio Power     10.000 Pardus     Mobility Radeon X1900     Super Mario artık Nintendo Wii ‘de     TecrubeliPilotAraniyor.COM     Vista'nın da çıkmasıyla beraber 4 çekirdekli işlemciler artık standart hale geliyor     Avedesk Eklentilerin Ayarlanması     Dünyanın İlk Boxer Turbo Dizel Motoru     Ford Mustang Giugiaro Konsept     Microsoft Virtual PC 2007     ATI Catalyst 7.2 Sürücüleri Çıktı!     Kuantum Bilgisayarlar Geliyor     Dizüstü Canavarı: Monster T2-Rex T72M575U1     Yüzyılın yarış oyunu: Test Drive Unlimited!     Yahoo Messenger Vista !     Video oyunları çocukları zayıflatıyor     MSN alternatifi, kullanıcıların yeni gözdesi: Trillian     Vista üzerinde IIS 7.0 Kurulumu     Kuantum Bilgisayarlar     F1'e geri sayım…     Corel WordPerfect Lightning' in halka açık beta sürümünü yayımlıyor!     HP iPAQ Voice Messenger 510 ; Ses tanıma, Wi-Fi, Windows Mobile 6.0 hepsi bir arada     Intel 11X Fabrikasını Yenliyor     Casper, dört çekirdekli Intel CoreTM 2 Quad Q6600 işlemciye sahip yeni modelini pazara sundu.     Toshiba'dan 51 GB HD DVD     Değişen İklim Değil,Enerji Olsun!..     Far Cry'ın devam oyunu, muhteşem grafikleriyle: Crysis     IBM Dünya'nın En Güçlü Bilgisayarını Geliştriyor     Küresel Isınmanın Nedenleri? Sebepleri?     Yod'm 3D     Hard Disk Pazarının Kralı: Seagate     Vista Aero Reloaded     Oyunlar yeni bir boyut kazandı: TrackIR!     Elbit Systems VIPeR "avcı-katil" robotu çıkarıyor     Hava Kirliliğini Arttıran Sıcaklık İnversiyonu- Bölüm2     Adobe'den Ücretsiz PDF Oluşturma Hizmeti     Türk insanına has Google Logoları…     Hava Kirliliğini Arttıran Sıcaklık İnversiyonu- Bölüm1     Yahoo'dan Sınırsız Email Kapasitesi     AeroClear Glass for Vista Theme     Ati HD2900XT, Nvidia 8800GTX'a Karşı: Crysis Demo ve 3DMark06 Testleri     Google Spreadsheets     Vista'da Farklı Temalar Kullanmak     NuSphere PhpED IDE     Nükleer Santraller: Nasıl Çalışır? Problemleri Nelerdir?     İTÜRO     Mucitlerimiz Gün Işığına Çıkıyor     768MB 8800GTX, 512MB ATI HD 2900XT, 640MB 8800GTS Oyun ve 3DMark06 Testleri     Free Loader güneş pili     Hovercraft: Sınır Tanımayan Araç     İTÜ Robot Olimiyatları     Vestel, Tamamen Türk Yapımı Yakıt Pili Üretti     Yenilenebilir Enerji Kaynakları Nelerdir?     Kuzey Işıkları'nın Dansı     Boğaziçi Üniv. Robot Günleri     Beynimiz Nasıl Öğreniyor?     Adobe CS3 ile Mac'te, Daha Fazla Şey Yapın     Motorlarda Yanma Odaları ve Özellikleri     Güneş Enerjisi Nedir?     Hidrojen Yakıt Pilleri Nasıl Çalışır?    
Coğrafya
Coğrafya Sitesi
Tarih Sitesi
Türkçe Sitesi
Bilgi Sitesi
Bilgiler