ID Seçiciler (ID Selectors) ve Sınıf Seçiciler (Class Selectors)

Sınıf seçicileri genel olarak ID seçiciler (ID selectors) ve sınıf seçiciler (class selectors) olmak üzere 2 guruba ayrılır. Bu yazıda link düzenlemeleri için kullanılan sözde sınıflardan da bahsedilecektir.

ID Seçiciler : Tanımlayıcı adları önünde # işareti kullanılır. # ile belirtilen tanımlayıcı adına gönderme yaparak kullanılırlar.

Örnek ID Seçici Uygulaması :  

<html>

<head>   

        <style type=”text/css”>

           <!-

                 #idsecicim                    

                       {  

                              color:#CCCCCC;

                              font-weight:normal;

                              font-family:”Courier New”;

                              background-color: #0033CC;

                       }

            –>    

         </style>

</head>  

<body>                      

     <u id=idsecicim>ID Seçici Örneği</u>   

</body>

</html>  

Burada joomla temasında kullanılan ID seçiciler ve açıklamalarını bulabilirsiniz. 

Sınıf Seçiciler : Daha çok bütün etiketlerin aynı olmaması istendiği durumlarda kullanılır. Mesela h1 etiketini bazı yerlerde sans-serif yazı tipi ile birlikte kullanmak istiyorsunuz. Bu tür durumlarda h1 etiketinin normal biçimlendirmesini bozmadan h1+sans-serif şeklinde bir css tanımlaması  yapmak için sınıf seçiciler tercih edilir. Böylece hem h1 hem de  h1+sans-serif biçimlendirmelerini kullanabilirsiniz. 

Örnek Sınıf Seçici Uygulaması :

<html>

  <head> 

       <style type=”text/css”>

         <!-

             h2.yesil {color:green}

             h2.mavi {color:blue}

          –> 

       </style>   

   </head>

<body>     

  <h2 class=yesil>Burası h2 ile biçimlendirilmiş ve yeşil </h2>               

        </br>       

  <h2 class=mavi> Burası h2 ile biçimlendirilmiş ve mavi</h2>

</body>

</html> 

Sözde Sınıflar: Sözde sınıflar link biçimlendirmeleri için kullanılır.

link : Linkin başlangıçtaki hali. Daha ziyeret edilmemiş link.

visited: Ziyeret edilmiş link.

active : Aktif link. Kullanıcının fare ile linkin üstüne tıklama anı.

hover : Fare linkin üzerinden geçerken linkin alacağı biçim.

Sözde Sınıf Örneği :  

a:link          {color:blue}               /*Ziyeret edilmemiş link mavi renkte olur*/
a:visited     {color:red}                /*Ziyaret edilmiş link kırmızı olur*/
a:active      {color:white}            /*Fare ile linke tıklandığı anda link beyaz olur*/
a:hover      {color:black}            /*Fare linkin üzerinden geçerken link siyah olur.*/

Sözde sınıfları kullanarak link düzenlemeleri ile ilgili uygulama

  • Dreamweaver ile CSS Oluşturmak
  • joomla rhuk_solarflare_ii Temasında Seçici Kullanımı
  • 2008 Google Pagerank Güncellemeleri Başladı
  • Joomla Temalarda Seçici Kullanımı ve Sol Menü Ayarları
  • CSS ile Link Düzenlemeleri Yapma (Menü Hazırlama)
  • Google Adsense Cevap Vermiyor
  • Google 2008 İkinci Pagerank Güncellemeleri Başladı

  • Yorum yok.

    Yorum yaz: