• 21-07-2014, 16:10:03
    #1
    Üyeliği durduruldu
    http://www.alobilethatti.com/ sitesinde ki menunun altında havayolu firmalarının tıklanabilir bir menusu var onu nasıl yapabilirim.

    html ve css olarak
  • 21-07-2014, 16:32:20
    #2
    Üyeliği durduruldu
    jquery diye biliyorum hazır menüler var bu şekilde düzenleyerek yapabilirsiniz ancak birazda php bilgisi gerekiyor
  • 21-07-2014, 17:01:47
    #3
    Üyeliği durduruldu
    EngLand adlı üyeden alıntı: mesajı görüntüle
    jquery diye biliyorum hazır menüler var bu şekilde düzenleyerek yapabilirsiniz ancak birazda php bilgisi gerekiyor
    az bilgim mevcut ornek varmıdır acaba ?
  • 21-07-2014, 17:18:10
    #4
    CSS Sprite ile resimleri yerleştirmişler, yapımı o kadar zor bir şey değil. Siz doğrudan şirketlerin logolarını ekleyerek link verebilirsiniz. jQuery gerek yok
  • 21-07-2014, 17:24:26
    #5
    Üyeliği durduruldu
    moss218 adlı üyeden alıntı: mesajı görüntüle
    CSS Sprite ile resimleri yerleştirmişler, yapımı o kadar zor bir şey değil. Siz doğrudan şirketlerin logolarını ekleyerek link verebilirsiniz. jQuery gerek yok
    yapım tekniği hakkıdna bilginiz yokmu hiç ornek yani
  • 21-07-2014, 17:39:04
    #6
    Nahitam adlı üyeden alıntı: mesajı görüntüle
    yapım tekniği hakkıdna bilginiz yokmu hiç ornek yani
    Bu örnekle aynı mantıkta yapılmış o menüde.
  • 26-07-2014, 00:37:13
    #7
    Css Sprite ile yapabilirsin.

    sprite kullanmadanda yapabilirsin ama sprite daha iyi olucaktır

    http://www.alobilethatti.com/images/airlineBar.png

    Firmalar bir resim ile toplu halde geliyor.

    ayrı ayrı yaparsan 12 tane firma logusunu ayırıcaksın.

    ilk önce sprite ile bir kaç çalışma yap kaparsın basit zaten.

    daha sonra css hover olayını yapıcaksın yani üstüne gelince gelicek resim. kenarlara çizgi gelmesi yani.


    örnek vereyim

    sprite yaptın diyelim

    HTML:

    <div class="thy"></div>

    CSS:

    .thy{

    background-position:35px 0px;
    background-image:firmalar.png;
    sprite yaptıktan sonra thy resminin nerde olduğuna dair kordinat veriyorsun.

    firmalar.jpg in 35px kordinatında ki alanı çekiyorsun.

    daha sonra

    etrafının çizgi olması için yani üstüne gelince çıkıcak resmi

    .thy:hover{
    background-position:65px 0px;
    background-image:firmalar.png;
    }

    değerleri salladım hocam mantığını kavra diye.

    sprite ve hover olayını öğrenirsen yaparsın çok basit zorlanmassın

    iyi çalışmalar..