lostyazilim
tr.link

CSS Yan Yana Listeleme Hover Verme

12 Mesajlar 8.453 Okunma
acebozum
tr.link

dlkrnugur dlkrnugur JS Coder Kullanıcı
  • Üyelik 20.11.2011
  • Yaş/Cinsiyet 28 / E
  • Meslek PHP Coder
  • Konum Muğla
  • Ad Soyad U** D**
  • Mesajlar 1069
  • Beğeniler 210 / 209
  • Ticaret 41, (%98)

Şimdide şunu sormak istiyorum. Daha doğrusu sizden bir şey istiyorum. Aşağıdaki resmi CSS'e döküp, paylaşabilir misiniz?

Bir yer varda, onun için. :)

 

 

wmaraci
reklam

Berkay Berkay WM Aracı Kullanıcı
  • Üyelik 29.04.2011
  • Yaş/Cinsiyet 30 / E
  • Meslek Wordpress Geliştirici
  • Konum Mersin
  • Ad Soyad B** G**
  • Mesajlar 1863
  • Beğeniler 90 / 337
  • Ticaret 27, (%100)
li'lere float:left ver sola doğru yaslar hepsini sonrada arkaplan özelliklerini yap yeter bu kadar al sana aynısı :)

Ek Olarak: İndirme Linki : http://www.berkaygeldec.com/dosyalar/ugur-menu.zip
Demo : http://www.berkaygeldec.com/onizleme/ugur-menu
 

 

dlkrnugur dlkrnugur JS Coder Kullanıcı
  • Üyelik 20.11.2011
  • Yaş/Cinsiyet 28 / E
  • Meslek PHP Coder
  • Konum Muğla
  • Ad Soyad U** D**
  • Mesajlar 1069
  • Beğeniler 210 / 209
  • Ticaret 41, (%98)
Çok teşekkür ederim Berkay, bir şey daha isteyebilir miyim? :)

Mesela login'e tıklandığında hover login üzerinde kalsın.
 

 

ErenKeskin ErenKeskin Girişimci, Front-end Developer Kullanıcı
  • Üyelik 11.09.2011
  • Yaş/Cinsiyet 29 / E
  • Meslek Elektrik-Elektronik Mühendisi
  • Konum Eskişehir
  • Ad Soyad E** K**
  • Mesajlar 1223
  • Beğeniler 243 / 336
  • Ticaret 2, (%100)
Wordpress'te yapacaksan menüleme sistemini kullan ve sanırım current-menu-item şeklinde bir sınıf atıyo kendisi. O sınıfı hover'ın kodlarını yazarak düzenleyebilirsin.
 

 

herenkeskin.com - Elektrik ve Elektronik Mühendisi - Gömülü Sistemler üzerine çalışıyorum.
wmaraci
wmaraci

dlkrnugur dlkrnugur JS Coder Kullanıcı
  • Üyelik 20.11.2011
  • Yaş/Cinsiyet 28 / E
  • Meslek PHP Coder
  • Konum Muğla
  • Ad Soyad U** D**
  • Mesajlar 1069
  • Beğeniler 210 / 209
  • Ticaret 41, (%98)
WordPress değil. current-menu-item deneyeyim. Sağol. :)
 

 

AliCan23 AliCan23 Teknodünya.com Kullanıcı
  • Üyelik 27.09.2011
  • Yaş/Cinsiyet 27 / E
  • Meslek Öğrenci
  • Konum İstanbul Avrupa
  • Ad Soyad ** **
  • Mesajlar 681
  • Beğeniler 13 / 63
  • Ticaret 3, (%100)
Wordpress te kullanmayacaksan li lere :active eklemelisin bu şekilde tıkladığında hover onların üzerinde kalır şöyle yani

menu li:active {background: #FFF} gibi
 

 

Teknodünya.com | Teknoloji Gezegeni

dlkrnugur dlkrnugur JS Coder Kullanıcı
  • Üyelik 20.11.2011
  • Yaş/Cinsiyet 28 / E
  • Meslek PHP Coder
  • Konum Muğla
  • Ad Soyad U** D**
  • Mesajlar 1069
  • Beğeniler 210 / 209
  • Ticaret 41, (%98)

Ali Can adlı üyeden alıntı

Wordpress te kullanmayacaksan li lere :active eklemelisin bu şekilde tıkladığında hover onların üzerinde kalır şöyle yani

menu li:active {background: #FFF} gibi


Bu şekilde üzerinde kalmıyor. Sadece tıklanınca değişiklik oluyor.
 

 

ErenKeskin ErenKeskin Girişimci, Front-end Developer Kullanıcı
  • Üyelik 11.09.2011
  • Yaş/Cinsiyet 29 / E
  • Meslek Elektrik-Elektronik Mühendisi
  • Konum Eskişehir
  • Ad Soyad E** K**
  • Mesajlar 1223
  • Beğeniler 243 / 336
  • Ticaret 2, (%100)
Tıklandığında giden linki belirleyip ona göre class vermen gerek. Örneğin CSS ile .aktif sınfıını düzenlersin ve HTML kodlarının içerisine de ufak bi jQuery kodu yazarsın.


$(function(){
$("li").click(function(){

var sayi= $(this).index();
$("li:eq("+sayi+")").addClass("aktif");
});
});


yaparsın.
 

 

herenkeskin.com - Elektrik ve Elektronik Mühendisi - Gömülü Sistemler üzerine çalışıyorum.

dlkrnugur dlkrnugur JS Coder Kullanıcı
  • Üyelik 20.11.2011
  • Yaş/Cinsiyet 28 / E
  • Meslek PHP Coder
  • Konum Muğla
  • Ad Soyad U** D**
  • Mesajlar 1069
  • Beğeniler 210 / 209
  • Ticaret 41, (%98)

ErenKeskin adlı üyeden alıntı

Tıklandığında giden linki belirleyip ona göre class vermen gerek. Örneğin CSS ile .aktif sınfıını düzenlersin ve HTML kodlarının içerisine de ufak bi jQuery kodu yazarsın.


$(function(){
$("li").click(function(){

var sayi= $(this).index();
$("li:eq("+sayi+")").addClass("aktif");
});
});


yaparsın.


Tamamdır Eren, jQuery son çözümdü zaten. :)
 

 

smhayhan smhayhan WM Aracı Kullanıcı
  • Üyelik 25.12.2011
  • Yaş/Cinsiyet 30 / E
  • Meslek Front/Back-end Developer
  • Konum Ankara
  • Ad Soyad ** **
  • Mesajlar 96
  • Beğeniler 21 / 35
  • Ticaret 0, (%0)

ErenKeskin adlı üyeden alıntı

Tıklandığında giden linki belirleyip ona göre class vermen gerek. Örneğin CSS ile .aktif sınfıını düzenlersin ve HTML kodlarının içerisine de ufak bi jQuery kodu yazarsın.


$(function(){
$("li").click(function(){

var sayi= $(this).index();
$("li:eq("+sayi+")").addClass("aktif");
});
});


yaparsın.



$("li").click(function(){
$(this).addClass('aktif');
});


daha iyi bir kullanım olmaz mıydı?

bunu inceleyin

http://jsfiddle.net/4rvHd/
Sinan olkunmustafa

kişi bu mesajı beğendi.

wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al