Gelişmiş Navbar Kullanımları

Hiyerarşi ve Durumlar

Bir navigasyon menüsünde başarılı bir kullanıcı deneyimi için Görsel Hiyerarşi ve Durum (State) Yönetimi kritik önem taşır.

CSS Uygulaması

1. Alt Çizgi Animasyonu

.nav-link::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0;
    width: 0; height: 2px;
    background: #0085FE;
    transition: width 0.3s ease;
}
.nav-link:hover::after { width: 100%; }

2. Aktif Sayfa Kontrolü (PHP)

<?php $current = basename($_SERVER['PHP_SELF']); ?>
<a class="<?php echo ($current == 'index.php') ? 'active' : ''; ?>">Ana Sayfa</a>