Orijinalini görmek için tıklayınız : Tepedeki menü rengini değişme??
GuinSo
26-04-2007, 22:02:00
yaa arkadaşlar css ile ilgili sabit konuya baktım bi türlü yapamadım.. hani yukarda profilinz, yardım gibi menü varya joomlada.. bende rengi siyah ama beyaz yapmak istiyom nası yapcam?
GuinSo
27-04-2007, 17:14:36
help me cmsturk.net family
BarisAkcinar
27-04-2007, 17:25:21
Ekran görüntüsüyle belirteblirsen yardımcı olabilirim hemen.
M.Enes AYDÜZ
27-04-2007, 23:11:06
Site adresi yada ekran görüntüsü verirsen, sorunu anlayabiliriz.
GuinSo
27-04-2007, 23:44:37
ya hani navbar varyaa vb de.. joomlada onun yerine olan tepedeki menünün rengini diyom... hani profiliniz yardım üye listesi ajanda yeni mesajlar vs.. gibi olan yeri.. işte orda menü isimlerinin renklerini nası değişcem? bekliyorum
O bölümün rengi, temanızın css dosyasından ya da özel bir menü yazılımı kullanıldıysa o yazılıma ait dosya css dosyasının içinden değiştirilebilir. (Örn. menüismi.css)
Bu iş buradan başka türlü izah edilemez. vBulletin ile Joomla! tamamen alakasız sistemler olduğundan, tarifi benzer şeylerle yaparak açıklama da mümkün olmaz.
ADviSER
28-04-2007, 11:19:04
/* 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ılan "devamını oku" linkinin ayaralaması 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 { width : 100%;} /* yalnızca metin içeriğini tutan table in stil seçicisi. İSİMLERİN ARKASINA BOYDAN BOYA RESİM KOYMAYA YARAYAN ELEMAN BU*/
.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ılan 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ılan stil seçicisidir. */
table.moduletable td {} /* modülün içeriğinin stilidir. */
/* ve dİĞerlerİ */
/*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. *//* CSS Document */
ALINTIDIR
GuinSo
28-04-2007, 11:43:23
yaa ben o css ile ilgili sabit konuya baktım zaten... ama benim temamda farklı herhalde yapamadım.. alt tarafı bi renk değişcem bilen yokmu yaw
Bu kadar verilen bilgi ne ki ? Bilen herkes katkı sağlamaya çalışıyor ama siz altı üstü bir ekran görüntüsü ile bile tam olarak ne yapmak istediğinizi ve yerini göstermediniz.
Ezbere bilgi ancak bu kadar veriliyor.
Temanızın css dosyasında bulamadıysanız, yukarıdaki iletide dediğim gibi menü belki ayrı bir script olarak verilmiş olabilir. Eğer öyleyse tema klasörünüzde o menü ismiyle ayrı bir css dosyası olmalı.
GuinSo
28-04-2007, 14:16:42
yaa xenia temasını kullanıyom işte neresinden değşcek?
vBulletin v3.8.5, Copyright ©2000-2012, Jelsoft Enterprises Ltd.