• 09-07-2015, 23:42:52
    #1
    Merhaba arkadaslar CSS bilgim pek fazla yok......

    Ben CSS ile menü yapmak istiyorum yalniz maus menünün üzerine geldiginde alttan kücük bir resim eklemek istiyorum bu konuda yardimci olacak arkadaslardan yardim bekliyorum....
    örnek su sitedeki gibi istiyorum........ www.musiad.com burda ki Menünün üzerine maus geldiginde altindan bir renk cikiyor ...... Simdiden tesekkürler....
  • 10-07-2015, 10:07:36
    #2
    @Deliboran Basitçe bir menü hazırladım istediğiniz gibi, isterseniz menülerin yanlarındaki borderlarıda ekleyebilirim. Eğer menünün altına sadece renk yerine resim eklemek istiyorsanız bunun düzenlemesinide sağlayabilirim.

    Demo için tıklayınız

    .menu ul {
    	display:block;
    	margin:0;
    	padding:0
    }
    .menu ul li {
    	list-style:none;
    	float:left;
    	margin:0 10px 0 0
    }
    .menu ul li:last-child {
    	margin-right:0;
    	border-right:0
    }
    .menu ul li a {
    	display:block;
    	transition:all .3s ease-in-out;
    	color:#555;
    	font-family: 'Tahoma' , Arial;
    	font-size:17px;
    	padding:5px 5px 15px 5px;
    	text-decoration:none;
    	background: transparent no-repeat center bottom
    }
    .menu ul li a:hover {
    	background: transparent url('menuhover.png') no-repeat center bottom; /* BU KISMA KOYACAĞIN RESİM URL ADRESİNİ VER */
    	transition:all .3s ease-in-out
    }
    .cle {
    	clear:both
    }
    <div class="menu">
    	<ul>
    		<li><a href="" title="">Ana Sayfa</a></li>
    		<li><a href="" title="">Hakkımızda</a></li>
    		<li><a href="" title="">Referanslar</a></li>
    		<li><a href="" title="">Vizyonumuz</a></li>
    		<li><a href="" title="">İletişim</a></li>
    	</ul>
    	<div class="cle"></div>
    </div>
  • 10-07-2015, 13:01:05
    #3
    sagolasin kardes inanki kac gündür ugrasip duruyordum... Renk yerine Resim ekleme sansimiz varmi acaba?
  • 10-07-2015, 14:27:39
    #4
    Deliboran adlı üyeden alıntı: mesajı görüntüle
    sagolasin kardes inanki kac gündür ugrasip duruyordum... Renk yerine Resim ekleme sansimiz varmi acaba?
    Gerekli düzenlemeyi yaptım üstteki mesajımda. Ok resmi koydum ben sende url değiştirerek resmi koyabilirsin
  • 10-07-2015, 14:35:02
    #5
    Hunper adlı üyeden alıntı: mesajı görüntüle
    Gerekli düzenlemeyi yaptım üstteki mesajımda. Ok resmi koydum ben sende url değiştirerek resmi koyabilirsin

    Cok sagol kardesim mübarek günü senide yordum hakkini helal et... Kolay gelsin.
  • 10-07-2015, 14:55:38
    #6
    Önemi yok hocam ne hakkı altı üstü 2-3 satır birşey yazdım Yine bir sorun olursa yazabilirsin konuya, müsait oldukça yardımcı olurum.