• 12-01-2014, 00:32:04
    #1
    Üyeliği durduruldu
    Arkadaşlar merhaba WP sayfada sayfalar içinde 50 60 tane linkin yer aldığı bir link listesi koymak istiyorum.

    Fakat bu fazla yer kapladığından açılır kapanır yada kayar liste gibi bir yol ile ziyaretçiyi o sayfaya göndermek istiyorum.

    Aşğıdaki anlatımdan sanırım anlatmayı becerebilmişimdir.

    Açıklama > Gideceği sayfa Linki
    Açıklama > Gideceği sayfa Linki
    Açıklama > Gideceği sayfa Linki
    Açıklama > Gideceği sayfa Linki

    Teşekkürler..
  • 12-01-2014, 00:37:17
    #2
    <form name="form1">
    <select name="menu1" id="menu1">
    <option value="http://www.espn.com">ESPN</option>
    <option value="http://www.cnn.com">CNN</option>
    <option value="http://www.abcnews.com">ABC</option>
    <option value="http://www.cbsnews.com">CBS</option>
    <option value="http://www.foxnews.com">FOX</option>
    </select>
    <script type="text/javascript">
     var urlmenu = document.getElementById( 'menu1' );
     urlmenu.onchange = function() {
          window.open(  this.options[ this.selectedIndex ].value );
     };
    </script>
    Böyle bir şey aradığınız ?
  • 12-01-2014, 00:50:09
    #3
    Üyeliği durduruldu
    deniyeyim bakalım..

    --R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 00:50:09 -->-> Daha önceki mesaj 00:41:53 --

    Sayı arttığı zaman sabit değilde kayan bi hali olsa süper olabilir bide genişliği ile oyanama şansımız varmı.

    Hatta sabit ölçüleri belirlenebilir bir tablo açılsa linkler aşağı yukarı kaydırılabilse tıklandığındada sayfaya gitse tam benim istediğim kod..
  • 12-01-2014, 00:54:21
    #4
    <option value="http://www.sitesite.com">fşgkflgkfgklfgklfkglfkglfkglfkgl fkglfkg</option>

    yazdığınızda "fşgkflgkfgklfgklfkglfkglfkglfkglfkglfkg" yazı kadar genişlemesi lazım.

    Biraz daha araştırayım, bulursam yazarım
  • 12-01-2014, 01:02:46
    #5
    Üyeliği durduruldu
    teşekkür ederim..
  • 12-01-2014, 01:03:42
    #6
    Tamamdır şimdi bulduğum iyi..

    Linkleri ekle ;

    kullanım ;
    <label for="trigger">Click me!</label>
    <input type="checkbox" id="trigger" name="trigger"/>
    <ul>
        <li><a href="">Link 1</a></li>
        <li><a href="">Link 2</a></li>
        <li><a href="">Link 3</a></li>
    </ul>
    css
    ul {
        list-style-type: none;
        padding: 0;
        width: 200px;
        border: 1px solid red;
        display: none;
    }
    
    input[name=trigger] {
        display: none;
    }
    
    ul li a {
        display: block;
    }
    
    label {
        cursor: pointer;
    }
    input[name="trigger"]:checked + ul {
        display: block;
    }

    Olay şu ;

    Click me! yazısını tıklayınca aşağıya doğru linkler açılıyor ve okuyucu istediği linke tıklayarak o sayfaya gidiyor.

    Demo : http://jsfiddle.net/qrQR8/1/
    Tablo içinde Click me! yazısına tıkla