Yazar |
Mesaj |
-
wwebw
Aktif Üye
|
28.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"> </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. |
|
↑
|
|
|
-
hayaldunyam-mert
Uzman Üye
|
28.01.2011, 12:18 (UTC) Mesaj konusu: |
|
|
Teşekkürler...
Güzel paylaşım..______________ |
|
↑
|
|
|
-
nurcin-ozer
Bedava-Sitem Bağımlısı
|
28.01.2011, 12:22 (UTC) Mesaj konusu: |
|
|
Güzel bir emek verilmiş.Eline sağlık. |
|
↑
|
|
|
-
wwebw
Aktif Üye
|
28.01.2011, 12:22 (UTC) Mesaj konusu: |
|
|
Önemli değil.Bu arada beni hatırladınmı mert? |
|
↑
|
|
|
-
hayaldunyam-mert
Uzman Üye
|
28.01.2011, 12:23 (UTC) Mesaj konusu: |
|
|
Tabiki hatırladım ______________ |
|
↑
|
|
|
-
bilgisayarfareleri
Uzman Üye
|
28.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 :s ? ______________ |
|
↑
|
|
|
-
wwebw
Aktif Üye
|
28.01.2011, 13:29 (UTC) Mesaj konusu: |
|
|
Açılıyor. |
|
↑
|
|
|
-
nurcin-ozer
Bedava-Sitem Bağımlısı
|
28.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 :s ?
Evet buğri bendede açılmıyor ______________
Bilgisayarfareleri'ne teşekkürler! |
|
↑
|
|
|
-
wwebw
Aktif Üye
|
28.01.2011, 13:46 (UTC) Mesaj konusu: |
|
|
Allah allah hemen ilgileniyorum. |
|
↑
|
|
|
-
wwebw
Aktif Üye
|
28.01.2011, 13:54 (UTC) Mesaj konusu: |
|
|
Şimdi oldumu |
|
↑
|
|
|
-
nurcin-ozer
Bedava-Sitem Bağımlısı
|
28.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! |
|
↑
|
|
|
-
wwebw
Aktif Üye
|
28.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. |
|
↑
|
|
|
-
nurcin-ozer
Bedava-Sitem Bağımlısı
|
28.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! |
|
↑
|
|
|
-
nurcin-ozer
Bedava-Sitem Bağımlısı
|
28.01.2011, 14:00 (UTC) Mesaj konusu: |
|
|
Flood için özür dilerim.Şimdi oldu buğri Yeşil renk hariç herşey güzel,eline sağlık ______________
Bilgisayarfareleri'ne teşekkürler! |
|
↑
|
|
|
-
wwebw
Aktif Üye
|
28.01.2011, 14:11 (UTC) Mesaj konusu: |
|
|
Ya o renkleri kendinize göre ayarlayabilirsiniz.Ben deneme olarak onu koydum sadece |
|
↑
|
|
|
|