Neler yeni

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!

Nasıl yapılır ? Alt kategorileri küçültmek

YasinTURKOGLU

Sabit kullanıcı
SMS onaylı
Kullanıcı
Katılım
23 Eki 2023
Mesajlar
76
Çözümler
2
Cümleten herkese iyi akşamlar kolay gelsin. Ben forum sitemde sade bir ana sayfa tasarımı yapmak istiyorum görseldeki gibi ana kategorilerin sağındaki bir butonla bu ana kategorileri küçülüp büyüyebilen kayan kategoriler haline getirmek ve ana sayfaya girdiğimde alt kategoriler görünmesin istiyorum. Acaba xenforo'da böyle birşey mümkün mü mümkünse nasıl yapabilirim bilen var mı?

kategoriler.png
 

Nasıl yapılır ? Alt kategorileri küçültmek

Cümleten herkese iyi akşamlar kolay gelsin. Ben forum sitemde sade bir ana sayfa tasarımı yapmak istiyorum görseldeki gibi ana kategorilerin sağındaki bir butonla bu ana kategorileri küçülüp büyüyebilen kayan kategoriler haline getirmek ve ana sayfaya girdiğimde alt kategoriler görünmesin istiyorum. Acaba xenforo'da böyle birşey mümkün mü mümkünse nasıl yapabilirim bilen var mı?

Ekli dosyayı görüntüle 24391


XF 2.2 Eklenti - XenForo Açılır Kapanır Kategoriler Yapma bu işinizi görecektir.
Cümleten herkese iyi akşamlar kolay gelsin. Ben forum sitemde sade bir ana sayfa tasarımı yapmak istiyorum görseldeki gibi ana kategorilerin sağındaki bir butonla bu ana kategorileri küçülüp büyüyebilen kayan kategoriler haline getirmek ve ana sayfaya girdiğimde alt kategoriler görünmesin istiyorum. Acaba xenforo'da böyle birşey mümkün mü mümkünse nasıl yapabilirim bilen var mı?

Ekli dosyayı görüntüle 24391


XF 2.2 Eklenti - XenForo Açılır Kapanır Kategoriler Yapma bu işinizi görecektir.
 
Çözüm
Hocam çok sağolun fakat o konu kilitli sanırım, denilen değişikliklerin hepsini yaptım sitede herşeyin yeri kaydı. En baştan denedim durdum yapamadım yardımcı olabilirmisin bana?
Kodları denemedim ama ilgili konudaki şu işlem gereksiz gibi geliyor ve sorun da büyük ihtimal bundan kaynaklı.

SONUNA EKLE: </div>

Bunu görmezden gelin yani </div> eklemeyin.
 
Kodları denemedim ama ilgili konudaki şu işlem gereksiz gibi geliyor ve sorun da büyük ihtimal bundan kaynaklı.

SONUNA EKLE: </div>

Bunu görmezden gelin yani </div> eklemeyin.
Sağolun teşekkür ederim. Benzer google aramarıyla farklı kodlarla aradığım şeyi buldum. Siteyi ilk açtığımda kategoriler açık halde geliyor sonradan elle küçültülebiliyor. En başta açık haliyle değilde kapalı haliyle gelse daha iyi olurdu ama o şekilde bulamadım. Siz bunu yapabilir misiniz?
 
Sağolun teşekkür ederim. Benzer google aramarıyla farklı kodlarla aradığım şeyi buldum. Siteyi ilk açtığımda kategoriler açık halde geliyor sonradan elle küçültülebiliyor. En başta açık haliyle değilde kapalı haliyle gelse daha iyi olurdu ama o şekilde bulamadım. Siz bunu yapabilir misiniz?
Evet kodlar düzenlenerek o şekilde yapılabilir.
 
Bunu nasıl yapabilirim acaba yardımcı olabilirmisiniz
sitemde çok fazla başlık var bunları küçültülmüş halde getirmem lazım ana sayfaya :(
 
Kullandığınız kodları yazar mısınız?
 
Kullandığınız kodları yazar mısınız?

bunu
Kod:
<div class="block block--category block--category{$node.node_id}">
bununla değiştim.
Kod:
<div class="block block--category block--category{$node.node_id} collapsible-nodes">

bunu buldum
Kod:
<h2 class="block-header">
altına bunu ekledim
Kod:
<div class="block-header--left">

bunu buldum
Kod:
</h2>
bir üst satıra bunu ekledim
Kod:
<span id="collapse-{$node.node_id}" class="collapseTrigger collapseTrigger--block {{ !is_toggled('_node-' . $node.node_id) ? ' is-active' : '' }}" data-xf-click="toggle" data-xf-init="toggle-storage" data-storage-type="cookie" data-target=".block--category{$node.node_id} .block-body" data-storage-key="_node-{$node.node_id}"></span>

bunu buldum
Kod:
<div class="block-body">

bununla değiştirdim
Kod:
<div class="block-body block-body--collapsible {{ !is_toggled('_node-' . $node.node_id) ? ' is-active' : '' }}">

extra.less'i komple sildim, bunu yapıştırdım.
Kod:
/* Node Collapse */
.block--category
{
    .collapseTrigger
    {
        opacity: 0.5;
        transition: opacity 0.3s;
        margin-right: 10px;
        &.is-active:before
        {
            content: "\f205";
            transform: scale(-1, 1);
            margin-right: -8px;
        }
        &:before
        {
            content: "\f205";
            font-size: 80%;
        }
    }
    .block-container:hover .collapseTrigger
    {
        opacity: 1;
    }
}

.collapsible-nodes
{
        .block-header
        {
            display: flex;
        }
        .block-header--left
        {
            margin-right: auto;
            max-width: 100%;
        }
}
 
Kodlardaki ' is-active' olan yerleri '' olarak değiştirin yani is-active kodlarını silin sadece tırnak işaretleri kalsın..
 

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.