Yazar |
Mesaj |
-
gtasanandreashakkinda
Bedava-Sitem Bağımlısı
Konum: İstanbul
|
07.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 |
|
↑
|
|
|
-
gtasanandreashakkinda
Bedava-Sitem Bağımlısı
Konum: İstanbul
|
07.12.2011, 18:11 (UTC) Mesaj konusu: |
|
|
Help mee |
|
↑
|
|
|
-
gtasanandreashakkinda
Bedava-Sitem Bağımlısı
Konum: İstanbul
|
07.12.2011, 19:14 (UTC) Mesaj konusu: |
|
|
YARDIIM !! |
|
↑
|
|
|
-
gtasanandreashakkinda
Bedava-Sitem Bağımlısı
Konum: İstanbul
|
07.12.2011, 20:51 (UTC) Mesaj konusu: |
|
|
Arkadaşlar tasarım çok komik duruo. Üst menü yazısı...
yardım edin lütfen
hiçbir yolu yokmu ? |
|
↑
|
|
|
-
pinoki
Uzman Üye
Konum: Özel mesajlara sitem üzerinden cevap veriyorum
|
07.12.2011, 20:56 (UTC) Mesaj konusu: |
|
|
menü boyutlarından olabilir css kodunun düzenlenmesi gerekir |
|
↑
|
|
|
-
gtasanandreashakkinda
Bedava-Sitem Bağımlısı
Konum: İstanbul
|
08.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.....
|
|
↑
|
|
|
-
gtasanandreashakkinda
Bedava-Sitem Bağımlısı
Konum: İstanbul
|
08.12.2011, 18:00 (UTC) Mesaj konusu: |
|
|
Yardım edinnn |
|
↑
|
|
|
-
berkant-kisisel
Bedava-Sitem Bağımlısı
|
08.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.
|
|
↑
|
|
|
|