• 14-02-2014, 16:42:51
    #1
    bir menü satın aldım. ancak menüde active özeliği yok.
    tıkladıktan sonra açılan sayfada aktif olarak tıklanan menün görünmesini istiyorum.

    ücretli yardmcı olabilecek iletişeim geçsin lütfen.

    skype: clickreklam
  • 14-02-2014, 21:37:37
    #2
    buddy adlı üyeden alıntı: mesajı görüntüle
    bir menü satın aldım. ancak menüde active özeliği yok.
    tıkladıktan sonra açılan sayfada aktif olarak tıklanan menün görünmesini istiyorum.

    ücretli yardmcı olabilecek iletişeim geçsin lütfen.

    skype: clickreklam

    Hocam Css kodlar içinde :hover bölümünü bulun olduğu gibi aynısını kopyalayıp yapıştırın. Daha sonra bu kopyaladığınız kodlarda :hover yerine .active yada .tiklanmis olarak değiştirin. :active tıklandığında yani mouse ile basılı tutulduğunda görür. Sizin bahsettiğiniz için active diye bir özellik kullanmanıza gerek yok. Sadece yeni bir css sınıfı oluşturarak bunu yapabilirsiniz.

    Burada kod paylaşmadığınız için rastgele css sınıf yazmam gerekiyor.
    Örnek hover kodunuz yani mouse üzerine gelince linklerin değişmesini sağlayan kod.

    .menubutonu:hover {
    background-color:#fff;
    }

    sizin yapmanız gereken bu kodu bulup kopyala yapıştır yaparak şu şekilde kullanmak.

    .menubutonu .secili {
    background-color:#fff;
    }

    Örnek html menü kodunuz şeklinde varsayalım.
    <li><a href="index.html">Anasayfa</a></li>
    <li><a href="index.html">forum</a></li>
    <li><a href="index.html">chat</a></li>
    <li><a href="index.html">katalog</a></li>


    Anasayfa linkine tıklandığında seçili durmasını istiyorsanız bu şekilde:
    <li><a href="index.html" class="secili">Anasayfa</a></li>
    <li><a href="index.html">forum</a></li>
    <li><a href="index.html">chat</a></li>
    <li><a href="index.html">katalog</a></li>

    Forum kategorisinde seçili durmasını istiyorsanız bu şekilde:
    <li><a href="index.html">Anasayfa</a></li>
    <li><a href="index.html" class="secili">forum</a></li>
    <li><a href="index.html">chat</a></li>
    <li><a href="index.html">katalog</a></li>

    Yapmanız gereken her sayfa linkine class="secili" kodunu eklemek

    Bu tür konuları anlatmak bana güç geliyor umarım doğru bir şekilde anlatabildim nasıl yapacağınızı.
  • 15-02-2014, 21:29:27
    #3
    kardeşim çok güzel açıklamışsın. dün skypeden bir kaç arkadaş yardımcı oldu. yazmayı unutmuşum. ancak yazdıkların başkaları için faydalı olacaktır. eline sağlık

    Mintik adlı üyeden alıntı: mesajı görüntüle
    Hocam Css kodlar içinde :hover bölümünü bulun olduğu gibi aynısını kopyalayıp yapıştırın. Daha sonra bu kopyaladığınız kodlarda :hover yerine .active yada .tiklanmis olarak değiştirin. :active tıklandığında yani mouse ile basılı tutulduğunda görür. Sizin bahsettiğiniz için active diye bir özellik kullanmanıza gerek yok. Sadece yeni bir css sınıfı oluşturarak bunu yapabilirsiniz.

    Burada kod paylaşmadığınız için rastgele css sınıf yazmam gerekiyor.
    Örnek hover kodunuz yani mouse üzerine gelince linklerin değişmesini sağlayan kod.

    .menubutonu:hover {
    background-color:#fff;
    }

    sizin yapmanız gereken bu kodu bulup kopyala yapıştır yaparak şu şekilde kullanmak.

    .menubutonu .secili {
    background-color:#fff;
    }

    Örnek html menü kodunuz şeklinde varsayalım.
    <li><a href="index.html">Anasayfa</a></li>
    <li><a href="index.html">forum</a></li>
    <li><a href="index.html">chat</a></li>
    <li><a href="index.html">katalog</a></li>


    Anasayfa linkine tıklandığında seçili durmasını istiyorsanız bu şekilde:
    <li><a href="index.html" class="secili">Anasayfa</a></li>
    <li><a href="index.html">forum</a></li>
    <li><a href="index.html">chat</a></li>
    <li><a href="index.html">katalog</a></li>

    Forum kategorisinde seçili durmasını istiyorsanız bu şekilde:
    <li><a href="index.html">Anasayfa</a></li>
    <li><a href="index.html" class="secili">forum</a></li>
    <li><a href="index.html">chat</a></li>
    <li><a href="index.html">katalog</a></li>

    Yapmanız gereken her sayfa linkine class="secili" kodunu eklemek

    Bu tür konuları anlatmak bana güç geliyor umarım doğru bir şekilde anlatabildim nasıl yapacağınızı.
  • 16-02-2014, 02:45:01
    #4
    buddy adlı üyeden alıntı: mesajı görüntüle
    kardeşim çok güzel açıklamışsın. dün skypeden bir kaç arkadaş yardımcı oldu. yazmayı unutmuşum. ancak yazdıkların başkaları için faydalı olacaktır. eline sağlık
    Sizinde hocam.