Forum Aski - Türkiye'nin En Eğlenceli Forumu - CSS İle Yazıların Rengini Değiştirmek

CSS İle Yazıların Rengini Değiştirmek

Genellikle yazıları okurken nerede kaldığımı işaretlemek için veya daha rahat okuyabilmek için yazıyı seçerek okurum. Bu şekilde çok daha rahat yazıyı takip edebiliyorum. Yazıları seçerken normalde seçim renkleri tarayıcının standart renklerdir. Ancak bu renkleri isterseniz CSS’ye ekleyeceğiniz bir kaç satır kod ile değiştirebilirsiniz. Bu şekilde hem web sitenizde renklerde uyumluluk sağlamış olursunuz hemde ziyaretçilerinizin daha renkli bir seçim yapabilmelerini sağlarsınız. Peki nasıl yaparız bunu hemen anlatayım.

Kodlama iki kısımdan oluşuyor. Birinci kısımda Firefox için seçimi tanımlıyoruz, ikinci kısımda ise CSS3 ile birlikte gelen normal kodlamayı yazıyoruz.

PHP- Kodu:

   <html>
  <head>
    <style type="text/css">
      ::-moz-selection {
        background: red;
        color: [URL=http://www.forumaski.com/misc.php?do=dbtech_usertag_hash&hash=FFFFFF]#FFFFFF[/URL]
      }
      ::selection {
        background: red;
        color: [URL=http://www.forumaski.com/misc.php?do=dbtech_usertag_hash&hash=FFF]#FFF[/URL]
      }
      .yaziAlani {
        font-family: Arial;
        font-size: 14px;
      }
    </style>
  </head>
  <body>
    <div class="yaziAlani">
      Bu Bir Deneme Yazısıdır.
    </div>
  </body>
</html>

KodLama Tamamen Kendime Ait

Özelliğin tek kötü yanı IE8 dahil Internet Explorer tarafından desteklenmemesi. Bunun dışında Firefox, Chrome, Safari ve Opera özelliği destekliyor.