Evet arkadaşlar Style.css dosyasındaki kodların ne işe yaradıklarını açıklamaya çalıştım.
/* Normal, standard links. */ a:link { color: #xxxxxx; text-decoration: none; } a:visited { color: #xxxxxx; text-decoration: none; } a:hover { text-decoration: underline; color: #xxxxxx; }
link= forumda yazılan linklerin rengi
visited= link tıklandıktan sonraki rengi
hover= mause link'in üstündeyken rengi
bunlara renkgini degiştirmek için ( color: #xxxxxx ) kısmını değiştiriyoruz.
text-decoration: yazıların altını, üstünü, üzerini çizmek veya çizmemek için kullanılan özellik.
- underline > Altı çizili yazı
- overline > Üstü çizili yazı
- line-through > Üzeri çizili yazı
- none > çizgili olmayan yazı
-blink >Üzerine gelince yanıp sönen yazı
/* Navigation links - for the link tree. */ .nav, .nav:link, .nav:visited { color: #000000; text-decoration: none; } a.nav:hover { color: #cc3333; text-decoration: underline; }
Buradaki kodları link ağacının özelliklerini değiştirmek için kullanıyoruz.
/* By default (td, body..) use verdana in black. */ body, td, th , tr { color: #000000; font-size: small; font-family: verdana, sans-serif; } /* The main body of the entire forum. */ body { background-color: #E5E5E8; margin: 0px; padding: 12px 30px 4px 30px; }
Bu kodlarda ise forumun genel ayarlarını yapıyoruz.(Genişlik,arkaplan,yazı rengi vb.)
/* Input boxes - just a bit smaller than normal so they align well. */ input, textarea, button { color: #000000; font-family: verdana, sans-serif; } input, button { font-size: 90%; } textarea { font-size: 100%; color: #000000; font-family: verdana, sans-serif; } /* All input elements that are checkboxes or radio buttons. */ input.check { } /* Selects are a bit smaller, because it makes them look even better . */ select { font-size: 90%; font-weight: normal; color: #000000; font-family: verdana, sans-serif; }
Bu kısım ise forumumuzda kullandıgımz input, textarea, buttonların özelliklerini değiştirdiğimiz kısımdır.