Forumda yenilikler devam etmektedir , çalışmalara devam ettiğimiz kısa süre içerisinde güzel bir görünüme sahip olduk daha iyisi için lütfen çalışmaların bitmesini bekleyiniz. Tıkla ve Git
x

SMF CSS Düzenlemeleri İle Tema Yapımı

Hoş geldin! vbasic tarafından topluluğumuza katılmaya davet edildiniz. Kaydolmak için lütfen burayı tıklayın.
SMF CSS Düzenlemeleri İle Tema Yapımı

iltasyazilim

FD Üye
Katılım
Ara 25, 2016
Mesajlar
0
Etkileşim
17
Puan
38
Yaş
36
F-D Coin
14
Merhabalar
Simple Machines Forum sisteminde sitenizin görünüşünü etki eden en önemli dosya, tema klasörünün içinde bulunan, stylecss 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 stylecss 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
a:visited
a:hover
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 stylecss dosyasını açalım Default temada kodlarımız şu şekildedir;
* Navigation links – for the link tree *
nav, nav:link, nav:visited
anav:hover
Burada nav:link aktif navigasyon linkini ifade ederken, nav:visited kodu ise daha önceden ziyaret edilmiş olan navigasyon linkini ifade eder anav: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
Backgroundcolor değerini istediğimiz bir renk yapabiliriz Forumun genişliği için padding değerleri ile oynamamız gerekir
Temaların stylecss 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
 
858,500Konular
982,385Mesajlar
32,977Kullanıcılar
spineless81Son üye
Üst Alt