Joomla Tema Yapımı : Template.css Kodlarının Açıklaması Devamı 2.

+ Yorum Gönder
Webmaster ve Diğer Kodlama Dilleri Bölümünden Joomla Tema Yapımı : Template.css Kodlarının Açıklaması Devamı 2. ile ilgili Kısaca Bilgi
  1. 1
    Fatal
    Özel Üye
    Reklam

    Joomla Tema Yapımı : Template.css Kodlarının Açıklaması Devamı 2.

    Reklam



    Joomla Tema Yapımı : Template.css Kodlarının Açıklaması Devamı 2.

    Forum Alev
    Joomla Tema Yapımı : Template.css Kodlarının Açıklaması Devamı 2.

    /***************************
    Kategorilerdeki yazılar ve link özellikleri. Örneğin bağlantılar kısmındaki
    linklerin rengini a.category:link bölümündeki color seçeneği ile ayarlarsınız.
    ****************************/
    .category {
    color:#000033;font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;font-weight:bold;text-decoration:none;
    }

    a.category:link, a.category:visited { /*Kategori içindeki linklerin biçimi
    Örneğin bağlantılar kısmında sitedefteri
    linki*/
    color:#000033;font-weight:bold;
    }

    a.category:hover { /*Linkin üzerine gelince oluşacak biçim. Örneğin : sitedefteri
    linkine gelince yazının kırmızı olması için color: #FF0000;
    yazılmalı*/
    color:#0066FF;
    }

    /****************************
    Poll Tables. Anket tablosunun içeriği buradan ayarlanır.
    *****************************/
    .poll {
    font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#000033;
    line-height:14px;
    }
    .sectiontableentry1, { /*Anket seçeneklerinin zemin rengi olarak iki renk
    kullanılır. Örneğin : Bir seçeneğin zemin rengi beyazsa
    altındaki seçeneğin zemin rengi gri, gri zemin renginden
    sonra da beyaz olur. Bu renklerden biri burada belirlenir.*/
    background-color:#FFFFFF;
    }
    .sectiontableentry2 {
    background-color:#CDCDCD; /*Renklerden diğeri de burada belirlenir.*/
    }
    .sectiontableheader { /*Anket sonuçlarını gösterirken en üstte yazan anket
    isminin olduğu hücreyi biçimlendirir.*/
    background-color:#FFFFFF;
    color :#000033;
    font-weight:bold;
    }

    /******************************
    Misc.
    *******************************/
    .small { /*Burada Yazar … şeklinde yazıyı yazanı belirten yazı
    biçimlendirilir.*/
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#0066FF;
    text-decoration:none;
    font-weight:normal;
    }

    .smalldark { /*Burada anket sonuçlarında alt kısımdaki oy veren sayısı, ilk oy,
    son oy yazısı biçimlendirilir.*/
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#000033;
    text-decoration:none;
    font-weight:normal;
    }


    /*******************************
    Newsfeeds. Bu bölümde haber başlıları bileşeni ile ilgili düzenlemeleri yapabilirisiniz.
    ********************************/
    .newsfeedheading {
    font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size:32px;
    font-weight:bold;
    color:#000033;
    text-align:left;
    }
    .newsfeeddate {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color:#0066FF;
    font-weight:normal;
    }



  2. 2
    Fatal
    Özel Üye

    --->: Joomla Tema Yapımı : Template.css Kodlarının Açıklaması Devamı 2.

    Reklam



    /*****************************
    Create/Modify Dates . Oluşturulma tarihi.
    ******************************/
    .createdate { /*Yazının oluşturulma tarihinin biçimlendirilmesi burada yapılır*/
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
    color:#0066FF;
    text-decoration:none;
    font-weight:normal;
    }
    .modifydate { /*Değişikliğe uğramış yazının ne zaman değiştirildiğini belirten
    yazının biçimlendirilmesi burada yapılır.*/
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
    color:#0066FF;
    text-decoration:none;
    font-weight: normal;
    }



    /*****************************/
    Content voting /*oy başlığı*/
    /******************************/
    .content_rating { /*yazının rating değeri yazısının biçimlendirilmesi*/
    font-weight:normal;
    font-size:8pt;
    }

    .content_vote { /*yazının oy sonuçlarının başlığının biçimlendirilmesi*/
    font-weight:normal;
    font-size:8pt;
    }


    /*****************************/
    fast4rdf /*Newsfeeds sayfasının ana metnini tanımlamak için kullanılır.*/
    /******************************/
    .fase4rdf {
    font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;color:#ff0000;font-weight:normal;
    }
    a.fase4rdf:link {
    font-size:11px;font-weight:normal;color:#ff0000;
    }
    a.fase4rdf:hover {
    font-weight:bold;color:#0066FF;
    }


    /******************************
    Searchintro and contact
    *******************************/
    table.searchintro {
    background-color:#FFFFFF; /*arama sonuç raporunu biçimlendirir. Örnek :
    “Aranacak Kelimeler sitedefteri” yazısının
    olduğu tablo zemin rengi*/
    border:1px solid #000099; /*Üstteki zemin rengi idi, bu ise tablo kenarlığı*/
    }
    .contact {
    background-color:#FFFFFF;
    }
    .icons {
    background-color:#FFFFFF;
    border-right-width:1px;
    border-right-style:dashed;
    border-right-color:#0078FF;
    }
    .details {
    background-color:#FFFFFF;
    font-size:10px;
    font-weight:normal;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    }







  3. 3
    Fatal
    Özel Üye
    /****************************** /
    Pagenav /*Sayfalar arası geçişi sağlayan ( << Başa Dön < Önceki 1 Sonraki > Sona Git >> ) linkler ile ilgili düzenlemeler*/
    /*******************************/
    .pagenav {
    font-weight:normal;
    }
    a.pagenav, a.pagenav:visited {
    font-weight:bold;
    color:#ff0000;
    }
    a.pagenav:hover {
    color:#ff0000;
    }
    .pagenavbar {

    }



    /* for modifying (moscode) output. Don’t set the colour! ??? */

    .moscode {
    background-color:#f0f0f0;
    }
    /* Text passed with mosmsg url parameter ??? */
    .message {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:10pt;
    color:#ff6600;
    text-align:center;
    }


    /**************************** /
    APS Specific
    /*Buradaki aps temanın adının aps_clean_generic olması ile ilgili*/
    /*Bu bölümde temanın temel hatları biçimlendiriliyor.*/
    /*****************************/
    .aps_outline {
    width:800px; /*Joomla temanızın tarayıcıdaki genişliğini buradan
    ayarlayabilirsiniz. Mesela bu sayıyı 1000 yaparsak sayfanın
    sağ ve sol kenarlarındaki boşluk azalacaktır*/
    height:100%; /*Joomla temanızın yüksekliğini buradan ayarlayabilirsiniz.*/
    background-color:#000000; /*Temanın sağ sol kenarları hariç zemin rengi.
    Üstünde tema bulunduğu için sayfayı
    yenileyince kısa bir süre görünen renk*/
    border-left:1px solid #000000; /*Temanın sol tarafındaki kenarlık rengi*/
    border-right:1px solid #000000; /*Temanın sağ tarafındaki kenarlık rengi*/
    }
    .aps_topbar { /*Bu temada en üstte, logonun da üstünde Anasayfa->Haberler
    şeklinde yol gösterici var. İşte bu yol göstericinin
    biçimlendirilmesi burada yapılıyor.*/
    background-color:#000000;
    background-image:url(../images/bg_light_gray.gif);
    background-position:0px 0px;
    width:100%;
    text-align:left;
    }
    .aps_title { /*Yol göstericinin hemen altında logonun bulunduğu title kısmı var.
    Site adı burada 20px boyutunda yazdırılmış. Bu yazının ve
    altındaki zeminin biçimlendirmesi burada yapılıyor. */
    font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    font-size:20px;
    background-color:#0066FF;
    background-image:url(../images/bg_light_blue.gif);
    background-position:0px 0px;
    width:100%;
    border-bottom:1px solid #000000;
    border-top:1px solid #000000;
    color:#FFFFFF;
    }
    .aps_leftbar { /*Sol taraftaki menülerin olduğu bölüm (left modules) burada
    biçimlendiriliyor*/
    background-color:#CCCCCC;
    background-image:url(../images/bg_light_gray.gif);
    background-position:0px 0px;
    width:150px;
    border-right:1px solid #000000;
    text-align:center;
    }
    .aps_centerbar { /*Orta kısımdaki ana yazıların olduğu bölümün (main body)
    zemin rengi buradan belirleniyor*/
    background-color:#FFFFFF;
    }
    .aps_bottombar { /*Alt taraf buradan biçimlendiriliyor*/
    background-color:#0066FF;
    background-image:url(../images/bg_light_blue.gif);
    background-position:0px 0px;
    width:100%;
    border-top:1px solid #000000;
    color:#FFFFFF;
    }
    .aps_rightbar {
    background-color:#FFFFFF;
    width:150px;
    }
    .aps_rightbar_user2 {
    background-color:#FFFFFF;
    border:1px solid #0066FF;
    }
    .aps_rightbar_right {
    background-color:#FFFFFF;
    border:1px solid #0066FF;
    }







+ Yorum Gönder
5 üzerinden | Toplam : 0 kişi