Bilişim Arşivi | Photoshop | Flash | Plan | Zümre | Ders Notları

Joomla! temanızın css dosyasında hangi stil seçicisi ne işe yarıyor

/* joomla 1.0 versiyonu için standart stil seçicileri... */

/* temel ayarlar*/

/* başka bir stil seçicisi eklenmediği taktirde sayfanın kullanacağı stil seçicileri aşağıda sıralanmıştır.*/

body {}/*sayfanızın body sini biçimlendirmek için kullanacağınız seçici.font ailesini arkaplan resmini ve kenar boşluklarını ayarlayabilirsiniz.*/
p {} /*sitenizdeki tüm <div> leri biçimlendirmek için kullanılacak olan stil seçicisi....*/
td {} /*sitemizdeki tüm <td>.öğelerini biçimlendirir.td html de kullandığımız table'lerin bir alt öğesidir. */
tr {} /*sitemizdeki tüm table row/<tr> leri ayarlamak için kullanabileceğimiz stil seçicimiz.*/
ul {} /*temamızdaki tüm sıralanmamış liste öğelerini biçimlendirmek için bu seçici altına özelliklerimizi atayabiliriz.*/
a:link {} /* sitedeki genel link stili*/
a:visited {}
a:hover {}
hr {} /* temamızdaki yatay çizgilerin stili*/
hr.separator {}

/* temamizin form ayarlari */

.button {}
.inputbox {}
.search {} /*sitemizdeki arama boşluğu ve arama butonunun içinde olduğu <div> i biçimlendirmek için kullanılır...*/

/* hareket ÖĞelerİ ve menÜ seÇeneklerİ */

a.mainlevel{} /* menüdeki ana öğeleri biçimlendirmek için kullanacağımız bölüm */
a.mainlevel:link {}
a.mainlevel:visited {}
a.mainlevel:hover {}

#active_menu {} /* bu bölüm ise herhangi bir öğenin aktif olduğu andaki stilidir.sub öğeler ve ana öğeler için geçerlidir*/

ul#mainlevel-nav {}
ul#mainlevel-nav li{}
#mainlevel-nav a:link {}
#mainlevel-nav a:visited{}
#mainlevel-nav a:hover {}

a.sublevel{} /* bu bölümde alt öğe dediğimiz sub öğelerin stil seçicileri mevcuttur */

a.sublevel:link {}
a.sublevel:visited {}
a.sublevel:hover {}

.pagenavbar {} /*içerik sayfamızın sonundaki hareket öğelerinin stil seçicisi ("<< başlangıç <önceki sonraki > enson>>") gibi görünen bu hareket öğelerini bir linkten öteye taşıyabilirsiniz..*/

.pagenavbar:link {} /*sayfa sonundaki hareket öğeleri link haline geldiğindeki stilleri...("<< başlangıç <önceki sonraki > enson>>") */
.pagenavbar:visited {}

.pagenav {} /* isimdende anlayabileceğimiz gibi bu öğeler için metin ayarlamasını buradan yapabiliriz.

"<< başlangıç <önceki sonraki > enson >>" */
a.pagenav:visited {}
a.pagenav:hover {}

a.readon:link {} /*geniş içerik öğeleri için kullanı*** "devamını oku" linkinin ayarlanması bu bölümden yapılabilir.*/

a.readon:hover {}
a.readon:visited {}

.back_button {} /*sayfaların sonunda beliren gerİ butonunu stil seçicileri*/

.pagenav_prev {} /*"Öncekİ" butonu için bu seçici altına özellikler atamanız gerekecektir.*/

.pagenav_next {} /*"sonrakİ" butonu için bu seçici altına özellikler atamanız gerekecektir.*/

.latestnews ul {} /*son haberler modülünün stil seçicisidir.standartta user1 pozisyonunda beliren bu modülü buradan ayarlayabilirsiniz.*/
.latestnews li {}

.mostread ul{} /*en popüler içerik öğelerinin gösterildiği modülün stil seçicisi.*/

.mostread li{}

/* İÇerİk sayfasi seÇİcİlerİ */

a.category:link {}
a.category:hover {}
a.category:visited {}

.blogsection {} /* section bloğundaki linklerin ayarlaması */

.blog_more {} /*section blogundaki devamını oku linkinin stili*/

a.blogsection:link {} /* link formatını ayarlayın... */
a.blogsection:visited {} /* bir öncekiyle aynı fakat ziyaret edilmiş linklerin diğerlerinden farklı gözükmesini istiyorsanız bu ayarlamayı yapmalısınız. */
a.blogsection:hover {} /* bir öncekiyle aynıdır aslında.fakat fare imleci bir linkin üzerine geldiğinde o linkin sekil veya renk değiştirmesini istiyorsanız bu ayarlamayı yapmalısınız. */

.componentheading {}/*bir componentin içerik başlığının ayarlamasını yapabilirsiniz.component başlıkları bu şekilde gözükecektir..*/
.contentheading {} /* direkt metin içeriği yayınlanırken joomla! nızın kullanacağı başlık ayarları. örneğin bir makale veya haber gibi..*/
.contentpane {} /* makale hariç tüm içeriği barındıran table in ayarları (componentler,
kategori listeleri, iletişim formları ve bunun gibi...).*/
.contentpaneopen {} /* yalnızca metin içeriğini tutan table in stil seçicisi.*/
.contentpagetitle {} /*tüm makale ve haberlerin başlıkları...*/

a.contentpagetitle:hover {} /*eğer haber başlıklarınızı link olarak ayarladıysanız onlara birde link ayarı vermelisiniz....*/
a.contentpagetitle:link {}
a.contentpagetitle:visited {}

.contentdescription {} /* kategori ve section(bölüm) lerin açıklamalarının sahip olduğu stil seçicisi*/
table.contenttoc {} /* birden fazla içerik öğesinin içinde bulunduran bir table sınıfı */
table.contenttoc td {} /* bir önceki tablonun td öğelerini ayarlamak için kullanılır. */
table.contenttoc th {} /* İçerik tablolarına tablo başlığı ayarlamak için kullanı*** stil seçicisi*/
table.contenttoc td.toclink {} /* bir öncekiyle aynıdır fakat kçük tablodaki linklerin ayarlanması için kullanılır.*/
a.toclink:link {} /* içerik arasındaki navigasyonu sağlayan küçük linkerin özellikleri*/
a.toclink:visited {}
a.toclink:hover {}

/* joomla section(Bölüm) lİstelemesİ*/

.sectiontableheader {} /* bölüm tablolarının başlıklarının ayarlanmasıdır.Örneğin anket bir bölüm tablosudur ve anket başlığını ayarlamak için bu seçiciyi kullanmanız gerekir.*/
.sectiontableentry1 {} /*ard arda beliren öğelerde işimize yarayacak kullanışlı bir özelliktir.Örneğin listelenen weblink lerde veya listelenen anket seçeneklerinde öğelerin birbirinden farklı görünmesini istiyorsak bu seçicilere değerler atamalıyız.*/
.sectiontableentry2 {}

/* joomla modÜl bİÇİmlendİrmesİ*/

table.moduletable {} /* klasik modül tablosunu ayarlamak için kullanılır */
table.moduletable th {} /* modül başlığını ayarlamak için kullanı*** stil seçicisidir. */
table.moduletable td {} /* modülün içeriğinin stilidir. */

/* ve Diğerleri */

/*tarih ve yazarlar*/
.createdate {} /* tüm içerik öğelerindeki oluşturma tarihinin stil seçicisidir. */
.modifydate {} /* değişikliğe uğrayan içerik öğelerinde belirir nezaman modifiye edildiğini gösteren ibarenin stil seçicisidir. */
.small {} /* "yazan... " metninin stili buradan belirlenir. */
.smalldark {}/*anket sonuç sayfasında oyverenlerin sayısını belirten metne stil veren seçicidir. */

/* anketler */

.poll {} /* anket tablosunun içeriğini yani td öğesini ayarlayın. */
.pollstableborder {} /* anket tablosunun bordürlerini ayarlayın... */

/* weblinkler */

.weblinks{} /* weblinkleri bölümündeki link başlıkları ayarlamak için kullanılır. */
a.weblinks:hover {} /* hover i daha önce görmüştük mouse linkin üzerine gelinceeee..... hover oluyor */

/* feedler*/

.newsfeedheading {}

.newsfeeddate {}
.fase4rdf {}

/* arama sayfası */

table.searchintro {} /* bu stil seçicisi arama sonrası gelen raporda "sinanata için 5 sonuç" metninin bulunduğu tabloyu ayarlamak içindir.*/

/* joomla ÖnyÜz yÖnetİm panelİ ayarlari */

/* bir yönetici joomla! nızın önyüzünde giriş yaptığında bu stillerle belirlenmiş bir yönetime sahip olacak.metin düzenleyiciler ve aynı sayfadaki tab menüler için geçerlidir */

.ontab {}/* tab menu aktif olduğunda veya mouse imleci menu öğesinin üzerinde olduğundaki stilidir. */
.offtab {} /* tab menü öğesi deaktif olduğundaki stilidir. */
.tabpadding {} /* tab menu öğelerinin kenar boşluklarını ayarlamak için kulanılır */
.tabheading {}
.pagetext {} /*önyüzde içerik öğelerini editlerkenki metin şeklini buradan değiştirebilirsiniz

ALINTIDIR

Bu kategoride yeni haberler:

Bu kategoride önceki haberler: