Şimdi Ara

link üzerine gelince yanda çıkan resimler

Bu Konudaki Kullanıcılar:
3 Misafir - 3 Masaüstü
5 sn
11
Cevap
0
Favori
610
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  • arkadaşlar bazı sitelerde gözüme çarptı. linklerin üzerine gelince yan taraftaki resim ve üstündeki yazı ona göre değişiyor? örneğinhttp://www.medyapazari.com/

    bu nasıl oluyor? script ise scripti yollarmısınız?



  • O sitenin scripti aşağıda. Aşağıdaki kodu not pad a dosyaAdı.htm olarak kaydet. Yanlız bir noksanı var. Başlangıçta tüm resimleri gösteriyor.
    quote:



    <SCRIPT language=JavaScript>
    function showManset(divID)
    {
    hide('manset0b');hide('manset0c');
    hide('manset1b');hide('manset1c');
    hide('manset2b');hide('manset2c');
    hide('manset3b');hide('manset3c');
    hide('manset4b');hide('manset4c');
    hide('manset5b');hide('manset5c');
    document.getElementById('manset'+divID+'b').style.display = 'block';
    document.getElementById('manset'+divID+'c').style.display = 'block';
    }

    function hide(divID)
    {
    document.getElementById(''+divID+'').style.display = 'none';
    }
    </SCRIPT>

    <table width="468" border="0" cellpadding="0" cellspacing="2">
    <tr><td height=92 valign=top><DIV valign=top

    id=manset0b style="DISPLAY: none"><span class=mansetbaslik><center>

    </center></span><br><span class=text>İngiliz yayın kurumu BBC, Irak'ta

    Amerikan askerlerinin yaptığı yeni bir katliamın görüntülerini yayınladı.

    BBC'nin yayınladığı video görüntüleri, Irak'ın başkenti Bağdat'ın

    100...</span></DIV><DIV valign=top id=manset1b style="DISPLAY: none"><span

    class=mansetbaslik><center> Benzin 3 YTL'ye dayandı</center></span><br><span

    class=text>Uluslararası piyasalarda petrol fiyatlarında yaşanan yükselişler

    durmasına karşın Türkiye'deki akaryakıt zamları durmuyor.

    Yükselen dolar kurunun etkisiyle benzine art arda zam ...</span></DIV><DIV

    valign=top id=manset2b style="DISPLAY: none"><span class=mansetbaslik><center>

    Göçükte ölü sayısı 17'e çıktı</center></span><br><span class=text>Enerji ve

    Tabii Kaynaklar Bakanı Hilmi Güler, Balıkesir Dursunbey ilçesine bağlı

    Odaköy'de Şentaş Madencilik'e ait kömür ocağında meydana gelen grizu

    patlamasının ardından oluşan g...</span></DIV><DIV valign=top id=manset3b

    style="DISPLAY: none"><span class=mansetbaslik><center> "Atabeyler çetesine

    de komplo desinler, göreyim"</center></span><br><span class=text>Danıştay

    saldırısının ardından ortaya çıkan çete için, ‘Askerî darbe hazırlığı

    var’ uyarısında bulunan Radikal Gazetesi yazarı Hasan Celal Güzel,

    Ankara Eryaman’d...</span></DIV><DIV valign=top id=manset4b

    style="DISPLAY: none"><span class=mansetbaslik><center> Atabeyler

    Çetesi’yle ilgili şok iddialar</center></span><br><span

    class=text>Ankara Eryaman'da ortaya çıkarılan Atabeyler Çetesi’yle

    ilgili soruşturma sürüyor. Alınan bilgilere göre, operasyonda ele geçirilen

    C-4 plastik patlayıcılar ile TNT kalıpları...</span></DIV><DIV valign=top

    id=manset5b style="DISPLAY: none"><span class=mansetbaslik><center> Darbe

    yanlısı genç subayları ordudan atmak lazım</center></span><br><span

    class=text>7. Cumhurbaşkanı Kenan Evren, Türk Silahlı Kuvvetleri içerisindeki

    darbe yanlısı genç subayların ordudan atılması gerektiğini söyledi. Evren, dün

    Akşam gazetesinde yer alan açıklam...</span></DIV></td></tr>

    <tr><td><hr color=bbbbbb size=1>
    <table>
    <tr><td width=200 valign=top> <DIV

    id=manset0c><IMG height=134


    src="http://www.medyapazari.com/pix/makale_resimler/20529irak.jpg" width=200

    border=0></DIV> <DIV id=manset1c><IMG height=134


    src="http://www.medyapazari.com/pix/makale_resimler/20528benzin.jpg" width=200

    border=0></DIV> <DIV id=manset2c><IMG height=134


    src="http://www.medyapazari.com/pix/makale_resimler/20526gocuk.jpg" width=200

    border=0></DIV> <DIV id=manset3c><IMG height=134


    src="http://www.medyapazari.com/pix/makale_resimler/20525hasancelalguzel3.jpg"

    width=200 border=0></DIV> <DIV id=manset4c><IMG height=134


    src="http://www.medyapazari.com/pix/makale_resimler/20524atabeyler.jpg"

    width=200 border=0></DIV> <DIV id=manset5c><IMG height=134


    src="http://www.medyapazari.com/pix/makale_resimler/20523kenan.jpg" width=200

    border=0></DIV></td>
    <td width=268 class=mansetsatir valign=top>
    <b>15:10</b> <A
    class=mansetsatir

    onmouseover=showManset(0)


    href="javascript:openWindow('http://www.medyapazari.com/manset.php?makale_no=2

    0529')"></A><hr color=bbbbbb size=1>
    <b>09:59</b> <A
    class=mansetsatir

    onmouseover=showManset(1)


    href="javascript:openWindow('http://www.medyapazari.com/manset.php?makale_no=2

    0528')">Benzin 3 YTL'ye dayandı</A><hr color=bbbbbb size=1>

    <b>08:29</b> <A
    class=mansetsatir

    onmouseover=showManset(2)


    href="javascript:openWindow('http://www.medyapazari.com/manset.php?makale_no=2

    0526')">Göçükte ölü sayısı 17'e çıktı</A><hr color=bbbbbb size=1>
    <b>08:24</b> <A
    class=mansetsatir

    onmouseover=showManset(3)


    href="javascript:openWindow('http://www.medyapazari.com/manset.php?makale_no=2

    0525')"> "Atabeyler çetesine de komplo desinler, göreyim"</A><hr color=bbbbbb

    size=1>
    <b>08:23</b> <A
    class=mansetsatir

    onmouseover=showManset(4)


    href="javascript:openWindow('http://www.medyapazari.com/manset.php?makale_no=2

    0524')">Atabeyler Çetesi’yle ilgili şok iddialar</A><hr color=bbbbbb

    size=1>
    <b>08:20</b> <A
    class=mansetsatir

    onmouseover=showManset(5)


    href="javascript:openWindow('http://www.medyapazari.com/manset.php?makale_no=2

    0523')">Darbe yanlısı genç subayları ordudan atmak lazım</A><hr color=bbbbbb

    size=1></td></tr>
    </table>

    </td></tr>
    </table>


    Bunu da bir forumdaki birisi yazmıştı. Yazıya tıklayınca başka resim gösteriyor.
    quote:


    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9">
    <title>..:: eburhan ::..</title>
    <script language="javascript1.2" type="text/javascript">
    function resim_degistir(x) {
    // Erhan BURHAN tarafından yazılmıştır.
    // Serbestçe kullanılabilir.

    if ( x == 'yok' )
    document.DegisenResim.src = 'yok.gif'
    else
    document.DegisenResim.src = x
    }
    </script>
    </head>

    <body>

    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="9%" valign="top">
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=7434788&url=#" onMouseOver="resim_degistir('resim_1.gif')" onMouseOut="resim_degistir('yok')" data-href="#" onMouseOver="resim_degistir('resim_1.gif')" onMouseOut="resim_degistir('yok')">Bağlantı 1</a> <br>
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=7434788&url=#" onMouseOver="resim_degistir('resim_2.gif')" onMouseOut="resim_degistir('yok')" data-href="#" onMouseOver="resim_degistir('resim_2.gif')" onMouseOut="resim_degistir('yok')">Bağlantı 2</a> <br>
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=7434788&url=#" onMouseOver="resim_degistir('resim_3.gif')" onMouseOut="resim_degistir('yok')" data-href="#" onMouseOver="resim_degistir('resim_3.gif')" onMouseOut="resim_degistir('yok')">Bağlantı 3</a> <br>
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=7434788&url=#" onMouseOver="resim_degistir('resim_4.gif')" onMouseOut="resim_degistir('yok')" data-href="#" onMouseOver="resim_degistir('resim_4.gif')" onMouseOut="resim_degistir('yok')">Bağlantı 4</a> <br>
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=7434788&url=#" onMouseOver="resim_degistir('resim_5.gif')" onMouseOut="resim_degistir('yok')" data-href="#" onMouseOver="resim_degistir('resim_5.gif')" onMouseOut="resim_degistir('yok')">Bağlantı 5</a>
    </td>
    <td width="91%" valign="top"><img src="yok.gif" name="DegisenResim"></td>
    </tr>
    </table>

    </body>
    </html>



    < Bu mesaj bu kişi tarafından değiştirildi sanal47 -- 5 Haziran 2006; 0:29:47 >




  • javascript bankası diye bi program var arkadaşımm....
    JAVASCRIPT BANKASI 2.2
    google dan araştır.
    onda başka çeşitleride vardı...eğer arakdaşınki olmas dersenn..
    faydalıdırr..orda güsel scirpt ler var.
  • quote:

    Orjinalden alıntı: JR.IVORY

    javascript bankası diye bi program var arkadaşımm....
    JAVASCRIPT BANKASI 2.2
    google dan araştır.
    onda başka çeşitleride vardı...eğer arakdaşınki olmas dersenn..
    faydalıdırr..orda güsel scirpt ler var.



    java script bankası zaten bende var. aradığımı orda bulamadım
  • quote:

    Orjinalden alıntı: sanal47

    O sitenin scripti aşağıda. Aşağıdaki kodu not pad a dosyaAdı.htm olarak kaydet. Yanlız bir noksanı var. Başlangıçta tüm resimleri gösteriyor.
    quote:



    <SCRIPT language=JavaScript>
    function showManset(divID)
    {
    hide('manset0b');hide('manset0c');
    hide('manset1b');hide('manset1c');
    hide('manset2b');hide('manset2c');
    hide('manset3b');hide('manset3c');
    hide('manset4b');hide('manset4c');
    hide('manset5b');hide('manset5c');
    document.getElementById('manset'+divID+'b').style.display = 'block';
    document.getElementById('manset'+divID+'c').style.display = 'block';
    }

    function hide(divID)
    {
    document.getElementById(''+divID+'').style.display = 'none';
    }
    </SCRIPT>

    <table width="468" border="0" cellpadding="0" cellspacing="2">
    <tr><td height=92 valign=top><DIV valign=top

    id=manset0b style="DISPLAY: none"><span class=mansetbaslik><center>

    </center></span><br><span class=text>İngiliz yayın kurumu BBC, Irak'ta

    Amerikan askerlerinin yaptığı yeni bir katliamın görüntülerini yayınladı.

    BBC'nin yayınladığı video görüntüleri, Irak'ın başkenti Bağdat'ın

    100...</span></DIV><DIV valign=top id=manset1b style="DISPLAY: none"><span

    class=mansetbaslik><center> Benzin 3 YTL'ye dayandı</center></span><br><span

    class=text>Uluslararası piyasalarda petrol fiyatlarında yaşanan yükselişler

    durmasına karşın Türkiye'deki akaryakıt zamları durmuyor.

    Yükselen dolar kurunun etkisiyle benzine art arda zam ...</span></DIV><DIV

    valign=top id=manset2b style="DISPLAY: none"><span class=mansetbaslik><center>

    Göçükte ölü sayısı 17'e çıktı</center></span><br><span class=text>Enerji ve

    Tabii Kaynaklar Bakanı Hilmi Güler, Balıkesir Dursunbey ilçesine bağlı

    Odaköy'de Şentaş Madencilik'e ait kömür ocağında meydana gelen grizu

    patlamasının ardından oluşan g...</span></DIV><DIV valign=top id=manset3b

    style="DISPLAY: none"><span class=mansetbaslik><center> "Atabeyler çetesine

    de komplo desinler, göreyim"</center></span><br><span class=text>Danıştay

    saldırısının ardından ortaya çıkan çete için, ‘Askerî darbe hazırlığı

    var’ uyarısında bulunan Radikal Gazetesi yazarı Hasan Celal Güzel,

    Ankara Eryaman’d...</span></DIV><DIV valign=top id=manset4b

    style="DISPLAY: none"><span class=mansetbaslik><center> Atabeyler

    Çetesi’yle ilgili şok iddialar</center></span><br><span

    class=text>Ankara Eryaman'da ortaya çıkarılan Atabeyler Çetesi’yle

    ilgili soruşturma sürüyor. Alınan bilgilere göre, operasyonda ele geçirilen

    C-4 plastik patlayıcılar ile TNT kalıpları...</span></DIV><DIV valign=top

    id=manset5b style="DISPLAY: none"><span class=mansetbaslik><center> Darbe

    yanlısı genç subayları ordudan atmak lazım</center></span><br><span

    class=text>7. Cumhurbaşkanı Kenan Evren, Türk Silahlı Kuvvetleri içerisindeki

    darbe yanlısı genç subayların ordudan atılması gerektiğini söyledi. Evren, dün

    Akşam gazetesinde yer alan açıklam...</span></DIV></td></tr>

    <tr><td><hr color=bbbbbb size=1>
    <table>
    <tr><td width=200 valign=top> <DIV

    id=manset0c><IMG height=134


    src="http://www.medyapazari.com/pix/makale_resimler/20529irak.jpg" width=200

    border=0></DIV> <DIV id=manset1c><IMG height=134


    src="http://www.medyapazari.com/pix/makale_resimler/20528benzin.jpg" width=200

    border=0></DIV> <DIV id=manset2c><IMG height=134


    src="http://www.medyapazari.com/pix/makale_resimler/20526gocuk.jpg" width=200

    border=0></DIV> <DIV id=manset3c><IMG height=134


    src="http://www.medyapazari.com/pix/makale_resimler/20525hasancelalguzel3.jpg"

    width=200 border=0></DIV> <DIV id=manset4c><IMG height=134


    src="http://www.medyapazari.com/pix/makale_resimler/20524atabeyler.jpg"

    width=200 border=0></DIV> <DIV id=manset5c><IMG height=134


    src="http://www.medyapazari.com/pix/makale_resimler/20523kenan.jpg" width=200

    border=0></DIV></td>
    <td width=268 class=mansetsatir valign=top>
    <b>15:10</b> <A
    class=mansetsatir

    onmouseover=showManset(0)


    href="javascript:openWindow('http://www.medyapazari.com/manset.php?makale_no=2

    0529')"></A><hr color=bbbbbb size=1>
    <b>09:59</b> <A
    class=mansetsatir

    onmouseover=showManset(1)


    href="javascript:openWindow('http://www.medyapazari.com/manset.php?makale_no=2

    0528')">Benzin 3 YTL'ye dayandı</A><hr color=bbbbbb size=1>

    <b>08:29</b> <A
    class=mansetsatir

    onmouseover=showManset(2)


    href="javascript:openWindow('http://www.medyapazari.com/manset.php?makale_no=2

    0526')">Göçükte ölü sayısı 17'e çıktı</A><hr color=bbbbbb size=1>
    <b>08:24</b> <A
    class=mansetsatir

    onmouseover=showManset(3)


    href="javascript:openWindow('http://www.medyapazari.com/manset.php?makale_no=2

    0525')"> "Atabeyler çetesine de komplo desinler, göreyim"</A><hr color=bbbbbb

    size=1>
    <b>08:23</b> <A
    class=mansetsatir

    onmouseover=showManset(4)


    href="javascript:openWindow('http://www.medyapazari.com/manset.php?makale_no=2

    0524')">Atabeyler Çetesi’yle ilgili şok iddialar</A><hr color=bbbbbb

    size=1>
    <b>08:20</b> <A
    class=mansetsatir

    onmouseover=showManset(5)


    href="javascript:openWindow('http://www.medyapazari.com/manset.php?makale_no=2

    0523')">Darbe yanlısı genç subayları ordudan atmak lazım</A><hr color=bbbbbb

    size=1></td></tr>
    </table>

    </td></tr>
    </table>


    Bunu da bir forumdaki birisi yazmıştı. Yazıya tıklayınca başka resim gösteriyor.
    quote:


    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9">
    <title>..:: eburhan ::..</title>
    <script language="javascript1.2" type="text/javascript">
    function resim_degistir(x) {
    // Erhan BURHAN tarafından yazılmıştır.
    // Serbestçe kullanılabilir.

    if ( x == 'yok' )
    document.DegisenResim.src = 'yok.gif'
    else
    document.DegisenResim.src = x
    }
    </script>
    </head>

    <body>

    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="9%" valign="top">
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=7438957&url=#" onMouseOver="resim_degistir('resim_1.gif')" onMouseOut="resim_degistir('yok')" data-href="#" onMouseOver="resim_degistir('resim_1.gif')" onMouseOut="resim_degistir('yok')">Bağlantı 1</a> <br>
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=7438957&url=#" onMouseOver="resim_degistir('resim_2.gif')" onMouseOut="resim_degistir('yok')" data-href="#" onMouseOver="resim_degistir('resim_2.gif')" onMouseOut="resim_degistir('yok')">Bağlantı 2</a> <br>
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=7438957&url=#" onMouseOver="resim_degistir('resim_3.gif')" onMouseOut="resim_degistir('yok')" data-href="#" onMouseOver="resim_degistir('resim_3.gif')" onMouseOut="resim_degistir('yok')">Bağlantı 3</a> <br>
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=7438957&url=#" onMouseOver="resim_degistir('resim_4.gif')" onMouseOut="resim_degistir('yok')" data-href="#" onMouseOver="resim_degistir('resim_4.gif')" onMouseOut="resim_degistir('yok')">Bağlantı 4</a> <br>
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=7438957&url=#" onMouseOver="resim_degistir('resim_5.gif')" onMouseOut="resim_degistir('yok')" data-href="#" onMouseOver="resim_degistir('resim_5.gif')" onMouseOut="resim_degistir('yok')">Bağlantı 5</a>
    </td>
    <td width="91%" valign="top"><img src="yok.gif" name="DegisenResim"></td>
    </tr>
    </table>

    </body>
    </html>




    ilk verdiğiniz kodda ilk başta resimlerin çıkmaması için ne yapabiliriz??




  • arkadaşım kısaca anlatayım istersen sana olayın mantığını. Bunu javascriptteki innerHTML koduyla yapmalısın.
    <script language=javascript>
    function degistir(){
    document.getElementById('tablo_id').innerHTML='Buraya tablo içine girecek resmin kodunu tam olarak yaz';
    }
    </script>

    yukardaki kod id si tablo_id olan hücrenin içini tamamen değiştirir. script kodunu çalıştırmak için aşağıdakiş gibi linki kullanabilirsinm

    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=7439165&url=javascrip:void(0);" onClick="degistir()" data-href="javascrip:void(0);" onClick="degistir()"> Tablo içeriğini değiştir</a>

    Mantık tam olarak bu örnek istersenizwww.24saathaber.com sitesini bu kodları kullanarak hazırladım. isterseniz o sitedeki kodlarıda inceleyebilirsiniz.




  • Yapay Zeka’dan İlgili Konular
    Daha Fazla Göster
  • arkadaşın verdiği linkteki script hatalı galiba deprem oluyo bazı linklerde
  • quote:

    Orjinalden alıntı: _FOCUS_

    arkadaşın verdiği linkteki script hatalı galiba deprem oluyo bazı linklerde


    ben de yapamadım
  • quote:

    Orjinalden alıntı: samet007


    quote:

    Orjinalden alıntı: JR.IVORY

    javascript bankası diye bi program var arkadaşımm....
    JAVASCRIPT BANKASI 2.2
    google dan araştır.
    onda başka çeşitleride vardı...eğer arakdaşınki olmas dersenn..
    faydalıdırr..orda güsel scirpt ler var.



    java script bankası zaten bende var. aradığımı orda bulamadım

    nası yok
    olması lazım ya..geçen sene çok kullanmıştımm
  • Şimdilik şunu yaptım. Linke gelince spandaki açıklamayı gösteriyor. Span içine resimler konursa onların da link üzerine gelince görünmesi lazım. Ama daha denemedim.
    quote:


    <html>
    <head>
    <title></title>
    <style type="text/css">
    <!--
    body {position: relative; background: white; margin: 0; padding: 0;}

    div#links {position: absolute; top: 81px; left: 0; width: 166px; height: 700px;

    font: 16px Verdana, sans-serif; z-index: 100;}
    div#links a {display: block; text-align: center; font: bold 1em sans-serif;
    padding: 5px 10px; margin: 0 0 1px; border-width: 0;
    text-decoration: none; color: white; background: gold;
    border-right: 5px solid lightsagreen;}
    div#links a:hover {color: deeppink; background: skyblue;
    border-right: 5px double orange;}

    div#links a span {display: none;}
    div#links a:hover span {display: block;
    position: absolute; top: 180px; left: 0; width: 125px;
    padding: 5px; margin: 10px; z-index: 100;
    color: purple; background: turquoise;
    font: 10px Verdana, sans-serif; text-align: center;}

    -->
    </style>
    </head>
    <body>

    <div id="links">
    <a href="http://mutasyon.net/">anasayfa<span> Ana sayfadır. Buradan diğer kısımlara

    ulaşabilirsiniz. Bilgisayar ile ilgili bilgiler içeren bir site.</span></a>

    <a href="http://mutasyon.net/dersler.asp">Dersler<span> Dersler kısmına götürür.

    Konu anlatımları vardır. Bir bakın. </span></a>

    <a href="http://mutasyon.net/kitaplar.asp">Kitaplar<span> Kitapları indirmek için

    buraya tıklayın. </span></a>

    <a href="http://mutasyon.net/makaleler.asp">Makaleler<span> Bilgisayar ile ilgili

    makaleleri burada bulabilirsiniz.</span></a>

    <a href="http://mutasyon.net/sorular.asp">Sorular<span> Sorulan sorulara verilen

    cevapları burada bulacaksınız. <em>Daha tıklamadınız mı?</em>Tıkla o

    zaman.</span></a>

    <a href="http://forum.mutasyon.net/">forum<span> Forumsuz kalmayın. Foruma buradan

    ulaşın. </span></a>

    </div>

    Bu arada javascript bankasını isteyene gönderebilirim.
    Yukarıdaki koda resim ekleyince oldu.
    quote:


    <html>
    <head>
    <title></title>
    <style type="text/css">
    <!--
    body {position: relative; background: white; margin: 0; padding: 0;}

    div#links {position: absolute; top: 81px; left: 0; width: 166px; height: 700px;

    font: 16px Verdana, sans-serif; z-index: 100;}
    div#links a {display: block; text-align: center; font: bold 1em sans-serif;
    padding: 5px 10px; margin: 0 0 1px; border-width: 0;
    text-decoration: none; color: white; background: gold;
    border-right: 5px solid lightsagreen;}
    div#links a:hover {color: deeppink; background: skyblue;
    border-right: 5px double orange;}

    div#links a span {display: none;}
    div#links a:hover span {display: block;
    position: absolute; top: 180px; left: 0; width: 125px;
    padding: 5px; margin: 10px; z-index: 100;
    color: purple; background: turquoise;
    font: 10px Verdana, sans-serif; text-align: center;}

    -->
    </style>
    </head>
    <body>

    <div id="links">
    <a href="http://mutasyon.net/">anasayfa<span> Ana sayfadır. Buradan diğer kısımlara

    ulaşabilirsiniz. Bilgisayar ile ilgili bilgiler içeren bir site.<img

    src="agac.bmp"></span></a>

    <a href="http://mutasyon.net/dersler.asp">Dersler<span> Dersler kısmına götürür.

    Konu anlatımları vardır. Bir bakın. <img src="saat.bmp"> </span></a>

    <a href="http://mutasyon.net/kitaplar.asp">Kitaplar<span> Kitapları indirmek için

    buraya tıklayın. <img src="KUMANDA.bmp"> </span></a>

    <a href="http://mutasyon.net/makaleler.asp">Makaleler<span> Bilgisayar ile ilgili

    makaleleri burada bulabilirsiniz.<img src="tablo1.bmp"></span></a>

    <a href="http://mutasyon.net/sorular.asp">Sorular<span> Sorulan sorulara verilen

    cevapları burada bulacaksınız. <em>Daha tıklamadınız mı?</em>Tıkla o zaman.<img

    src="tablo2.bmp"></span></a>

    <a href="http://forum.mutasyon.net/">forum<span> Forumsuz kalmayın. Foruma buradan

    ulaşın. <img src="cicek.bmp"></span></a>

    </div>



    < Bu mesaj bu kişi tarafından değiştirildi sanal47 -- 5 Haziran 2006; 14:15:39 >




  • 
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.