lostyazilim
tr.link

İkinci CSS Menü Denemem ?!

15 Mesajlar 2.680 Okunma
acebozum
tr.link

IBRA IBRA Nothing Kullanıcı
  • Üyelik 17.09.2013
  • Yaş/Cinsiyet 26 / E
  • Meslek Öğrenci
  • Konum Ankara
  • Ad Soyad İ** S**
  • Mesajlar 716
  • Beğeniler 441 / 136
  • Ticaret 7, (%100)


Evet arkadaşlar, hayatımda ikinci defa CSS ve HTML ile ilgili kodları tamamen bana ait bir menü yaptım :) Benim hoşuma gitti umarım sizinde hoşunuza gider.

CSS
#menum {
text-align:center;
margin:10px;
padding:2px;
font-family:Ubuntu;
font-size: 15px;
border-radius:25px;
}

#menum li {
display:-webkit-inline-box;
padding:10px;
background-color: #313131;
width:70px;
box-shadow: rgb(100,100,100) 0px 0px 3px;
color:white;
border-radius: 5px;
}

#menum li:hover {
background-color: #e24545;
}

#menum li:active {
background-color:#2e83ff;
}

#menum li a {
color:white;
text-decoration:none;
}


HTML


Demo : http://codepen.io/ibrasancar/pen/wJzKe

Kaynak: http://www.ibrasancar.com/ikinci-css-menu-denemem.html
 

 

wmaraci
reklam

JackkerL JackkerL WM Aracı Kullanıcı
  • Üyelik 01.05.2013
  • Yaş/Cinsiyet 27 / E
  • Meslek Öğrenci
  • Konum İstanbul Avrupa
  • Ad Soyad O** A**
  • Mesajlar 1868
  • Beğeniler 219 / 526
  • Ticaret 16, (%100)
http://tympanus.net/Development/CreativeLinkEffects/

Kap ilhamı :) Bende kendim yaptığım zamanlar böyle şeyler yapıyorum,ama buralardan bakıp ortaya karışık yapıyorum veya daha fantastik şeyler çıkıyor :)
IBRA

kişi bu mesajı beğendi.

IBRA IBRA Nothing Kullanıcı
  • Üyelik 17.09.2013
  • Yaş/Cinsiyet 26 / E
  • Meslek Öğrenci
  • Konum Ankara
  • Ad Soyad İ** S**
  • Mesajlar 716
  • Beğeniler 441 / 136
  • Ticaret 7, (%100)

JackkerL adlı üyeden alıntı

http://tympanus.net/Development/CreativeLinkEffects/

Kap ilhamı :) Bende kendim yaptığım zamanlar böyle şeyler yapıyorum,ama buralardan bakıp ortaya karışık yapıyorum veya daha fantastik şeyler çıkıyor :)

Müthiş menü stilleri :) Sağol hocam deniyeceğim..
 

 

JackkerL JackkerL WM Aracı Kullanıcı
  • Üyelik 01.05.2013
  • Yaş/Cinsiyet 27 / E
  • Meslek Öğrenci
  • Konum İstanbul Avrupa
  • Ad Soyad O** A**
  • Mesajlar 1868
  • Beğeniler 219 / 526
  • Ticaret 16, (%100)

IBRA adlı üyeden alıntı

Müthiş menü stilleri :) Sağol hocam deniyeceğim..


Dahasıda var,bu site benim takip ettiğim bir site css üzerine güzel çalışmaları var,yani böyle siteleri takip etmek çok faydalı oluyor.Öneririm bu siteyi yer imlerine ekle,ufku açıyor :)

Bu arada blog çok orjinal,özgün.Konu'ya ait resimleri bile kendin yapıyorsun,başarılı.
 

 

wmaraci
wmaraci

IBRA IBRA Nothing Kullanıcı
  • Üyelik 17.09.2013
  • Yaş/Cinsiyet 26 / E
  • Meslek Öğrenci
  • Konum Ankara
  • Ad Soyad İ** S**
  • Mesajlar 716
  • Beğeniler 441 / 136
  • Ticaret 7, (%100)

JackkerL adlı üyeden alıntı

Dahasıda var,bu site benim takip ettiğim bir site css üzerine güzel çalışmaları var,yani böyle siteleri takip etmek çok faydalı oluyor.Öneririm bu siteyi yer imlerine ekle,ufku açıyor :)

Bu arada blog çok orjinal,özgün.Konu'ya ait resimleri bile kendin yapıyorsun,başarılı.

Siteyi çoktan yer imlerine ekledim bile :)
Yorum için ayrıca teşekkür ederim.
 

 

KaanCelik KaanCelik WM Aracı Kullanıcı
  • Üyelik 19.01.2013
  • Yaş/Cinsiyet 32 / E
  • Meslek Web Developer
  • Konum İstanbul Avrupa
  • Ad Soyad ** **
  • Mesajlar 142
  • Beğeniler 88 / 25
  • Ticaret 4, (%100)
#menum li:hover {
background-color: #e24545;
transition: background-color 1s;
}

böyle daha hoş olur
 

 

IBRA IBRA Nothing Kullanıcı
  • Üyelik 17.09.2013
  • Yaş/Cinsiyet 26 / E
  • Meslek Öğrenci
  • Konum Ankara
  • Ad Soyad İ** S**
  • Mesajlar 716
  • Beğeniler 441 / 136
  • Ticaret 7, (%100)

Kaan Çelik adlı üyeden alıntı

#menum li:hover {
background-color: #e24545;
transition: background-color 1s;
}

böyle daha hoş olur

Yeni yeni başladım emin olun o kodu bilmiyorum denemelik koydum hakkatten müthiş oldu :)
 

 

Onur89TR Onur89TR Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 04.12.2011
  • Yaş/Cinsiyet 35 / E
  • Meslek .
  • Konum İzmir
  • Ad Soyad ** **
  • Mesajlar 2376
  • Beğeniler 704 / 791
  • Ticaret 1, (%100)
Başarılı. Üçüncüsü iç içe menü olsun lütfen. :) Arkadaşlarımızın da işine yarar böylece.
 

 

IBRA IBRA Nothing Kullanıcı
  • Üyelik 17.09.2013
  • Yaş/Cinsiyet 26 / E
  • Meslek Öğrenci
  • Konum Ankara
  • Ad Soyad İ** S**
  • Mesajlar 716
  • Beğeniler 441 / 136
  • Ticaret 7, (%100)

Onur89TR adlı üyeden alıntı

Başarılı. Üçüncüsü iç içe menü olsun lütfen. :) Arkadaşlarımızın da işine yarar böylece.

Tamamdır :) Valla elimden geleni yapıyorum artık..
 

 

ogzhntr ogzhntr WM Aracı Kullanıcı
  • Üyelik 03.03.2013
  • Yaş/Cinsiyet 31 / E
  • Meslek Elektrik - Elektronik Tekniker
  • Konum Diğer
  • Ad Soyad O** E**
  • Mesajlar 1858
  • Beğeniler 89 / 532
  • Ticaret 2, (%100)
tutorialzine.com bir tanede ben paylaşayım :)
IBRA

kişi bu mesajı beğendi.

Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al