Hoş geldin.
Simple Machines Forum sisteminde sitenizin görünümünü etkileyen en önemli dosya tema klasörü içerisinde yer alan style.css dosyasıdır.
Bu css dosyası ile forumunuzun görünümünde birçok değişiklik yapabilir ve kendi benzersiz görünümünüzü oluşturabilirsiniz.
Şimdi bu dosyayı nasıl düzenleyeceğimizi göreceğiz. Css dosyamızı düzenlemek için ihtiyacımız olan tek cihaz not defteridir. Renk kodlarını gösteren bir kartela olması da güzel olurdu.
Şimdi notepad kullanarak style.css dosyasını açalım. Varsayılan konuda anlatım yaptım. Genel olarak bu tüm dersler için aynıdır. Yani endişelenmene gerek yok.
Kodlarımız şu şekilde;
/* Normal ve standart bağlantılar. */
Bağlantı
{
renk: #476C8E;
metin süslemesi: yok;
}
bir: ziyaret edildi
{
renk: #476C8E;
metin süslemesi: yok;
}
C: Fareyle üzerine gelin
{
metin süslemesi: altı çizili;
}
Burada link olarak tanımlanan ikonumuz sitemizdeki tüm aktif linklerin rengini göstermektedir. Bunu isteğimize göre düzenleyebiliriz.
a: ziyaret edildi sembolü, web sitemizdeki ziyaret edilen bağlantıların rengini gösterir.
C: Fareyle üzerine gelme ise, farenizi aktif bağlantının üzerine getirdiğinizde görünecek çekiciliği ifade eder. Alt çizgi komutu burada kullanılır. Bunu yap.
Yok, Üstü Çiz vb. olarak değiştirebilirsiniz.
Şimdi forum gezinti menüsünün rengiyle oynayalım. style.css dosyasını tekrar açalım. Varsayılan temadaki kodlarımız şu şekildedir;
/* Gezinme bağlantıları – bağlantı ağacına. */
.nav, .nav: bağlantı, .nav: ziyaret edildi
{
renk: #000000;
metin süslemesi: yok;
}
a.nav: üzerine gelin
{
renk: #cc3333;
metin süslemesi: altı çizili;
}
Burada nav:link aktif navigasyon bağlantısını, nav:visit simgesi ise daha önce ziyaret edilen navigasyon bağlantısını ifade eder. a.nav: Öte yandan kaydırma, farenizi bir gezinme bağlantısının üzerine getirdiğinizde görünecek rengi ifade eder.
Şimdi size forumun arka planı ve görüntüsü ile nasıl oynayacağınızı gösterelim.
/* Tüm forumun ana gövdesi. */
vücut
{
arka plan rengi: #E5E5E8;
kenar boşluğu: 0 piksel;
dolgu: 12 piksele 30 piksele 4 piksele 30 piksel;
}
Arka plan renk değerini istediğimiz renkte yapabiliriz. Forum ekranı dolgu değerleri ile oynamamız gerekiyor.
Temaların style.css dosyaları kontrol edildiğinde benzer kodlar bulunacaktır. Bu simgeleri düzenlediğimizde kendi temanızı oluşturabilirsiniz.
mantık: bağlantı, a: ziyaret edildi, a: kaydırma sembolleri birçok stil nesnesine uygulanır. Görünümünüzü iyileştirmek için kullanabilirsiniz.
kolay gelsin..
Diğer gönderilerimize göz at
[wpcin-random-posts]