SePortal
Üye
Kullanıcı Adı:

Şifre:

Sonraki ziyaretimde beni otomatik kaydet!

Şifremi unuttum?
Kayıt



Site İçinde    


Gelişmiş arama

Ders Bölümleri
Dersler
En Çok İzlenenler
Son Eklenen Dersler
En Çok Beğenilenler
Tümünü Göster

Derslerde Ara


Dönüşümlü 10 Ders
Kafes Yapımı
FreeHand Genel Bilgi
Şablonlar
Flash ile Kapanır ve Taşınır Menü Hazırlamak
Parlak Buton Yapımı
Ürün Kutusu Yapımı
Butonlar
Flash Araç Kutusu (Toolbox)
Fireworks Renkler ve Desenler
PSP - Lazer Yazı

Site Bilgileri
Sitede 27 kategoride, toplam 93 ders,
Toplam 85 indirilebilir dosya, 63.832 kez indirilme,
Sitedeki derslere uyumlu 8 kategoride, toplam 52 link,
Forumlarda 697 konu, 1.406 ileti bulunmaktadır.
Sitede toplam 13.301 kayıtlı üyemiz var. En yeni üyemiz: asz

Şimdiye kadarki en yüksek aktif ziyaretçi sayısı: 311 - Tarih: 21.07.2016 19:15

Toplam ziyaret: 1.934.697
Bugünkü ziyaret: 0

Aktif Kullanıcılar: 1
Şu anda 0 kayıtlı kullanıcı (arasında 0 tanesi gizli) ve 1 ziyaretçi online.
Ana Sayfa / Dersler / Web Tasarımı / CSS Etiketleri / CSS ile Açılır Menu

CSS ile Açılır Menu
RSS Feed: CSS ile Açılır Menu (Dersler)
Eklenme Tarihi: 01.10.2006 - 15:09   (İzlenme: 62651)
Yorumları Oku (7)
Yorum Ekle
Dersi Yazdır / İndir
Yazdır


Web sayfanızın <HEAD></HEAD> kodları arasına aşağıdaki kodları aynen, değiştirmeden yerleştirin.
<style type="text/css">
BODY { font-family:verdana, arial, helvetica; font-size:70%; }
H1 { font-size:120%; font-style:italic; }

DIV#divMenuBar { background-color:#6699CC; }
TABLE#tblMenuBar TD { font-size:60%; color:white; padding:0px 5px 0px 5px; cursor:default; }
TABLE#tblMenuBar TD.MenuMadde { font-weight:bold; cursor:hand; }

DIV.clsMenu {
font-size:90%; background-color:#6699CC;
position:absolute; visibility:hidden; width:130px;
padding:5px 5px 5px 8px; border-top:1 white solid;
}
DIV.clsMenu A { text-decoration:none; color:white; font-weight:bold; }
DIV.clsMenu A:hover { color:moccasin; }

</style>

 <script language="JavaScript">
var eOpenMenu = null;

function OpenMenu(eSrc,eMenu)
{
eMenu.style.left = eSrc.offsetLeft + divMenuBar.offsetLeft;
eMenu.style.top = divMenuBar.offsetHeight + divMenuBar.offsetTop;
eMenu.style.visibility = "visible";
eOpenMenu = eMenu;
}

function CloseMenu(eMenu)
{
eMenu.style.visibility = "hidden";
eOpenMenu = null;
}

function document.onmouseover()
{
var eSrc = window.event.srcElement;
if ("MenuMadde" == eSrc.className)
{
eSrc.style.color = "moccasin";
var eMenu = document.all[eSrc.id.replace("tdMenuBarItem","divMenu")];
if (eOpenMenu && eOpenMenu != eMenu)
{
CloseMenu(eOpenMenu);
}
if (eMenu)
{
OpenMenu(eSrc,eMenu);
}
}
else if (eOpenMenu && !eOpenMenu.contains(eSrc) && !divMenuBar.contains(eSrc))
{
CloseMenu(eOpenMenu);
}
}

function document.onmouseout()
{
var eSrc = window.event.srcElement;
if ("MenuMadde" == eSrc.className)
{
eSrc.style.color = "";
}
}
</script>


Daha sonra <BODY></BODY> kodları arasına yani menünüzü koymak istediğiniz yere de aşağıdaki kodları yerleştirin.
<DIV ID="divMenuBar">
<TABLE ID="tblMenuBar" BORDER="0">
<TR>
<TD CLASS="MenuMadde" ID="tdMenuBarItem01">Burayı kendinize göre değiştirin!</TD>
<TD>|</TD>
<TD CLASS="MenuMadde" ID="tdMenuBarItem02">Burayı kendinize göre değiştirin!</TD>
<TD>|</TD>
<TD CLASS="MenuMadde" ID="tdMenuBarItem03">Burayı kendinize göre değiştirin!</TD>
</TR>
</TABLE>
</DIV>

<DIV CLASS="clsMenu" ID="divMenu01">
<DIV CLASS="clsMenuAra"></DIV>
<DIV><A TARGET="_new" HREF="01.html">Alt Madde 01</A></DIV>
<DIV><A TARGET="_new" HREF="04.html">Alt Madde 04</A></DIV>
<DIV><A TARGET="_new" HREF="05.html">Alt Madde 05</A></DIV>
</DIV>

<DIV CLASS="clsMenu" ID="divMenu02">
<DIV CLASS="clsMenuAra"></DIV>
<DIV><A TARGET="_new" HREF="11.html">Alt Madde 01</A></DIV>
<DIV><A TARGET="_new" HREF="12.html">Alt Madde 02</A></DIV>
<DIV><A TARGET="_new" HREF="13.html">Alt Madde 03</A></DIV>
<DIV><A TARGET="_new" HREF="14.html">Alt Madde 04</A></DIV>
<DIV><A TARGET="_new" HREF="15.html">Alt Madde 05</A></DIV>
</DIV>

<DIV CLASS="clsMenu" ID="divMenu03">
<DIV CLASS="clsMenuAra"></DIV>
<DIV><A TARGET="_new" HREF="21.html">Alt Madde 01</A></DIV>
<DIV><A TARGET="_new" HREF="22.html">Alt Madde 02</A></DIV>
<DIV><A TARGET="_new" HREF="23.html">Alt Madde 03</A></DIV>
</DIV>
Menülerin isimlerini kendinize göre değiştirebilir, menü ekleyebilir, alt menü ekleyebilir ya da silebilirsiniz.
<BODY> kodları arasına koyduğunuz kodlarda istediğiniz gibi değişiklikler yapabilirsiniz.





Yazan: Yorum:
samil
Üye

Kayıt Tarihi: 06.06.2007
Yorumlar: 1
süper

çok sağolun arkadaşlar site süper bilgiler süper sağolun varolun
11.06.2007 22:25 Offline samil mehmetsamil838 at hotmail.com
atilla1976
Üye

Kayıt Tarihi: 07.05.2007
Yorumlar: 1
güzel çalışma

bu güzel paylaşım için teşekkür ederim. benim bir sorum olacak bu menulerin pozisyonunu nasıl değiştirebilirim mesela sayfaya ortalamak gibi bu konuda bilgi verirseniz sevinirim... iyi çalışmalar dilerim
14.05.2007 09:43 Offline atilla1976 atilla1976 at hotmail.com
gulay60
Üye

Kayıt Tarihi: 26.04.2007
Yorumlar: 1
tşk

Bende bu menüyü okulumuzun sitesini hazırlarken kullandım.Çok teşekkür ederim.Elinize sağlık
01.05.2007 16:35 Offline gulay60 gulay60 at gmail.com
yahyasonmez
Üye

Kayıt Tarihi: 05.03.2007
Yorumlar: 1
güzel

Güzel bi paylaşım olmuş eline sağlık.
16.03.2007 17:35 Offline yahyasonmez yahyasonmez at gmail.com
alpa31
Üye

Kayıt Tarihi: 09.03.2007
Yorumlar: 2
saol

çok teşekür ederim arkadaş
11.03.2007 16:55 Offline alpa31 sifrele_ at hotmail.com
saleeh19
Üye

Kayıt Tarihi: 26.01.2007
Yorumlar: 1
thAnks

eyw hocam saolsn.
26.01.2007 13:14 Offline saleeh19 shine_of_lucifer at hotmail.com
cavidmusa
Üye

Kayıt Tarihi: 17.10.2006
Yorumlar: 1
Tesekkurler

Allah razi olsun kardes.ihtiyac vardi boyle bir scripte.Tesekkur ederim.
17.10.2006 09:01 Offline cavidmusa cavidmusa at box.az

RSS Feed: CSS ile Açılır Menu (Dersler)

Google
 
Editörlerimiz | Link Bannerlarımız | Reklam | Site Amacı | Sık Sorulan Sorular | Yasal Uyarı & Kullanım Şartları
Sizden Gelenler | Site Haritası | Dosyalar