Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj14.08.2008, 11:17 (UTC)    
Mesaj konusu: Resimli haber kodu !!

Haber sitelerinde görmüşsünüzdür bi tarafta haber linkleri var onların üzerinde gezdikçe yanındaki resimler değişiyor. Bana bunun kodu lazım . Elinde olan varsa rica edicem .
______________
Mesaj14.08.2008, 11:22 (UTC)    
Mesaj konusu:

Eğer haberleri siz yazmak istiyorsanız kodu aşağıda veriyorum.

NOT: Bu kod samanyolu35 tarafından forumda daha önce verilmişti.

Kod:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="tr">
<head>
   <title>Haber</title>
   <meta http-equiv="content-type" content="text/html; iso-8859-9"/>
   <script type="text/javascript">
      window.onload = function(){
         var bli = document.getElementById('baslik').getElementsByTagName('LI');
         var ili = document.getElementById('icerik').getElementsByTagName('LI');
         for(var i=0; i < bli.length; i++){
            bli[i].i = i;
            bli[i].onmouseover = function(){
               for(var i=0; i < ili.length; i++) ili[i].style.display = 'none';
               ili[this.i].style.display = 'block';
            }
         }
      }
   </script>
   <style type="text/css">
      *{
         margin: 0px;
         padding: 0px;
      }
      #manset{
         float: left;
         width: 420px;
         margin: 20px;
         padding: 20px;
         border: 1px solid silver;
         background-color: #FAFAFA;
         font: normal 11px Arial, Times, sans-serif;
      }
      #baslik{
         float: right;
         width: 128px;
         padding: 10px;
         list-style: none;
         border: 1px solid silver;
         background-color: #FFFFFF;
      }
      #icerik{
         float: left;
         width: 250px;
         list-style: none;
      }
      #icerik li{
         display: none;
      }
      #icerik li.aktif{
         display: block;
      }
      #icerik img{
         float: left;
         width: 200px;
         height: 200px;
         margin: 5px 0px 5px 0px;
         border: 1px solid silver;
      }
      #icerik p{
         float: left;
         width: 250px;
      }
   </style>
</head>
<body>
   <div id="manset">
      <ul id="baslik">
         <li><a href="?haber=1">Haber 1</a></li>
         <li><a href="?haber=2">Haber 2</a></li>
         <li><a href="?haber=3">Haber 3</a></li>
         <li><a href="?haber=4">Haber 4</a></li>
         <li><a href="?haber=5">Haber 5</a></li>
      </ul>
      <ul id="icerik">
         <li class="aktif"><h4>Başlık 1</h4><img src="resim1.jpg" alt="Resim 1"/><p>Özet 1</p></li>
         <li><h4>Başlık 2</h4><img src="resim2.jpg" alt="Resim 2"/><p>Özet 2</p></li>
         <li><h4>Başlık 3</h4><img src="resim3.jpg" alt="Resim 3"/><p>Özet 3</p></li>
         <li><h4>Başlık 4</h4><img src="resim4.jpg" alt="Resim 4"/><p>Özet 4</p></li>
         <li><h4>Başlık 5</h4><img src="resim5.jpg" alt="Resim 5"/><p>Özet 5</p></li>
      </ul>
   </div>
</body>
</html>
Mesaj14.08.2008, 12:40 (UTC)    
Mesaj konusu:

Teşekkür ederim çok makbule geçti
______________
Mesaj14.08.2008, 18:56 (UTC)    
Mesaj konusu:

otoparkur yazmış:
Teşekkür ederim çok makbule geçti


Rica ederim. Güle güle kullanın. Wink
Önceki mesajları göster:   


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