Örnek Rollover Menü Çalışması

**HAKAN** · 10-10-2007, 19:02

Menü Resimleri

Menü Psd

Kod içerisindeki resim yollarını kendinize göre değiştiriniz...

Menü html Kodları

Code:

 
<html>
<head>
<title>Untitled-1</title>
http-equiv="Content-Type" content="text/html; charset=windows-1254">
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('images/Untitled-12_01.jpg','images/Untitled-12_03.jpg','images/Untitled-12_05.jpg','images/Untitled-12_07.jpg','images/Untitled-12_09.jpg')">
<!-- ImageReady Slices (Untitled-1) -->
<table id="Table_01" width="700" height="40" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image10','','images/Untitled-12_01.jpg',1)"><img src="http://www.photoshopuzmani.com/forum/images/Untitled-1_01.jpg" name="Image10" width="147" height="40" border="0"></a></td>
<td>
<img src="http://www.photoshopuzmani.com/forum/images/Untitled-1_02.jpg" width="1" height="40" alt=""></td>
<td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','images/Untitled-12_03.jpg',1)"><img src="http://www.photoshopuzmani.com/forum/images/Untitled-1_03.jpg" name="Image11" width="122" height="40" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','images/Untitled-12_03.jpg',1)"></a></td>
<td>
<img src="http://www.photoshopuzmani.com/forum/images/Untitled-1_04.jpg" width="1" height="40" alt=""></td>
<td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image12','','images/Untitled-12_05.jpg',1)"><img src="http://www.photoshopuzmani.com/forum/images/Untitled-1_05.jpg" name="Image12" width="128" height="40" border="0"></a></td>
<td>
<img src="http://www.photoshopuzmani.com/forum/images/Untitled-1_06.jpg" width="1" height="40" alt=""></td>
<td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image13','','images/Untitled-12_07.jpg',1)"><img src="http://www.photoshopuzmani.com/forum/images/Untitled-1_07.jpg" name="Image13" width="144" height="40" border="0"></a></td>
<td>
<img src="http://www.photoshopuzmani.com/forum/images/Untitled-1_08.jpg" width="1" height="40" alt=""></td>
<td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image14','','images/Untitled-12_09.jpg',1)"><img src="http://www.photoshopuzmani.com/forum/images/Untitled-1_09.jpg" name="Image14" width="155" height="40" border="0"></a></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

__________________

~~illegal~~ · 02-22-2008, 20:00

acaba bir sorun olabilirmi hakan abi ben denedim html yaptım birşey çıkaramadım bu ekran çıktı ? ne yapmalıyım ?

**Kültürlü Kedi** · 02-22-2008, 20:13

Alıntı:

HAKAN´isimli üyeden Alıntı

...

Kod içerisindeki resim yollarını kendinize göre değiştiriniz...

...

Resimlerin yollarını kodlardan düzeltmemiş olabilirsin. Aynı zamanda sanırım html(code) ekranını tamamen silip yukarıda ki kodları eklemen gerekiyor. sanırım silerken yada yapıştırırken bir kayma olmuş.

**Kültürlü Kedi** · 02-22-2008, 20:17

kod hatası şu imiş..

Code:

http-equiv="Content-Type" content="text/html; charset=windows-1254">

bunun en başında ki http başına < eklemelesin, HAKAN' ın kodlarda ufak bir hata olmuş.

**Kültürlü Kedi** · 02-22-2008, 20:23

Örnek ekte...

Eklenmiş Dosya

Rollover Menü Çalışması.zip (51,5 KB, 18 kez indirilmiştir)

brtg_dgn · 02-22-2008, 22:43

dostum kültürlü kedi'ninkiler doğru onunki gibi yap =)

__________________

Gokmavi · 03-25-2008, 16:59

tesekkürlerr

02-22-2008, 20:00	#2 (permalink)
~~illegal~~ Yasaklı Üye Üyelik Tarihi: Feb 2008 Bulunduğu Yer: Kütahya - Merkez Yaş: 15 Mesajlar: 905 Teşekkür Et: 197 Thanked 40 Times in 31 Posts Tecrübe Puanı: 0	Ce: Örnek Rollover Menü Çalışması acaba bir sorun olabilirmi hakan abi ben denedim html yaptım birşey çıkaramadım bu ekran çıktı ? ne yapmalıyım ?

02-22-2008, 20:17	#4 (permalink)
Kültürlü Kedi Editör Üyelik Tarihi: Dec 2007 Bulunduğu Yer: İstanbul Yaş: 22 Mesajlar: 1.363 Teşekkür Et: 95 Thanked 181 Times in 66 Posts Tecrübe Puanı: 3	Ce: Örnek Rollover Menü Çalışması kod hatası şu imiş.. Code: http-equiv="Content-Type" content="text/html; charset=windows-1254"> bunun en başında ki http başına < eklemelesin, HAKAN' ın kodlarda ufak bir hata olmuş.

02-22-2008, 22:43	#6 (permalink)
brtg_dgn Sitenin Demirbaşı Üyelik Tarihi: Feb 2008 Bulunduğu Yer: İstanbul Yaş: 16 Mesajlar: 1.507 Teşekkür Et: 50 Thanked 134 Times in 52 Posts Resimler: 2 Tecrübe Puanı: 3	Ce: Örnek Rollover Menü Çalışması dostum kültürlü kedi'ninkiler doğru onunki gibi yap =) __________________

03-25-2008, 16:59	#7 (permalink)
Gokmavi Çalıştı Çalıştı En Sonunda Bişeler Öğrendi :) Üyelik Tarihi: Feb 2008 Bulunduğu Yer: Kütahya - Merkez Yaş: 16 Mesajlar: 306 Teşekkür Et: 67 Thanked 33 Times in 21 Posts Tecrübe Puanı: 2	Ce: Örnek Rollover Menü Çalışması tesekkürlerr

LinkBacks (?) LinkBack to this Thread: http://forum.photoshopuzmani.com/dreamweaver/1290-ornek-rollover-menu-calismasi.html
Konuyu Başlatan	For	Type	Tarih
Photoshop Uzmanı - Türkiyenin Photoshop Portalı - Anasayfa	This thread	Refback	02-22-2008 20:11

Konu Seçenekleri
Yazdırılabilir Sümü Göster Sayfayı E-Mail'le gönder
Modları Göster
Normal Mod Ağaç Modununa Geç Otomatik Konu Moduna Geç