Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj28.01.2011, 12:16 (UTC)    
Mesaj konusu: Açılır Resimli Drop Down Menü Yapımı

Biraz zor bir anlatım.Anlamaya çalışın lütfen.
Arkadaşlar şimdi sizlere resimin üzerine geldiğinde açılan yani drop resimli menü yapımını anlatacağız.
>>Önce 128x128 boyutlarında 7 tane resim yapın.Bu resimler arkaplanınıza uygun olsun veya transparent olsun.
Mesela arkaplanımız siyah olsun şöyle bi resimler yapalım:







Önizleme: http://site.mynet.com/it_heach/yapaymenu.htm

KOD ŞÖYLE:
Kod:
<!--WwebW-->
<div align="left">
<table height="130" cellspacing="0" cellpadding="0" border="0" align="left" width="851" style="width: 851px; height: 130px;">
    <tbody>
        <tr>
            <td align="left" valign="top">
            <link href="http://bugrahanweb.110mb.com/drop.css" type="text/css" rel="stylesheet" /><script type="text/javascript" src="http://bugrahanweb.110mb.com/chromee.java"></script><style type="text/css">

<!--
.style1 {font-family: Arial, Helvetica, sans-serif}
.style2 {
    font-size: 13px;
    color: #FFFF00;
}
-->
            </style>
            <div class="chromestyle" id="chromemenu">
            <div align="left"><center>
            <table cellspacing="1" cellpadding="1" border="0" width="851" style="width: 851px; height: 130px;">
                <tbody>
                    <tr>
                        <td align="left" valign="top"><a href="LİNK 1"><img height="128" border="0" width="128" class=" " alt="RESİM YAZISI" src="http://img54.xooimage.com/files/4/f/e/anasayyfa-24f731b.gif" /></a></td>
                        <td align="left" valign="top"><a target="_self" rel="dropmenu1" href="LİNK 2"><img height="128" border="0" width="128" alt="RESİM YAZISI" src="http://img50.xooimage.com/files/4/4/9/computer-24f730d.gif" /></a></td>
                        <td align="left" valign="top"><a rel="dropmenu2" href="LİNK 3"><img height="128" border="0" width="128" alt="RESİM YAZISI" src="http://img62.xooimage.com/files/7/3/b/eglencee-24f7337.gif" /></a></td>
                        <td align="left" valign="top"><a href="LİNK 4"><img height="128" border="0" width="128" alt="RESİM YAZISI" src="http://img62.xooimage.com/files/9/0/5/exctra-24f7377.gif" /></a></td>
                        <td align="left" valign="top"><a href="LİNK 5"><img height="128" border="0" width="128" alt="RESİM YAZISI" src="http://img63.xooimage.com/files/0/2/7/sciencekultur-24f73c8.gif" /></a></td>
                        <td align="left" valign="top"><a rel="dropmenu4" href="LİNK 6"><img height="128" border="0" width="128" alt="RESİM YAZISI" src="http://img53.xooimage.com/files/7/2/8/webbmaster-24f73da.gif" /></a></td>
                        <td align="left" valign="top"><a rel="dropmenu3" href="LİNK 7"><img height="128" border="0" width="128" class=" " alt="RESİM YAZISI" src="http://img64.xooimage.com/files/7/b/d/webdessign-24f73e0.gif" /></a></td>
                    </tr>
                </tbody>
            </table>
            </center></div>
            <ul class="style1 style2">
                <li>
                <div align="left">&nbsp;</div>
                </li>
            </ul>
            </div>
            <!--—WwebW -->   <!--1st drop down menu -->
            <div class="dropmenudiv" id="dropmenu1" style="left: 448px; visibility: hidden; clip: rect(0pt, auto, 185px, 0pt); top: 338px;"><a href="LİNK 1">LİNK ADI</a>  <a href=" LİNK 2">LİNK ADI </a> <a href=" LİNK 3">LİNK ADI</a> <a href=" LİNK 4">LİNK ADI</a>   <a href=" LİNK 5">LİNK ADI</a> <a href=" LİNK 6">LİNK ADI</a></div>
            <!--2nd drop down menu -->
            <div class="dropmenudiv" id="dropmenu2" style="left: 514px; visibility: hidden; clip: rect(0pt, auto, 185px, 0pt); top: 338px;"><a href=" LİNK 1">LİNK ADI</a>  <a href=" LİNK 2">LİNK ADI</a> <a href=" LİNK 3">LİNK ADI</a> <a href=" LİNK 4">LİNK ADI</a> <a href=" LİNK 5">LİNK ADI</a>  <a href=" LİNK 6">LİNK ADI</a> <a link="" href="">LİNK ADI</a></div>
            <!--3st drop down menu -->
            <div class="dropmenudiv" id="dropmenu4"><a href=" LİNK 1">LİNK ADI</a>   <a href=" LİNK 2">LİNK ADI</a>  <a href=" LİNK 3">LİNK ADI</a> <a href=" LİNK 4">LİNK ADI</a> <a href=" LİNK 5">LİNK ADI</a> <a href=" LİNK 6">LİNK ADI</a></div>
            <!--4st drohttp://www.bedava-sitem.com/editpage.php#topp down menu -->
            <div class="dropmenudiv" id="dropmenu3"><a href=" LİNK 1">LİNK ADI</a> <a href=" LİNK 2">LİNK ADI</a> <a href=" LİNK 3">LİNK ADI</a> <a href=" LİNK 4">LİNK ADI</a></div>
            <script type="text/javascript">
cssdropdown.startchrome("chromemenu", "chromemenu2")
</script></td>
        </tr>
    </tbody>
</table>
</div><!--WwebW-->


emeğe saygı duyalım alıntı yapan kaynak halinde yapsın.

NOT: Editörüm Emmaya Teşekkürler.
Mesaj28.01.2011, 12:18 (UTC)    
Mesaj konusu:

Teşekkürler...
Güzel paylaşım..

______________
Mesaj28.01.2011, 12:22 (UTC)    
Mesaj konusu:

Güzel bir emek verilmiş.Eline sağlık.
Mesaj28.01.2011, 12:22 (UTC)    
Mesaj konusu:

Önemli değil.Bu arada beni hatırladınmı mert?
Mesaj28.01.2011, 12:23 (UTC)    
Mesaj konusu:

Tabiki hatırladım Very Happy
______________
Mesaj28.01.2011, 13:26 (UTC)    
Mesaj konusu:

Buğrahan dostum bana kızmada ben anlayamadım ya :s

açılır yani drop down menü yazmışsın ama önizlemeye baktım açılmıyor Very Happy :s ?
______________
Mesaj28.01.2011, 13:29 (UTC)    
Mesaj konusu:

Açılıyor. Rolling Eyes
Mesaj28.01.2011, 13:32 (UTC)    
Mesaj konusu:

bilgisayarfareleri yazmış:
Buğrahan dostum bana kızmada ben anlayamadım ya :s

açılır yani drop down menü yazmışsın ama önizlemeye baktım açılmıyor Very Happy :s ?

Evet buğri bendede açılmıyor Very Happy
______________

Bilgisayarfareleri'ne teşekkürler!
Mesaj28.01.2011, 13:46 (UTC)    
Mesaj konusu:

Allah allah hemen ilgileniyorum.
Mesaj28.01.2011, 13:54 (UTC)    
Mesaj konusu:

Şimdi oldumu
Mesaj28.01.2011, 13:57 (UTC)    
Mesaj konusu:

wwebw yazmış:
Şimdi oldumu

Mozilla Firefox'tan giriyorum ve hala olmuyor.Belki tarayıcılardan dolayı olabilir.
______________

Bilgisayarfareleri'ne teşekkürler!
Mesaj28.01.2011, 13:58 (UTC)    
Mesaj konusu:

Olması lazım yhaa 110mb yi tanımıyo galiba bilgisayarınız. Nese ben onu halletmeye çalışacam.
Mesaj28.01.2011, 13:59 (UTC)    
Mesaj konusu:

wwebw yazmış:
Olması lazım yhaa 110mb yi tanımıyo galiba bilgisayarınız. Nese ben onu halletmeye çalışacam.

Kendi bilgisayarımda değilim kendi bilgisayarıma geçince bakarım.
______________

Bilgisayarfareleri'ne teşekkürler!
Mesaj28.01.2011, 14:00 (UTC)    
Mesaj konusu:

Flood için özür dilerim.Şimdi oldu buğri Very Happy Yeşil renk hariç herşey güzel,eline sağlık Very Happy
______________

Bilgisayarfareleri'ne teşekkürler!
Mesaj28.01.2011, 14:11 (UTC)    
Mesaj konusu:

Ya o renkleri kendinize göre ayarlayabilirsiniz.Ben deneme olarak onu koydum sadece Very Happy Mr. Green
Önceki mesajları göster:   


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