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