Açılıp kapanan menü,

[Ashton]

Joomlart'ın JA Bellatrix adlı temasındaki, sağ taraftaki menülerin açılıp kapanması olaylarını nası yapabilirim?

Tam olarak istediğim şey, menü yerinde olacak bir resme tıklandığında, mevcut menülerin aşağıya doğru açılması. Diğer menünün resmine tıklanıldığında, açık olan menünün kapanması olayıdır.

Topic ek'inde resimli olarak anlatımını yaptım. Yardımcı olabilecek arkadaşlar, gözatabilirler.

Dipnot: JA Bellatrix temasının tamamına sahibim. Gerekli kodlarını kullanarak yapılabilirse, onu da yapabilirim ama hangi kodlar veya hangi özellik gerekli bilmiyorum?

[Akar]

Bu moofx. Temayı hatırlamıyorum ama anlattığınız şey moofx.

http://moofx.mad4milk.net/

[M.Enes AYDÜZ]

www.cmstasarim.com 'un sol tarafındaki menüler gibi olsa olur mu? Kodlarını paylaşabilirim.

[Ashton]

www.cmstasarim.com (http://www.cmstasarim.com) 'un sol tarafındaki menüler gibi olsa olur mu? Kodlarını paylaşabilirim.

Evet hocam, aynen o şekilde işte. :alkis: Nasıl yapabilirim? :confused: Eğer paylaşabilirseniz çok makbule geçecek, PM de atabilirsiniz farketmez.

Beklemedeyim, tekrar görüşmek üzere, teşekkürler.

[ersen]

Bir başka öneride benden bu mambot da güzeldir. Aşağı yukarı aynı işlemi görüyor. LİNK (http://www.cmsturk.net/forum/showthread.php?t=1710)

[Ashton]

Bir başka öneride benden bu mambot da güzeldir. Aşağı yukarı aynı işlemi görüyor. LİNK (http://www.cmsturk.net/forum/showthread.php?t=1710)

@ersen, bu mambot bende de war fakat daha önce hiç denememiştim. Bir bakayım buna da, belki bu da işimi görür.:confused:

[Pentacle]

http://demos.mootools.net/Accordion

surdan alabiliriz seni

[zozan]

Merhaba Arkadaşlar,

Ben bu botlardan yüklesem kendi renk ve tasarımınımı kullanıyor, yoksa temaya uyum sağlıyor mu?

Teşekkürler.

[sakkaya]

Bir başka öneride benden bu mambot da güzeldir. Aşağı yukarı aynı işlemi görüyor. LİNK (http://www.cmsturk.net/forum/showthread.php?t=1710)
temanızın css dosyasını kullanır. yani tam uyumludur.

[Ashton]

http://demos.mootools.net/Accordion

surdan alabiliriz seni

Sevgili @Pentagle, verdiğin linkteki akordiyon özelliğini Joomla siteme nasıl entegre edebilirim? Hangi dosyaları oluşturmam, oluşturacağım dosyaları nereye koymam veya hangi dosyalara ekleme yapmam gerekir?

Kodlama dili bilmediğim için nasıl yapacağımı kestiremiyorum. Yardımcı olabilir misiniz arkadaşlar? :(

@ersen arkadaşımızın söylediği özellik content için geçerli sanırım. :confused:

Js kodu:

var accordion = new Accordion('h3.atStart', 'div.atStart', {
opacity: false,
onActive: function(toggler, element){
toggler.setStyle('color', '#ff3300');
},

onBackground: function(toggler, element){
toggler.setStyle('color', '#222');
}
}, $('accordion'));


var newTog = new Element('h3', {'class': 'toggler'}).setHTML('Common descent');

var newEl = new Element('div', {'class': 'element'}).setHTML('<p>A group of organisms is said to have common descent if they have a common ancestor. In biology, the theory of universal common descent proposes that all organisms on Earth are descended from a common ancestor or ancestral gene pool.</p><p>A theory of universal common descent based on evolutionary principles was proposed by Charles Darwin in his book The Origin of Species (1859), and later in The Descent of Man (1871). This theory is now generally accepted by biologists, and the last universal common ancestor (LUCA or LUA), that is, the most recent common ancestor of all currently living organisms, is believed to have appeared about 3.9 billion years ago. The theory of a common ancestor between all organisms is one of the principles of evolution, although for single cell organisms and viruses, single phylogeny is disputed</p>');

accordion.addSection(newTog, new

CSS kodu:

.toggler {
color: #222;
margin: 0;
padding: 2px 5px;
background: #eee;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
border-top: 1px solid #f5f5f5;
border-left: 1px solid #f5f5f5;
font-size: 11px;
font-weight: normal;
font-family: 'Andale Mono', sans-serif;
}

.element {

}

.element p {
margin: 0;
padding: 4px;
}

.float-right {
padding:10px 20px;
float:right;
}

blockquote {
text-style:italic;
padding:5px 0 5px 30px;
}
Sanırım bunları, tema klasörümün içine kaydedeceğim fakat hangi dosya adları ile kaydedeceğim?

index.php'ye hangi eklemeleri, nasıl yapacağım?

[Ashton]

Konu ile ilgili yardımcı olabilecek arkadaş yok mu? :confused:

[adsız]

abi seviyorum sizi ya kendi sitenizin kodlarını bile paylaşıyorsunuz diyer sitelerde bunu görmek zor

[Pentacle]

@ashton

oncelikle pentagle degil pentacle. :D

dosyalara gelirsek once mootools dosyasını gerekli modulleriyle indirip temana eklemen lazım. sonra burdaki js kodunu eklemelisin. daha sonra html kodunu incelersen nasıl yerlestirmen gerektigini gorursun.