Forum'da ara:
Ara


Yazar Mesaj
Mesaj07.12.2011, 16:47 (UTC)    
Mesaj konusu: Menü Çakışmasını Nasıl Önleyecem ?

Arkadaşlar ben menü kodunu alıyorum. 3 e ayrılmış.

tasarım üstü , menüyü görmek istediğiniz yer , css kodu

birtane o siteden aldığım menüyü yaptım siteme.

üst menü yapacağım birde...

tasarım üstüne ekliyorum. css koduna ekliyorum...

menüyü göstermek istediğim yere ekliyorum 2.sini...

sonra...

sağ menüyle karışmış oluor.

http://gtavicecityhakkinda.tr.gg/Ana-Sayfa.htm

bakınız...

bir çözümü varmıdır bunun ??

menüyü aldığım yer : http://www.catlak-site55.tr.gg/javascript-menuler.htm
Mesaj07.12.2011, 18:11 (UTC)    
Mesaj konusu:

Help mee
Mesaj07.12.2011, 19:14 (UTC)    
Mesaj konusu:

YARDIIM !!
Mesaj07.12.2011, 20:51 (UTC)    
Mesaj konusu:

Arkadaşlar tasarım çok komik duruo. Üst menü yazısı...

yardım edin lütfen Sad

hiçbir yolu yokmu ?
Mesaj07.12.2011, 20:56 (UTC)    
Mesaj konusu:

menü boyutlarından olabilir css kodunun düzenlenmesi gerekir
Mesaj08.12.2011, 13:48 (UTC)    
Mesaj konusu:

Ekleyeceğim üst menü kodu bu.

ayrılmış tasarım üstü , css kodu , menünün yeri diye.

ama ben buna benzer dikey menüde eklediğim için karışıo.

Kod:
 <!--- KAYNAK: http://www.catlak-site55.tr.gg --->
 -----------------------------------------------------------------Tasarım Üstüne-------------------------------------------------------------

     <script type="text/javascript" src="http://catlaksite.iwoly.com/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="http://catlaksite.iwoly.com/bgpos.js"></script>

<script type="text/javascript">

$(function(){
   $('#a a')
      .css( {backgroundPosition: "-20px 35px"} )
      .mouseover(function(){
         $(this).stop().animate({backgroundPosition:"(-20px 94px)"}, {duration:500})
      })
      .mouseout(function(){
         $(this).stop().animate({backgroundPosition:"(40px 35px)"}, {duration:200, complete:function(){
            $(this).css({backgroundPosition: "-20px 35px"})
         }})
      })
   $('#b a')
      .css( {backgroundPosition: "0 0"} )
      .mouseover(function(){
         $(this).stop().animate({backgroundPosition:"(-150px 0)"}, {duration:500})
      })
      .mouseout(function(){
         $(this).stop().animate({backgroundPosition:"(-300px 0)"}, {duration:200, complete:function(){
            $(this).css({backgroundPosition: "0 0"})
         }})
      })
   $('#c a')
      .css( {backgroundPosition: "0 0"} )
      .mouseover(function(){
         $(this).stop().animate({backgroundPosition:"(0 -250px)"}, {duration:500})
      })
      .mouseout(function(){
         $(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:500})
      })
   $('#d a')
      .css( {backgroundPosition: "0 0"} )
      .mouseover(function(){
         $(this).stop().animate({backgroundPosition:"(0 -250px)"}, {duration:500})
      })
      .mouseout(function(){
         $(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:500})
      })
});
</script>           
      

-------------------------------------------------------------Tasarım Üstü Bitiş---------------------------------------------------------------------------

----------------------------------------------------Menüyü Göstermek İstediginiz Yer----------------------------------------------------------

   <ul id="b">
      <li><a href="LiNK">MENÜ ADI</a></li>
      <li><a href="LiNK">MENÜ ADI</a></li>
      <li><a href="LiNK">MENÜ ADI</a></li>
                <li><a href="LiNK">MENÜ ADI</a></li>
                <li><a href="LiNK">MENÜ ADI</a></li>
   </ul>




--------------------------------------------------Menüyü Göstermek İstediginiz Yer Bitiş--------------------------------------------------



-----------------------------------------------------------------Css Kodu--------------------------------------------------------------------------------

h2   {clear:both;padding-top:20px;}
   ul {list-style:none;margin:0;padding:0;}
   li {float:left;width:100px;margin:0;padding:0;text-align:center;}
   li a {display:block;padding:5px 10px;height:100%;color:#FFF;text-decoration:none;border-right:1px solid #FFF;}
   li a {background:url(http://img.webme.com/pic/c/catlak-site55/ds.jpg) repeat 0 0;}
   li a:hover, li a:focus, li a:active {background-position:-150px 0;}
   
   #b a {background:url(http://img.webme.com/pic/c/catlak-site55/ds2.jpg) repeat 0 0;}

----------------------------------------------------------------Css Kodu Bitiş-----------------------------------------------------------

Eger Css Tasarım Kullanmıyorsanız Css Kodunu   <style type="text/css">  Buraya Css Kodu </style> Tagı Arasına Koyup Tasarıma Ekleyin.....




 
Mesaj08.12.2011, 18:00 (UTC)    
Mesaj konusu:

Yardım edinnn
Mesaj08.12.2011, 18:53 (UTC)    
Mesaj konusu:

gtasanandreashakkinda yazmış:
Yardım edinnn


Flood yapmayınız mutlaka birileri yardımda bulunacaktır.

İYİ FORUMLAR.

______________
Nush ile uslanmayanı etmeli tekdir, Tekdir ile uslanmayanın hakkı kötektir.
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu