Açılır Menü Oluşturma

Fatalis dedi:

Kod düzeni açısından dropdown menü yaparken > kullanmaya çalışın. Ek olarak düzen biraz yanlış, sizin başlangıçta dropdown'un içindeki a'yı değil dropdown'un başlangıç noktası olan ul'yi gizlemeniz daha sonra ise hover'la onu göstermeniz gerek. Örnek bir kod yazayım:

CSS:Panoya kopyala

/* Dropdown'un ta kendisi */
.menu > ul > li > ul {
    opacity: 0;
    transition: all 250ms ease-in;
    visibility: hidden;
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
}

/* Hover */

.menu > ul > li > a:hover + ul {
    visibility: visible;
    opacity: 1;
}

Genişletmek için tıkla...

AlexanderDaniel dedi:

Açılır menü için ul içindeki menünün yani hangisi açılıcaksa linin içine yazacaksın kısaca şöyle.

<Ul> //ana menu

<Li><a href#>hakkımızda</a></li>

<Li><a href#>sayfa</a> // açılacak menü.

<Ul>

<Li><a href#>sayfa</a></li>
<Li><a href#>sayfa</a></li>
<Li><a href#>sayfa</a></li>

</Ul>

</Li>

</Ul>

Dipnot = -a'lar link vermek için
# İse içi boş anlamına geliyor yani linke tıkladığınızda hiçbir yere gitmiyor
// İse açıklama satırı

Ek olarak yeni başladıysan başlarda sadece HTML kodlarıyla yap sonra aşina olduktan sonra CSS ile düzeltmeler ve görsellik katabilirsin bunlara ek olarak bootstrap gibi içinde hazır CSS kodları bulunan şeylerde kullanabilirsin bootstrap tamamen İngilizce bunun için İngilizce'ninde olması lazım çünkü ne yapmak istiyorsan onu yazdığında hazır CSS kodlarıyla yapıyorsun fontlar için font awesome veya Google font öneririm deneme yapman için notepad++ kodlama için brackets ve Adobe'nin dreamweaver programının kullanabilirsin daha nice şeyler ver ama çalışman ve araman gerekli bir iki gün bakıp bırakmaman gerekir üstünde duracaksın ve kodlar üstünde çalışacaksın ne demiş atalarımız emek olmadan yemek olmaz bir sorunla karşılaşırsan her türlü yardımda bulunabilirim.

Genişletmek için tıkla...

157134 dedi:

Sayenizde direk düzeltebildim. Güzel anlatmışsınız teşekkür ederim. Şu an menü açılıyor fakat Dropdown 'daki nesnelerden birini seçmek istediğimde Dropdown kapanıyor. Bunu nasıl çözebilirim?

Genişletmek için tıkla...