css resimli menü (buton) yapımı yardım

05-09-2014, 18:39:21

#1

taamtaam

arkadaşlar navigasyon kısmını resimli yapmak istedim ama css 'i uzun zamandır kullanmadığım için beceremedim
[IMG][/IMG] normal de resim bu olacak
maus üzerine gelince ise [IMG][/IMG]bu parlak resim halini alacak

.menu{?}
.menu a:link{?}
.menu a:hover{?}

index.html sayfasına yazacağım kodlarıda yazarsanız sevinirim

soru işaretli kısımları ve daha yazılması gereken kod var ise benim için doldurabilecek hayırsever bir vatandaş vardır umarım şimdiden ALLAH kendisinden razı olsun

Site dışi yardim etmek isteyenler için iletişim

06-10-2014, 12:21:03

Kimlik doğrulama veya yönetimden onay bekliyor.

Merhaba,
Aşağıdaki kod size yardımcı olacaktır.
Kolay gelsin.

<html>
    <head>
        <meta charset="UTF-8">
    <title></title>
    <style>
        #menu ul {
            list-style: none;
        }
        #menu ul li {
            float: left;
            margin: 0 5px;
        }
        #menu ul li a.anasayfa {
            text-indent: -9999px;
            display: block;
            background: url("https://i.hizliresim.com/gj37A2.png") no-repeat;
            width: 102px;
            height: 35px;
        }
        #menu ul li a.anasayfa:hover {
            background: url("https://i.hizliresim.com/9vJn5Q.png") no-repeat;
        }
    </style>
</head>
<body>
<div id="menu">
    <ul>
        <li><a href="#" class="anasayfa">Anasayfa</a></li>
        <li><a href="#" class="anasayfa">Anasayfa</a></li>
        <li><a href="#" class="anasayfa">Anasayfa</a></li>
    </ul>
</div>
</body>
</html>