lostyazilim
tr.link

menüyü responsive yapma

6 Mesajlar 701 Okunma
acebozum
tr.link

darknov4 darknov4 WM Aracı Kullanıcı
  • Üyelik 06.03.2017
  • Yaş/Cinsiyet 26 / E
  • Meslek Öğrenci
  • Konum KKTC
  • Ad Soyad V** S**
  • Mesajlar 3084
  • Beğeniler 1387 / 910
  • Ticaret 29, (%100)
elimde bir menü var bir türlü responsive hale getiremedim yardım ederseniz çok sevinirim


HTML:



CSS:

.nav ul li{
float:left;
margin-right:10px;
}
.nav ul li a{
z-index:9999;
position: relative;
display:block;
color:#BDBDBD;
font-size:14px;
letter-spacing:.7px;
padding:15px 12px;
}
.nav ul li a:after{
z-index:-1;
content:"";
position:absolute;
width:100%;
height:0%;
bottom:0;
left:0;
background-color: red;
transition:height 150ms;
}
.nav ul li a:hover{
color:#fff;
}
.login ul li a:hover:after{
height: 100%;
}

nav ul {
width:100%;
top:0;
position:fixed;
margin:0;
padding:5px;
background-color:rgba(21,21,21,.65);
height:70px;
}
nav ul li:not(.image){
float:right;
list-style-type:none;
margin:15px 10px 10px 10px;
padding:12.5px;
height:25px;
color:white;
font-size:14px;
font-family: Circular,Helvetica,Arial,sans-serif;
}
nav ul li a {
color:white;
text-decoration:none;
}
nav ul li a.login {
color:rgb(220,220,220);
}
nav ul li:first-child {
float:left;
}
nav ul li.rightend {
margin-right:50px;
}
nav ul li img {
height:40px;
margin:17.5px;
margin-left:75px;
}
nav ul li a {
cursor:pointer;
transition-duration:250ms
}
nav ul li a:hover {
transition-duration:250ms;
color:#1e60d7;
}
nav ul li a div.list-border {
cursor:default;
width:1px;
height:25px;
background-color:white;
margin-top:-5px;
}
 

 

elektronikssl
webimgo

darknov4 darknov4 WM Aracı Kullanıcı
  • Üyelik 06.03.2017
  • Yaş/Cinsiyet 26 / E
  • Meslek Öğrenci
  • Konum KKTC
  • Ad Soyad V** S**
  • Mesajlar 3084
  • Beğeniler 1387 / 910
  • Ticaret 29, (%100)
Güncel
 

 

nozver nozver WM Aracı Kullanıcı
  • Üyelik 12.01.2019
  • Yaş/Cinsiyet 31 / E
  • Meslek Öğrenci
  • Konum Tekirdağ
  • Ad Soyad N** Ö**
  • Mesajlar 271
  • Beğeniler 36 / 81
  • Ticaret 0, (%0)
projenize bootstrap dahil mi ?
 

 

darknov4 darknov4 WM Aracı Kullanıcı
  • Üyelik 06.03.2017
  • Yaş/Cinsiyet 26 / E
  • Meslek Öğrenci
  • Konum KKTC
  • Ad Soyad V** S**
  • Mesajlar 3084
  • Beğeniler 1387 / 910
  • Ticaret 29, (%100)
değil hocam nozver
 

 

wmaraci
wmaraci

wpuzman wpuzman WordPress Developer Kullanıcı
  • Üyelik 13.01.2017
  • Yaş/Cinsiyet 33 / E
  • Meslek Yazılım
  • Konum Trabzon
  • Ad Soyad B** M**
  • Mesajlar 2771
  • Beğeniler 293 / 949
  • Ticaret 33, (%100)
https://jsfiddle.net/na8yhurv/1/
 

 

TEHET TEHET Kullanıcı
  • Üyelik 04.10.2014
  • Yaş/Cinsiyet 32 / E
  • Meslek Tasarımcı
  • Konum Ankara
  • Ad Soyad M** A**
  • Mesajlar 791
  • Beğeniler 96 / 374
  • Ticaret 1, (%100)
https://jsfiddle.net/tehet/Ltf42oqg/32/
 

 

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