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

Güvenlik Kodu
Mafia 2: Mafya Efsanesi Geri Dönüyor…     AMD'nin Üç Çekirdekli(triple-core) Phenom İşlemcileri Hazır     WordPress 2.5 Sürümü Yayınlandı     LG LH2300: Full Multimedia Telefon     Cellink T/M: Usb bellek, microSD kart okuyucu ve mobil şarj ünitesi bir arada     Teclast M26: Tamamen Dokunmatik Cep Telefonu     İpod İçin Ezan Vakitleri Programı: iAthan     Call of Duty 5: Yapım Aşamasında Olduğu Duyuruldu     HP Elite: 3 Megapiksellik Web Kamerası     Sony HDR-TG3E Handycam: Dünyanın En Küçük Full HD Kamerası     Güneş Enerjisiyle Çalışan Ekonomik Şarj Aleti     Google Maps'e Trafik Hizmeti Eklendi     Türk Telekom'dan Görüntülü Telefon Hizmeti(Videofon)     Google Görsel(Resim) Arama Fonksiyonunda Çağ Atlıyor     Samsung P960: İlk Mobil TV Cihazı     Star Wars'ın Sevimli Robotu R2-D2 Projektör Oldu     HP, RAM'lara Çağ Atlatmaya Hazırlanıyor     Giyilebilir Roket Helikopter     Nokia'dan Remade Konsepti ve Homegrown Projesi     Tom Clancy's Splinter Cell Conviction     Sharp'tan Yüzer Güneş Paneli Sistemleri     VDSL2: Türkiye de Gerçek Geniş Bant İnternete Kavuşuyor     OCZ'den SSD'lere Cazip Fiyat Düzenlemesi     .htaccess Dosya Oluşturma     Wild Web Woods: Çocuklar İçin Eğitici Online Oyun     Turkcell mobil internet paketinde indirim yaptı     SMF CSS Düzenlemeleri İle Tema Yapımı     Ubuntu 9.04 sürümü yayınlandı     Backlink Kavramı ve Ayrıntıları     Enerji tasarruflu monitör     Windows 7'de güvenlik açığı bulundu     İşlemci rehberi     Windows Live Yenilendi     Google Labs ‘ dan Zaman Makinesi     Joomla!     SMF için ufak ipuçları     Joomla Kuruyoruz     Işınlama Deneyleri     Wireless Teknolojisi     Samsung'dan Daha Çok Alan Daha Az Enerji     Kayıp Kıta MU     Ürün inceleme: Brando Ekran Koruyucu Film     Çayı Kim, Nasıl Buldu?     Ürün inceleme: Toshiba 16 GB Flash Bellek     Yeni Blogculara Altın Öğütler     Hafıza Yöntemleri - Hafızamızı En İyi Nasıl Kullanırız?     Sıcak Su Kazanlarının Parçaları ve Emniyet Elemanları     Google Katili WolframAlpha Geliyor !     Omegle: Yeni Çağın Muhabbet Akımı     Parmak İziyle Yüz Tespiti Yapmak Mümkün Hale Geliyor     Kalp Hastalıklarının Tedavisinde Yeni Buluşlar     Dünyanın Hareketleri ve Sonuçları     Tork Nedir? Ne İşe Yarar?     Siber Dünya Ve Bilgi Güvenliği     Mevsimler ve Oluşumu     Gigabyte GA-EX58-Extreme Anakart     Güneş Tutulması Olayı     Moleküller ile Çalışan Bilgisayar     Moral Ve Motivasyon     Rüzgar Nedir? Çeşitleri Nelerdir?     Gürcistan     Suriye     Irak     Lübnan     İsrail     Mısır     Sırbistan-Karadağ (Yugoslavya)     Arnavutluk     XX. Yüzyılda Nükleer Güç     Kömür Ve Üretimi     Silverlight 3.0 Seminerleri     Türkiye'nin Bitki Örtüsü     Marmara Bölgesi     Video Kaydı ve Gösterilmesi     Doğu Anadolu Bölgesi     Asit Yağmurları Nedir ? Nasıl Oluşur ? Etkileri Nelerdir ?     Portekiz     Göçlerin Nedenleri ve Sonuçları     Trafik Mühendisliği     Türkiye'nin Ekonomik Coğrafyası     Türkiye'de Ormanlar     Milletler Arası Kuruluşlar ve Türkiye     Finlandiya     cPanel : Veritabanı Oluşturmak     WordPress Nasıl Güncellenir     Çocuklar İçin Ucuz Bilgisayar     Ekonomik Sürüş Teknikleri     Rüya Fotoğraf Sergisi     Google Buzz Nedir?     Bilgiustam Yazarlık Sistemi Yayında !     Teknoloji Dünyasındaki Önemli Gelişmeler     Ütü Nedir? Nasıl Çalışır?     16F84A ile Led Kontrol Uygulaması     İmmobilizer Nedir? Otomobillerdeki Çipli Anahtar Sistemi Nasıl Çalışır?     Kordon Kanı ve Kök Hücre Tedavileri     Mutasyon Nedir? Çeşitleri ve Sebepleri Nelerdir?     Ne Sitesi Açsam Da Çok Para Kazansam?     Ayna Nöronlar Nedir?     Andromeda'nın Tarihçesi     Fosil Yakıtların Geleceği ve Çevresel Etkileri    
Coğafya Tarih Sitesi Matematik Sorusu Türkçe Sitesi