Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj19.04.2013, 23:18 (UTC)    
Mesaj konusu: Açılır menü kodu yardım !!!

http://l1304.hizliresim.com/18/n/m83lv.jpg

Merhaba arkadaşlar. yukarıdaki resimde derdimi az çok anlattım. menünün şeklini grafiğini bozmadan, herehangi bir seçeneğine gelip tıkladığımda, altında başka bi menü açılmasını istiyorum. bunun için kolay bi kod var mı? örn;

-Sayfa
Sayfa(alt1)
Sayfa(alt2)
Sayfa(alt3)

gibi. ama tıklayınca çıkıcak anlamışsınızdır umarım. bi yardım debilirseniz çok sevinirim teşekkürler.
Mesaj19.04.2013, 23:27 (UTC)    
Mesaj konusu:

menü kodu aşağıdaki arkadaşlar bi yardım edin lütfen



Kod:
<div class="ic_sag">
<!--Kategoriler-->
<div class="sag_alan">
<h1 class="sag_baslik">» Kategoriler</h1>
<ul>
<li><a href="#url">• Benden bişiler</a></li>
<li><a href="#url">• Ajax</a></li>
<li><a href="#url">• PHP</a></li>
<li><a href="#url">• MySQL</a></li>
<li><a href="#url">• CSS</a></li>
<li><a href="#url">• HTML</a></li>
<li><a href="#url">• Web tasarım</a></li>
<li><a href="#url">• SEO</a></li>
</ul>
</div>
<!--Kategoriler##-->
<!--En son eklenen konular-->
<div class="sa2">
<h1 class="sb2">» En son eklenen konular</h1>
<ul>
<li><a href="konu.html">• Web tasarim dersleri - 1</a></li>
<li><a href="konu.html">• PHP ile resime yazi yazma</a></li>
<li><a href="konu.html">• Jquery ile slider yapimi</a></li>
<li><a href="konu.html">• Web tasarim dersleri - 2</a></li>
<li><a href="konu.html">• CSS’de border fonksiyonu</a></li>
<li><a href="konu.html">• Web tasarim dersleri - 3</a></li>
<li><a href="konu.html">• Ajax ile veri iletisimi</a></li>
<li><a href="konu.html">• Siteyi SEO’lama</a></li>
</ul>
</div>
Mesaj20.04.2013, 02:44 (UTC)    
Mesaj konusu: Re: Açılır menü kodu yardım !!!

ffullizle yazmış:
http://l1304.hizliresim.com/18/n/m83lv.jpg

Merhaba arkadaşlar. yukarıdaki resimde derdimi az çok anlattım. menünün şeklini grafiğini bozmadan, herehangi bir seçeneğine gelip tıkladığımda, altında başka bi menü açılmasını istiyorum. bunun için kolay bi kod var mı? örn;

-Sayfa
Sayfa(alt1)
Sayfa(alt2)
Sayfa(alt3)

gibi. ama tıklayınca çıkıcak anlamışsınızdır umarım. bi yardım debilirseniz çok sevinirim teşekkürler.


Bu işini görür sanırım.

Kod:
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
ddsmoothmenu.init({
 mainmenuid: "smoothmenu1",
 orientation: 'h',
 classname: 'ddsmoothmenu',
 
 contentsource: "markup"
})
</script><style>
.ddsmoothmenu {
    width: 170px;
    background: #454545;
    vertical-align: middle;
    height: 33px;
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
 border-bottom: 2px solid #778;}

.ddsmoothmenu ul {
    z-index: 100;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.ddsmoothmenu ul li {
    position: relative;
    display: inline;
    float: left;
}

.ddsmoothmenu ul li a {
    display: block;
    color: white;
    padding: 8px 10px;
    color: #666666;
    text-decoration: none;
    background: #454545;
}

* html .ddsmoothmenu ul li a {
    display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {
    color: white;
}

.ddsmoothmenu ul li a.selected {
    background: black;
    color: white;}
.ddsmoothmenu ul li:hover {width: 170px;}

.ddsmoothmenu ul li a:hover {
    background: black;
    color: white;
}

.ddsmoothmenu ul li ul {
    position: absolute;
    left: 0;
    display: none;
    visibility: hidden;
}

.ddsmoothmenu ul li ul li {
    display: list-item;
    float: none;
top: 2px;}

.ddsmoothmenu ul li ul li ul {
    top: 0;
}

.ddsmoothmenu ul li ul li a {
    font: normal 13px Verdana;
    width: 160px;
    padding: 5px;
    margin: 0;
    border-top-width: 0;
    border-bottom: 1px solid gray;
}

* html .ddsmoothmenu {
    height: 1%;
}

.downarrowclass {
    position: absolute;
    top: 12px;
    right: 7px;
}

.rightarrowclass {
    position: absolute;
    top: 6px;
    right: 5px;
}

.ddshadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background: silver;
}

.toplevelshadow {
    opacity: 0.8;
}
</style> 
<div  style="padding: 10px 0px 0px 5px;  font-family: Verdana;
    font-size: 14px; font-weight: bold; color: #ccc;width: 165px;
    background: #454545; vertical-align: middle;
    height: 30px;  border-bottom: 2px solid #778;">>> KATAGORİLER</div>
<div id="smoothmenu1" class="ddsmoothmenu">
     <ul>
       
        <li>
            <a href="#">ÖRNEK SAYFA</a>
            <ul>
                <li>
                    <a href="#">Örnek Sayfa 1</a>
                </li>
                <li>
                    <a href="#">Örnek Sayfa 2</a>
                </li>
                <li>
                    <a href="#">Örnek Sayfa 3</a>
                </li>
                <li>
                    <a href="#">Örnek Sayfa 4</a>
                </li>

            </ul>
        </li></ul>
</div>
<div id="smoothmenu1" class="ddsmoothmenu">
     <ul>
       
        <li>
            <a href="#">ÖRNEK ÇALIŞMA</a>
            <ul>
                <li>
                    <a href="#">Örnek Çalışma 1</a>
                </li>
                <li>
                    <a href="#">Örnek Çalışma 2</a>
                </li>
                <li>
                    <a href="#">Örnek Çalışma 3</a>
                </li>
                <li>
                    <a href="#">Örnek Çalışma 4</a>
                </li>

            </ul>
        </li></ul>
</div>
<div id="smoothmenu1" class="ddsmoothmenu">
     <ul>
       
        <li>
            <a href="#">SÜPER LİG</a>
            <ul>
                <li>
                    <a href="#">Galatasaray</a>
                </li>
                <li>
                    <a href="#">Fenerbahçe</a>
                </li>
                <li>
                    <a href="#">Beşiktaş</a>
                </li>
                <li>
                    <a href="#">Trabzonspor</a>
                </li>

            </ul>
        </li></ul>
</div>
<div id="smoothmenu1" class="ddsmoothmenu">
     <ul>
       
        <li>
            <a href="#">DERSLERİM</a>
            <ul>
                <li>
                    <a href="#">Matematik</a>
                </li>
                <li>
                    <a href="#">Biyoloji</a>
                </li>
                <li>
                    <a href="#">Edebiyat</a>
                </li>
                <li>
                    <a href="#">Tarih</a>
                </li>

            </ul>
        </li></ul>
</div>
<div id="smoothmenu1" class="ddsmoothmenu">
     <ul>
       
        <li>
            <a href="#">ÖRNEK BAŞLIK</a>
            <ul>
                <li>
                    <a href="#">Örnek Başlık 1</a>
                </li>
                <li>
                    <a href="#">Örnek Başlık 2</a>
                </li>
                <li>
                    <a href="#">Örnek Başlık 3</a>
                </li>
                <li>
                    <a href="#">Örnek Başlık 4</a>
                </li>

            </ul>
        </li></ul>
</div>
<div id="smoothmenu1" class="ddsmoothmenu">
     <ul>
       
        <li>
            <a href="#">MİLLİ BAYRAMLAR</a>
            <ul>
                <li>
                    <a href="#">Cumhuriyet Bayramı</a>
                </li>
                <li>
                    <a href="#">Zafer Bayramı</a>
                </li>
                <li>
                    <a href="#">Gen. ve Spor Bayramı</a>
                </li>
                <li>
                    <a href="#">23 Nisan Bayramı</a>
                </li>

            </ul>
        </li></ul>
</div>


Not: Kod alıntıdır. Yatay açılır menü idi. Ben istediğin şekilde uyarlamaya çalışdım. Orijinali böyleydi:



Böyle oldu:



Resimde çıkmadı, fakat her başlığın alt başlıkları var. Maus üzerine gelince aşağı açılır.. Örnek: Süperlig alt başlıkları: Galatasaray, Fenerbahçe; Beşiktaş, Trabzonspor gibi.
______________
Mesaj20.04.2013, 12:01 (UTC)    
Mesaj konusu:

grafikleri bozar ama teşekkür ederim ben de biraz oyniyim üzerinde saolasın Smile
Mesaj20.04.2013, 12:17 (UTC)    
Mesaj konusu:

ffullizle yazmış:
grafikleri bozar ama teşekkür ederim ben de biraz oyniyim üzerinde saolasın Smile



Rica ederim. Div katmanlarını ve ölçülerini iyi ayarlarsan bozmaması lazım. Kodu uyarlarken kaç değiştirdim ölçülerini.
______________
Mesaj20.04.2013, 13:21 (UTC)    
Mesaj konusu: menü

Bak bir de aklıma ne geldi. Ben daha önce kullanmıştım. Aşağıdaki resimde kırmızı işaretlediğim yer gibi yapa bilirsin. form option selct menü diye arat zaten her yerde bulursun. Ben kod defterime baktım rastlayamadım. Ama her yerde bulunan bir kod. Eğer isdediğin gibi bir kod bulamazssan bunu da deneye bilirsin artık.

______________
Mesaj20.04.2013, 16:03 (UTC)    
Mesaj konusu:

tamamdır çok teşekkür ederim Smile
Mesaj20.04.2013, 16:32 (UTC)    
Mesaj konusu:

ffullizle yazmış:
tamamdır çok teşekkür ederim Smile

Rica ederim. Yardımcı olabildiysem o bana yeter. Kolay gelsin
______________
Önceki mesajları göster:   


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