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
Bu Formdan yapmak istiyorum
6
●416
- 21-07-2014, 17:01:47Üyeliği durdurulduaz bilgim mevcut ornek varmıdır acaba ?EngLand adlı üyeden alıntı: mesajı görüntüle
- 21-07-2014, 17:24:26Üyeliği durdurulduyapım tekniği hakkıdna bilginiz yokmu hiç ornek yanimoss218 adlı üyeden alıntı: mesajı görüntüle
- 21-07-2014, 17:39:04Bu örnekle aynı mantıkta yapılmış o menüde.Nahitam adlı üyeden alıntı: mesajı görüntüle
- 26-07-2014, 00:37:13Css 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..