Basit Resimli Menü Yapmak yazısına yapılan yorumlar http://www.fatihhayrioglu.com/basit-resimli-menu-yapmak/ { CSS, HTML ve Javascript } Tue, 07 Feb 2012 15:48:22 +0000 hourly 1 http://wordpress.org/?v=2012 Yazar: ela ayas http://www.fatihhayrioglu.com/basit-resimli-menu-yapmak/comment-page-3/#comment-14931 ela ayas Wed, 09 Nov 2011 16:50:08 +0000 http://www.fatihhayrioglu.com/?p=992#comment-14931 kodlarımda doqru ama bir türlü çalışmıyor:( Lütfen yardımcı oLun cok acill!! kodlarımda doqru ama bir türlü çalışmıyor:( Lütfen yardımcı oLun cok acill!!

]]> Yazar: fatih.hayrioglu http://www.fatihhayrioglu.com/basit-resimli-menu-yapmak/comment-page-3/#comment-14468 fatih.hayrioglu Mon, 19 Sep 2011 12:41:23 +0000 http://www.fatihhayrioglu.com/?p=992#comment-14468 Örneği kaydedip onun üzerinden gitmeyi veya Firebug ile kodu incelipy resmin gelip gelmediğini kontrol edin. Örneği kaydedip onun üzerinden gitmeyi veya Firebug ile kodu incelipy resmin gelip gelmediğini kontrol edin.

]]> Yazar: GoldRush http://www.fatihhayrioglu.com/basit-resimli-menu-yapmak/comment-page-3/#comment-14467 GoldRush Mon, 19 Sep 2011 10:06:45 +0000 http://www.fatihhayrioglu.com/?p=992#comment-14467 Bu kodların aynısı kopyala yapıştır yaptım resmide aldım, hiç birşey gözükmüyo :( Nerde hata yapıyorum ha <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Basit Resimli Menü Örneği - 1</title> <style type="text/css"> ul.menu{ margin:0; padding:0; list-style:none; width:480px; height:40px; } ul.menu li{ float:left; } ul.menu li a{ display:block; width:120px; height:40px; text-indent:-9999px; outline:none; text-decoration:none; background:url(images/basit_resimli_menu.jpg) 0 0 no-repeat; } li#mAnasayfa a{background-position:0 0;} li#mUrunler a{background-position:-120px 0;} li#mHizmetler a{background-position:-240px 0;} li#mBizeUlasin a{background-position:-360px 0;} li#mAnasayfa a:hover{background-position:0 -40px;} li#mUrunler a:hover{background-position:-120px -40px;} li#mHizmetler a:hover{background-position:-240px -40px;} li#mBizeUlasin a:hover{background-position:-360px -40px;} </style> </head> <body> <ul class="menu"> <li id="mAnasayfa"><a href="#" rel="nofollow">Ana Sayfa</a> <li id="mUrunler"><a href="#" rel="nofollow">Ürünler</a> <li id="mHizmetler"><a href="#" rel="nofollow">Hizmetler</a> <li id="mBizeUlasin"><a href="#" rel="nofollow">Bize Ulaşın</a> </body> </html> Bu bi olsa, bende menü yapıp sprite tekniğini öğrenecemde, bu örnek bile olmuyor. Burdaki kodların aynısı alıyorum olmuyo Bu kodların aynısı kopyala yapıştır yaptım resmide aldım, hiç birşey gözükmüyo :( Nerde hata yapıyorum ha
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
<html xmlns="http://www.w3.org/1999/xhtml"&gt;
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Basit Resimli Menü Örneği – 1</title>
<style type="text/css">
ul.menu{
margin:0;
padding:0;
list-style:none;
width:480px;
height:40px;
}

ul.menu li{
float:left;
}

ul.menu li a{
display:block;
width:120px;
height:40px;
text-indent:-9999px;
outline:none;
text-decoration:none;
background:url(images/basit_resimli_menu.jpg) 0 0 no-repeat;
}

li#mAnasayfa a{background-position:0 0;}
li#mUrunler a{background-position:-120px 0;}
li#mHizmetler a{background-position:-240px 0;}
li#mBizeUlasin a{background-position:-360px 0;}

li#mAnasayfa a:hover{background-position:0 -40px;}
li#mUrunler a:hover{background-position:-120px -40px;}
li#mHizmetler a:hover{background-position:-240px -40px;}
li#mBizeUlasin a:hover{background-position:-360px -40px;}
</style>
</head>

<body>
<ul class="menu">
<li id="mAnasayfa">Ana Sayfa
<li id="mUrunler">Ürünler

<li id="mHizmetler">Hizmetler
<li id="mBizeUlasin">Bize Ulaşın

</body>
</html>

Bu bi olsa, bende menü yapıp sprite tekniğini öğrenecemde, bu örnek bile olmuyor. Burdaki kodların aynısı alıyorum olmuyo

]]> Yazar: GoldRush http://www.fatihhayrioglu.com/basit-resimli-menu-yapmak/comment-page-3/#comment-14320 GoldRush Thu, 08 Sep 2011 08:17:12 +0000 http://www.fatihhayrioglu.com/?p=992#comment-14320 Bu menüyü yapamadım :/ Bu menüyü yapamadım :/

]]> Yazar: Eray http://www.fatihhayrioglu.com/basit-resimli-menu-yapmak/comment-page-3/#comment-12382 Eray Thu, 03 Feb 2011 21:52:33 +0000 http://www.fatihhayrioglu.com/?p=992#comment-12382 Merhabalar hocam.. Bir süredir sizi takip ediyorum, çok yararlı bir siteniz var.. gevreksimit.com 'da bu örneği kullanarak farklı butonlar oluşturdum. Fakat IE'de butonlar alt alta sıralanıyor. Ne yapmamı önerirsiniz ? Merhabalar hocam..
Bir süredir sizi takip ediyorum, çok yararlı bir siteniz var..

gevreksimit.com 'da bu örneği kullanarak farklı butonlar oluşturdum.
Fakat IE'de butonlar alt alta sıralanıyor.
Ne yapmamı önerirsiniz ?

]]> Yazar: fatih.hayrioglu http://www.fatihhayrioglu.com/basit-resimli-menu-yapmak/comment-page-3/#comment-12319 fatih.hayrioglu Thu, 27 Jan 2011 07:21:44 +0000 http://www.fatihhayrioglu.com/?p=992#comment-12319 html kodunda li lerin içinde a lar eksik. Birde css kodunda background tanımında url ile parantez arasındaki boşluğu silip tekrar deneyin, yani şöyle olmalı url( html kodunda li lerin içinde a lar eksik. Birde css kodunda background tanımında url ile parantez arasındaki boşluğu silip tekrar deneyin, yani şöyle olmalı url(

]]> Yazar: recep http://www.fatihhayrioglu.com/basit-resimli-menu-yapmak/comment-page-3/#comment-12284 recep Sun, 23 Jan 2011 17:39:20 +0000 http://www.fatihhayrioglu.com/?p=992#comment-12284 allah rızası için yardım edin. ilk defa css menü yapılımını burda gördüm anladım ve bende bir menü yaptım herşeyi dogru yaptıgıma eminim ama olmadı haftalardır bunu için ugraşıyorum allah için bi yardım edin ya. hzırladıgım menü kodu bu ...herşeyi dogru yaptıgıma eminim ama bi türlü olmadı bana görmedigim yanlışımı gösterin lütfen [code] <ul class="menu"> <li id="mhome"><a href="#" target="_blank">home</a></li> <li id="mbow"><a href="#" target="_blank">bow</a></li> <li id="mguestb."><a href="#" target="_blank">guestb.</a></li> <li id="me-mail"><a href="#" target="_blank">e-mail</a></li> <li id="forum"><a href="#" target="_blank">forum</a></li> <li id="mextra"><a href="#" target="_blank">extra</a></li> </ul> <style type="text/css"> ul.menu{ margin:0; padding:0; list-style:none; width:548px; height:104px; } ul.menu li{ float:left; } ul li a{ display:block; width:89px; height:104px; text-indent:-9999px; outline:none; text-decoration:none; background:url <a href="http://(http://img257.imageshack.us/img257/8603/bittiheralde.jpg)" target="_blank">(http://img257.imageshack.us/img257/8603/bittiheralde.jpg)</a> 0 0 no-repeat; } li#mhome a{background-position:0 0;} li#mbow a{background-position:-89px 0;} li#mguestb. a{background-position:-267px 0;} li#me-mail a{background-position:-356px 0;} li#mforum a{background-position:-445px 0;} li#mextra a{background-position:-534px 0;} li#mhome a:hover{background-position:0 -104px;} li#mbow a:hover{background-position:-89px -104px;} li#mguestb. a:hover{background-position:-267px -104px;} li#me-mail a:hover{background-position:-356px -104px;} li#mforum a:hover{background-position:-445px -104px;} li#mextra a:hover{background-position:-534px -104px;} </style> [/code] Resim dosyası bu: [code] <a href="http://img257.imageshack.us/img257/8603/bittiheralde.jpg" target="_blank">http://img257.imageshack.us/img257/8603/bittihera...</a> [/code] allah rızası için yardım edin. ilk defa css menü yapılımını burda gördüm anladım ve bende bir menü yaptım herşeyi dogru yaptıgıma eminim ama olmadı haftalardır bunu için ugraşıyorum allah için bi yardım edin ya.

hzırladıgım menü kodu bu …herşeyi dogru yaptıgıma eminim ama bi türlü olmadı bana görmedigim yanlışımı gösterin lütfen 

&lt;ul class=&quot;menu&quot;&gt;
    &lt;li id=&quot;mhome&quot;&gt;<a href="#" target="_blank">home</a></li>
    &lt;li id=&quot;mbow&quot;&gt;<a href="#" target="_blank">bow</a></li>
    &lt;li id=&quot;mguestb.&quot;&gt;<a href="#" target="_blank">guestb.</a></li>
    &lt;li id=&quot;me-mail&quot;&gt;<a href="#" target="_blank">e-mail</a></li>
    &lt;li id=&quot;forum&quot;&gt;<a href="#" target="_blank">forum</a></li>
    &lt;li id=&quot;mextra&quot;&gt;<a href="#" target="_blank">extra</a></li>
</ul>
&lt;style type=&quot;text/css&quot;&gt;
ul.menu{
    margin:0;
    padding:0;
    list-style:none;
    width:548px;
    height:104px;
}
ul.menu li{
    float:left;
}
ul li a{
    display:block;
    width:89px;
    height:104px;
    text-indent:-9999px;
    outline:none;
    text-decoration:none;
    background:url <a href="http://(http://img257.imageshack.us/img257/8603/bittiheralde.jpg)&quot; target="_blank">(http://img257.imageshack.us/img257/8603/bittiheralde.jpg)</a> 0 0 no-repeat;
}
li#mhome a{background-position:0 0;}
li#mbow a{background-position:-89px 0;}
li#mguestb. a{background-position:-267px 0;}
li#me-mail a{background-position:-356px 0;}
li#mforum a{background-position:-445px 0;}
li#mextra a{background-position:-534px 0;} 

li#mhome a:hover{background-position:0 -104px;}
li#mbow a:hover{background-position:-89px -104px;}
li#mguestb. a:hover{background-position:-267px -104px;}
li#me-mail a:hover{background-position:-356px -104px;}
li#mforum a:hover{background-position:-445px -104px;}
li#mextra a:hover{background-position:-534px -104px;}
&lt;/style&gt;

Resim dosyası bu: 

  <a href="http://img257.imageshack.us/img257/8603/bittiheralde.jpg&quot; target="_blank">http://img257.imageshack.us/img257/8603/bittihera...</a&gt;
]]> Yazar: fatih.hayrioglu http://www.fatihhayrioglu.com/basit-resimli-menu-yapmak/comment-page-3/#comment-12019 fatih.hayrioglu Wed, 05 Jan 2011 09:27:08 +0000 http://www.fatihhayrioglu.com/?p=992#comment-12019 elemanları adlandırıken genel isim vermekten kaçınıyorum bu yüzden başlarına ilgili bölümün adının başharfini ekliyorum burada menü alanı olduğu için mAnasayfa oluyor. m = menu elemanları adlandırıken genel isim vermekten kaçınıyorum bu yüzden başlarına ilgili bölümün adının başharfini ekliyorum burada menü alanı olduğu için mAnasayfa oluyor. m = menu

]]> Yazar: Sercan http://www.fatihhayrioglu.com/basit-resimli-menu-yapmak/comment-page-3/#comment-12015 Sercan Tue, 04 Jan 2011 21:20:59 +0000 http://www.fatihhayrioglu.com/?p=992#comment-12015 fatih abi sen hayat kurtarırsın :) çok teşekkür ediyorum çok faydalı bir anlatımdı... fatih abi sen hayat kurtarırsın :) çok teşekkür ediyorum çok faydalı bir anlatımdı…

]]> Yazar: ali can http://www.fatihhayrioglu.com/basit-resimli-menu-yapmak/comment-page-3/#comment-12012 ali can Tue, 04 Jan 2011 09:15:57 +0000 http://www.fatihhayrioglu.com/?p=992#comment-12012 örneğin li#mAnasayfa a{background-position:0 0;} #den sonra m harfi nedir ? örneğin
li#mAnasayfa a{background-position:0 0;}

#den sonra m harfi nedir ?

]]>