Hız Çubuğu Modülü

Bu bölümde kullanıcının web sitenizdeki mevcut konumunun görüntülenmesini yapılandırabilirsiniz. Bu şablon, konumu görüntüleyen yalnızca bir etiket olan {speedbar} kullanır.

Kullanılabilir Etiketler

Etiket	Açıklama
`{speedbar}`	Kullanıcının sitedeki mevcut konumunu (gezinti yolunu) görüntüler.

Örnek Kullanım

Temel Hız Çubuğu Şablonu

<div class="speedbar">
    <div class="speedbar-container">
        {speedbar}
    </div>
</div>

Gelişmiş Hız Çubuğu (Breadcrumb) Şablonu

<nav aria-label="breadcrumb" class="breadcrumb-wrapper">
    <div class="container">
        <ol class="breadcrumb">
            {speedbar}
        </ol>
    </div>
</nav>

CSS Stil Örneği

.breadcrumb-wrapper {
    background-color: #f8f9fa;
    padding: 10px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #e9ecef;
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
}

.breadcrumb-item {
    display: inline-block;
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding: 0 8px;
    color: #6c757d;
    content: "/";
}

.breadcrumb-item a {
    color: #007bff;
    text-decoration: none;
}

.breadcrumb-item a:hover {
    text-decoration: underline;
}

.breadcrumb-item.active {
    color: #6c757d;
}