Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj22.04.2013, 18:41 (UTC)    
Mesaj konusu: kod düzenleme yardım !!!!!!!!

Selam arkadaşlar. Bi kod buldum aşağı doğru hızlı açılır menü şeklinde resimdeki gibi. http://m1304.hizliresim.com/18/q/mbt4w.jpg Fakat ben bu menüyü alt alta şeklinde "sola doğru" açılır şekilde yapmak istiyorum. Yardım edebilecek olanlar lütfen esirgemezse yardımlarını sevinirim. Kolay gelsin.

Kod:
<script language="Javascript">
function GosterGizle(id,gorunum)
{
document.getElementById(id).style.visibility=gorunum
}
</script>
<table border="0">
    <tbody>
        <tr>
            <td style="cursor:default" onmouseover="GosterGizle('menu_1','visible')" onmouseout="GosterGizle('menu_1','hidden')">MEN&Uuml; 1<br />
            <!-- birinci alt başlık -->
            <div id="menu_1" style="visibility:hidden;position:absolute">
            <table border="0" width="100" style="border:1px solid">
                <tbody>
                    <tr>
                        <td><a href="#">1. İ&Ccedil;ERİK 1</a></td>
                    </tr>
                    <tr>
                        <td><a href="#">1. İ&Ccedil;ERİK 2</a></td>
                    </tr>
                    <tr>
                        <td><a href="#">1. İ&Ccedil;ERİK 3</a></td>
                    </tr>
                    <tr>
                        <td><a href="#">1. İ&Ccedil;ERİK 4</a></td>
                    </tr>
                </tbody>
            </table>
            </div>
            <!-- birinci alt başlık sonu --></td>
            <td style="cursor:default" onmouseover="GosterGizle('menu_2','visible')" onmouseout="GosterGizle('menu_2','hidden')">MEN&Uuml; 2<br />
            <!-- ikinci alt başlık -->
            <div id="menu_2" style="visibility:hidden;position:absolute">
            <table border="0" width="100" style="border:1px solid">
                <tbody>
                    <tr>
                        <td><a href="#">2. İ&Ccedil;ERİK 1</a></td>
                    </tr>
                    <tr>
                        <td><a href="#">2. İ&Ccedil;ERİK 2</a></td>
                    </tr>
                </tbody>
            </table>
            </div>
            <!-- ikinci alt başlık sonu --></td>
            <td style="cursor:default" onmouseover="GosterGizle('menu_3','visible')" onmouseout="GosterGizle('menu_3','hidden')">MEN&Uuml; 3<br />
            <!-- üçüncü alt başlık -->
            <div id="menu_3" style="visibility:hidden;position:absolute">
            <table border="0" width="100" style="border:1px solid">
                <tbody>
                    <tr>
                        <td><a href="#">3. İ&Ccedil;ERİK 1</a></td>
                    </tr>
                    <tr>
                        <td><a href="#">3. İ&Ccedil;ERİK 2</a></td>
                    </tr>
                    <tr>
                        <td><a href="#">3. İ&Ccedil;ERİK 3</a></td>
                    </tr>
                </tbody>
            </table>
            </div>
            <!-- üçüncü alt başlık sonu --></td>
        </tr>
    </tbody>
</table>
Mesaj22.04.2013, 18:43 (UTC)    
Mesaj konusu:

kimse yok muuu
Mesaj22.04.2013, 21:05 (UTC)    
Mesaj konusu: menü kodu

buyur arkadaş
Kod:
<script language="Javascript">
function GosterGizle(id,gorunum)
{
document.getElementById(id).style.visibility=gorunum
}
</script>
<table border="0" align=right>
    <tbody>
        <tr>
            <td style="cursor:default" onmouseover="GosterGizle('menu_1','visible')" onmouseout="GosterGizle('menu_1','hidden')">MEN&Uuml; 1<br />
            <!-- birinci alt başlık -->
            <div id="menu_1" style="visibility:hidden;position:absolute">
            <table border="0" width="100" style="border:1px solid; position: absolute; right: 5px">
                <tbody>
                    <tr>
                        <td><a href="#">1. İ&Ccedil;ERİK 1</a></td>
                    </tr>
                    <tr>
                        <td><a href="#">1. İ&Ccedil;ERİK 2</a></td>
                    </tr>
                    <tr>
                        <td><a href="#">1. İ&Ccedil;ERİK 3</a></td>
                    </tr>
                    <tr>
                        <td><a href="#">1. İ&Ccedil;ERİK 4</a></td>
                    </tr>
                </tbody>
            </table>
            </div>
            <!-- birinci alt başlık sonu --></td>
            </tr><td style="cursor:default" onmouseover="GosterGizle('menu_2','visible')" onmouseout="GosterGizle('menu_2','hidden')">MEN&Uuml; 2<br />
            <!-- ikinci alt başlık -->
            <div id="menu_2" style="visibility:hidden;position:absolute">
            <table border="0" width="100" style="border:1px solid; position: absolute; right: 5px">
                <tbody>
                    <tr>
                        <td><a href="#">2. İ&Ccedil;ERİK 1</a></td>
                    </tr>
                    <tr>
                        <td><a href="#">2. İ&Ccedil;ERİK 2</a></td>
                    </tr>
                </tbody>
            </table>
            </div>
            <!-- ikinci alt başlık sonu --></td>
            </tr><td style="cursor:default" onmouseover="GosterGizle('menu_3','visible')" onmouseout="GosterGizle('menu_3','hidden')">MEN&Uuml; 3<br />
            <!-- üçüncü alt başlık -->
            <div id="menu_3" style="visibility:hidden;position:absolute">
            <table border="0" width="100" style="border:1px solid; position: absolute; right: 5px">
                <tbody>
                    <tr>
                        <td><a href="#">3. İ&Ccedil;ERİK 1</a></td>
                    </tr>
                    <tr>
                        <td><a href="#">3. İ&Ccedil;ERİK 2</a></td>
                    </tr>
                    <tr>
                        <td><a href="#">3. İ&Ccedil;ERİK 3</a></td>
                    </tr>
                </tbody>
            </table>
            </div>
            <!-- üçüncü alt başlık sonu --></td>
        </tr>
    </tbody>
</table>

______________
Önceki mesajları göster:   


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