Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj04.01.2010, 18:23 (UTC)    
Mesaj konusu: lütfen yardım

Arkadaşlar mynet teki gibi ilk ana sayfada çıkan haberlerin olduğu bölümde resimlerin üzerine gelince haber çıkacak tıklayınca sayfa açılacak yada farklı haber sitelerinde olduğu gibi.böyle bi kodu bilen varmı lütfen yardım...
Mesaj04.01.2010, 18:48 (UTC)    
Mesaj konusu:

yokmu bilen ya....
Mesaj04.01.2010, 19:51 (UTC)    
Mesaj konusu:

Kendiniz yapmak istiyorsanız buyrun kodu..
Kodun içindeki bazı yerleri kendinize göre değiştirmeyi unutmayın.

Kod:
<html> <head> <title>JS - Link Üzerine Gelindiğinde Resim Değişimi</title> <FCK:meta http-equiv="content-type" content="text/html; charset=windows-1254" ></FCK:meta> <FCK:meta http-equiv="content-type" content="text/html; charset=iso-8859-9" ></FCK:meta> <FCK:meta http-equiv="content-language" content="tr" ></FCK:meta> </head> <body> <table align="center" border="1"> <tr><td align="center" width="400" height="300" valign="top"><img id="gelecek_resim" name="gelecek_resim" border="0" src="images/1.jpg" _fcksavedurl="images/1.jpg" _fcksavedurl="images/1.jpg" width="400" height="300" /></td> <td valign="top" width="200"><a href="haberoku.asp?id=1" _fcksavedurl="haberoku.asp?id=1" _fcksavedurl="haberoku.asp?id=1" onmouseout_fckprotectedatt_fckprotectedatt=" onmouseout_fckprotectedatt=" onmouseout=""javascript: document.getElementById('gelecek_resim').src = 'images/1.jpg';"" onmouseover_fckprotectedatt_fckprotectedatt=" onmouseover_fckprotectedatt=" onmouseover=""javascript: document.getElementById('gelecek_resim').src = 'images/1.jpg';"">Haber 1 Linki</a><br /> <a href="haberoku.asp?id=2" _fcksavedurl="haberoku.asp?id=2" _fcksavedurl="haberoku.asp?id=2" onmouseout_fckprotectedatt_fckprotectedatt=" onmouseout_fckprotectedatt=" onmouseout=""javascript: document.getElementById('gelecek_resim').src = 'images/1.jpg';"" onmouseover_fckprotectedatt_fckprotectedatt=" onmouseover_fckprotectedatt=" onmouseover=""javascript: document.getElementById('gelecek_resim').src = 'images/2.jpg';"">Haber 2 Linki</a><br /> <a href="haberoku.asp?id=3" _fcksavedurl="haberoku.asp?id=3" _fcksavedurl="haberoku.asp?id=3" onmouseout_fckprotectedatt_fckprotectedatt=" onmouseout_fckprotectedatt=" onmouseout=""javascript: document.getElementById('gelecek_resim').src = 'images/1.jpg';"" onmouseover_fckprotectedatt_fckprotectedatt=" onmouseover_fckprotectedatt=" onmouseover=""javascript: document.getElementById('gelecek_resim').src = 'images/3.jpg';"">Haber 3 Linki</a><br /> <a href="haberoku.asp?id=4" _fcksavedurl="haberoku.asp?id=4" _fcksavedurl="haberoku.asp?id=4" onmouseout_fckprotectedatt_fckprotectedatt=" onmouseout_fckprotectedatt=" onmouseout=""javascript: document.getElementById('gelecek_resim').src = 'images/1.jpg';"" onmouseover_fckprotectedatt_fckprotectedatt=" onmouseover_fckprotectedatt=" onmouseover=""javascript: document.getElementById('gelecek_resim').src = 'images/4.jpg';"">Haber 4 Linki</a><br /> <a href="haberoku.asp?id=5" _fcksavedurl="haberoku.asp?id=5" _fcksavedurl="haberoku.asp?id=5" onmouseout_fckprotectedatt_fckprotectedatt=" onmouseout_fckprotectedatt=" onmouseout=""javascript: document.getElementById('gelecek_resim').src = 'images/1.jpg';"" onmouseover_fckprotectedatt_fckprotectedatt=" onmouseover_fckprotectedatt=" onmouseover=""javascript: document.getElementById('gelecek_resim').src = 'images/5.jpg';"">Haber 5 Linki</a> </td></tr> </table> </body> </html>


O çalışmassa buda bir alternatif,

Kod:
<!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>Untitled Document</title>
<style type="text/css">
<!--
#newsblock { width:640px; height:150px; padding:5px; border:0px solid #f2f2f2; }
#newsblock .news {
   display:block;
   color:#FFFFFF;
   text-decoration:none;
   font-family: "Trebuchet MS";
   font-size: 17px;
   font-weight: lighter;
}
#newsblock .news:hover { color:#336699; }
#newsblock .hot { float:left; width:340px; height:250px; margin-right:5px; }
#newsblock .hot a { margin-top:190px; padding:5px; position:absolute; z-index:99; display:block; width:340px; text-decoration:none; font:12px "Arial", "Trebuchet MS", georgia; color:#ccc; line-height:13px; }
#newsblock .hot a span { display:block; font:16px "Arial Narrow", Arial, Tahoma; letter-spacing:-1px; padding:0; margin:0; color:#eee; }
#newsblock .hot a:hover { color:#fff; }
#newsblock .hot a:hover span { color:#fff; }
#newsblock .hot div { margin:190px 0 0 0px; position:absolute; z-index:95; display:block; width:320px; height:60px; background:#000; opacity:0.8; filter:alpha(opacity=80); }
A:Link {
   color: #FFFFFF;
   text-decoration: none
}
A:Active {
   color: #FFFFFF;
   text-decoration: none
}
A:Visited {
   color: #FFFFFF;
   text-decoration: none
}
A:Hover {
   color: #336699;
   text-decoration: none
}
body {
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
}
.style5 {color: #FFFFFF}
.style7 {
   color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bolder;
   font-style: italic;
}
-->
</style>
<script language="JavaScript">
function changethis(e) {
var hotblock = document.getElementById("hotlink");
var newblock = document.getElementById("news" + e);
var hotresim = document.getElementById("hotresim");
if(e) {
hotblock.innerHTML = "<span>" + newblock.getAttribute("subject") + "</span>" + newblock.getAttribute("text")
hotresim.style.backgroundImage = "url(" + newblock.getAttribute("resim") + ")" }}
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
</script>
</head>

<body>
<table width="663" border="0" cellpadding="0" cellspacing="0" background="images/main_back.jpg">
  <tr>
    <td height="260" colspan="2" valign="top"> <div id="newsblock">
<div id="hotresim" class="hot" style="background:url('RESİM URL'); width:340; height:250">
<div style="width: 340; height: 50"></div>
<a id="hotlink"><span>BAŞLIK</span>KONU İCERİĞİ</a></div>

<a href="http://www.vakfikebirliyiz.tr.gg" target="_top" class="news" id="news0" onmouseover="changethis('0')" subject="“yeni sitemiz yayinda”" text="sitemiz yeni tasarimiyla yayina baslamistir." resim="http://img.webme.com/pic/v/vakfikebirliyiz/vakfikebir.jpg">›› yeni sitemiz yayında</a>

<a href="http://www.vakfikebirliyiz.tr.gg" target="_top" class="news" id="news1" onmouseover="changethis('1')" subject="“SAMSUNG HDD satilik”" text=" bad sectorsuz 40 GB IDE HDD satilik fiyati 30 ytl " resim="http://www.professional.ch/marktplatz/Lists/Items/Attachments/1/harddisk.jpg">›› SAMSUNG HDD satilik</a>

<a href="http://www.kurtlarvadisi.com/haber.php?subaction=showfull&id=1213782511" target="_top" class="news" id="news2" onmouseover="changethis('2')" subject="“SESSIZLIGIN SESI”" text="buraya konuyu yaz
" resim="http://www.vakfikebir.gen.tr/wp-content/themes/mimbo2.2/habergaleri/sessizliginsesi2008/images/4.jpg">›› SESSIZLIGIN SESI</a>

<a href="URL" target="_top" class="news" id="news3" onmouseover="changethis('3')" subject="BAŞLIK" text="KONU İERİĞİ" resim="RESİM URL">›› BAŞLIK</a>

<a href="http://www." target="_top" class="news" id="news4" onmouseover="changethis('4')" subject="BAŞLIK" text="KONU İERİĞİ" resim="RESİM URL">›› BAŞLIK</a>

<a href="URL" target="_top" class="news" id="news5" onmouseover="changethis('5')" subject="Sezon finali Kapadokya'da" text="KONU İERİĞİ  " resim="RESİM URL">›› BAŞLIK </a>

<a href="#" class="news" id="news6" onclick="MM_openBrWindow('http://www.kurtlarvadisi.com/kvp41.html','','width=660,height=420')" onmouseover="changethis('6')" subject="BAŞLIK" text="KONU " resim="RESİM URL">›› BAŞLIK</a>

<a href="URL" target="_top" class="news" id="news7" onmouseover="changethis('7')" subject="BAŞLIK" text="KONU." resim="RESİM URL Sİ">››BAŞLIK</a>

<a href="BURAYA HABERİN DEVAMI İİN GEREKLİ OLAN URL" target="_top" class="news" id="news8" onmouseover="changethis('8')" subject="BAŞLIK" text="KONU" resim="RESİM URL">››BAŞLIK</a>






</div> </td>
</tr>
  <tr>
    <td width="329" height="20" valign="top"><div align="right" class="style5"></div></td>
    <td width="334" valign="top"><span class="style7"><a href="URL" target="_top">›› TM HABERLER</a></span></td>
  </tr>
</table>
</body>
</html>


Bu son verdiğimde flashdır..

Hazır istiyorsanız haber sitelerinde mevcuttur kod.
www.sitenehaberekle.net
Burdanda bulabılırsın..
Mesaj04.01.2010, 20:29 (UTC)    
Mesaj konusu:

çok sağol hocam fakat bu kod doğru çalışmıyor doğru hale nasıl getirebiliriz.mesela alttaki siyah kısm tam resimin altına gelmiyeor.yazılarda siyah değil.yardımcı olursan çok makbule geçer...
Kod:
<!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>Untitled Document</title>
<style type="text/css">
<!--
#newsblock { width:640px; height:150px; padding:5px; border:0px solid #f2f2f2; }
#newsblock .news {
   display:block;
   color:#FFFFFF;
   text-decoration:none;
   font-family: "Trebuchet MS";
   font-size: 17px;
   font-weight: lighter;
}
#newsblock .news:hover { color:#336699; }
#newsblock .hot { float:left; width:340px; height:250px; margin-right:5px; }
#newsblock .hot a { margin-top:190px; padding:5px; position:absolute; z-index:99; display:block; width:340px; text-decoration:none; font:12px "Arial", "Trebuchet MS", georgia; color:#ccc; line-height:13px; }
#newsblock .hot a span { display:block; font:16px "Arial Narrow", Arial, Tahoma; letter-spacing:-1px; padding:0; margin:0; color:#eee; }
#newsblock .hot a:hover { color:#fff; }
#newsblock .hot a:hover span { color:#fff; }
#newsblock .hot div { margin:190px 0 0 0px; position:absolute; z-index:95; display:block; width:320px; height:60px; background:#000; opacity:0.8; filter:alpha(opacity=80); }
A:Link {
   color: #FFFFFF;
   text-decoration: none
}
A:Active {
   color: #FFFFFF;
   text-decoration: none
}
A:Visited {
   color: #FFFFFF;
   text-decoration: none
}
A:Hover {
   color: #336699;
   text-decoration: none
}
body {
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
}
.style5 {color: #FFFFFF}
.style7 {
   color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bolder;
   font-style: italic;
}
-->
</style>
<script language="JavaScript">
function changethis(e) {
var hotblock = document.getElementById("hotlink");
var newblock = document.getElementById("news" + e);
var hotresim = document.getElementById("hotresim");
if(e) {
hotblock.innerHTML = "<span>" + newblock.getAttribute("subject") + "</span>" + newblock.getAttribute("text")
hotresim.style.backgroundImage = "url(" + newblock.getAttribute("resim") + ")" }}
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
</script>
</head>

<body>
<table width="663" border="0" cellpadding="0" cellspacing="0" background="images/main_back.jpg">
  <tr>
    <td height="260" colspan="2" valign="top"> <div id="newsblock">
<div id="hotresim" class="hot" style="background:url('RESİM URL'); width:340; height:250">
<div style="width: 340; height: 50"></div>
<a id="hotlink"><span>BAŞLIK</span>KONU İCERİĞİ</a></div>

<a href="http://www.vakfikebirliyiz.tr.gg" target="_top" class="news" id="news0" onmouseover="changethis('0')" subject="“yeni sitemiz yayinda”" text="sitemiz yeni tasarimiyla yayina baslamistir." resim="http://img.webme.com/pic/v/vakfikebirliyiz/vakfikebir.jpg">›› yeni sitemiz yayında</a>

<a href="http://www.vakfikebirliyiz.tr.gg" target="_top" class="news" id="news1" onmouseover="changethis('1')" subject="“SAMSUNG HDD satilik”" text=" bad sectorsuz 40 GB IDE HDD satilik fiyati 30 ytl " resim="http://www.professional.ch/marktplatz/Lists/Items/Attachments/1/harddisk.jpg">›› SAMSUNG HDD satilik</a>

<a href="http://www.kurtlarvadisi.com/haber.php?subaction=showfull&id=1213782511" target="_top" class="news" id="news2" onmouseover="changethis('2')" subject="“SESSIZLIGIN SESI”" text="buraya konuyu yaz
" resim="http://www.vakfikebir.gen.tr/wp-content/themes/mimbo2.2/habergaleri/sessizliginsesi2008/images/4.jpg">›› SESSIZLIGIN SESI</a>

<a href="URL" target="_top" class="news" id="news3" onmouseover="changethis('3')" subject="BAŞLIK" text="KONU İERİĞİ" resim="RESİM URL">›› BAŞLIK</a>

<a href="http://www." target="_top" class="news" id="news4" onmouseover="changethis('4')" subject="BAŞLIK" text="KONU İERİĞİ" resim="RESİM URL">›› BAŞLIK</a>

<a href="URL" target="_top" class="news" id="news5" onmouseover="changethis('5')" subject="Sezon finali Kapadokya'da" text="KONU İERİĞİ  " resim="RESİM URL">›› BAŞLIK </a>

<a href="#" class="news" id="news6" onclick="MM_openBrWindow('http://www.kurtlarvadisi.com/kvp41.html','','width=660,height=420')" onmouseover="changethis('6')" subject="BAŞLIK" text="KONU " resim="RESİM URL">›› BAŞLIK</a>

<a href="URL" target="_top" class="news" id="news7" onmouseover="changethis('7')" subject="BAŞLIK" text="KONU." resim="RESİM URL Sİ">››BAŞLIK</a>

<a href="BURAYA HABERİN DEVAMI İİN GEREKLİ OLAN URL" target="_top" class="news" id="news8" onmouseover="changethis('8')" subject="BAŞLIK" text="KONU" resim="RESİM URL">››BAŞLIK</a>






</div> </td>
</tr>
  <tr>
    <td width="329" height="20" valign="top"><div align="right" class="style5"></div></td>
    <td width="334" valign="top"><span class="style7"><a href="URL" target="_top">›› TM HABERLER</a></span></td>
  </tr>
</table>
</body>
</html>
Önceki mesajları göster:   


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