HTML&CSS Menü Butonu Aktif Etme

B4TT4LG4ZI

B4TT4LG4ZI

Üye
8 Ara 2018
83
0
Cehennem
Herkese iyi forumlar.

Resimde görmüş olduğunuz üzre menü linklerim var. Bu linklerin sadece isimlerinin üstüne tıkladığımda girilebiliyor. Direkt çerçevesinin içinde herhangi bir yere tıkladığımda linke gitmek için hangi kodu kullanmam gerek.



CSS Kodları

Kod: 
body{
    background-image: url(img/bgblur.png);
    background-size: cover;
    background-position: center;
    font-family: sans-serif;
    box-sizing: border-box;
}

.linkler{
    background-color: #501924;
    text-align: center;
}

.linkler ul{
    list-style-type: none;
    display: inline-flex;
    text-align: center;
}

.linkler ul li{
    width: 100%;
    padding: 50px 125px;
    text-align: center;
    border-radius: 5px;
}

.linkler ul li a{
    text-decoration: none;
    color: #2c3c65;
}

.aktif, .linkler ul li:hover{
    background: #461720;
    border-radius: 5px;
}

Teşekkür ederim.
 
Tarihe göre sırala Oylara göre sırala
oxydes

oxydes

Katılımcı Üye
29 Şub 2020
490
5
100
GN-z11
Örnek Html,Css kodu;

Kod: 
<!--HTML kodu-->
<div style="margin:5px;">
<a href="test.html" class="LinkButton">Test Link Button</a>
</div>

//CSS kodu

a.LinkButton {
  border-style: solid;
  border-width : 1px 1px 1px 1px;
  text-decoration : none;
  padding : 4px;
  border-color : #000000;

}

Yukarıda ki örnek kodu kendi kodunuza göre düzenleyip projenize ekleyebilirsiniz, ayrıca aynı soruyu StackOverflow'da bir arkadaş daha sormuş. Aşağıda ki linkten bakabilirsiniz;

https://stackoverflow.com/questions/8357058/how-to-make-a-href-link-look-like-a-button
 
Oyla 0 Downvote
Üst

Turkhackteam.org internet sitesi 5651 sayılı kanun’un 2. maddesinin 1. fıkrasının m) bendi ile aynı kanunun 5. maddesi kapsamında "Yer Sağlayıcı" konumundadır. İçerikler ön onay olmaksızın tamamen kullanıcılar tarafından oluşturulmaktadır. Turkhackteam.org; Yer sağlayıcı olarak, kullanıcılar tarafından oluşturulan içeriği ya da hukuka aykırı paylaşımı kontrol etmekle ya da araştırmakla yükümlü değildir. Türkhackteam saldırı timleri Türk sitelerine hiçbir zararlı faaliyette bulunmaz. Türkhackteam üyelerinin yaptığı bireysel hack faaliyetlerinden Türkhackteam sorumlu değildir. Sitelerinize Türkhackteam ismi kullanılarak hack faaliyetinde bulunulursa, site-sunucu erişim loglarından bu faaliyeti gerçekleştiren ip adresini tespit edip diğer kanıtlarla birlikte savcılığa suç duyurusunda bulununuz.