netbozum
wmaraci reklam

İlk temamı yapmaya başladım ama şu menü beni öldürdü

14 Mesajlar 2.007 Okunma
Toplam 14 mesaj ve 2.007 görüntüleme
acebozum
KaplanBozum

MuhammedBurak MuhammedBurak Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 02.07.2015
  • Yaş/Cinsiyet 28 / E
  • Meslek Öğrenci
  • Konum Adıyaman
  • Ad Soyad M** A**
  • Mesajlar 482
  • Beğeniler 273 / 83
  • Ticaret 0, (%0)
Resimde gördüğünüz gibi sola yaslı ben onu az sağa yaslamak istiyorum ve birde şu menün hover ı düzgün çalışmamakta üzerine gidince yazı alta saydam obje üste gözüküyor.

 

 

wmaraci
reklam

emirhan61 emirhan61 WM Aracı Kullanıcı
  • Üyelik 09.02.2015
  • Yaş/Cinsiyet 38 / E
  • Meslek bilgisayar mühendisi
  • Konum Düzce
  • Ad Soyad E** P**
  • Mesajlar 743
  • Beğeniler 70 / 140
  • Ticaret 29, (%100)
margin-left koduyla biraz soldan iteleyebilirsin. hover kodunuda görmeden bişey diyemem.

kişi bu mesajı beğendi.

MuhammedBurak MuhammedBurak Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 02.07.2015
  • Yaş/Cinsiyet 28 / E
  • Meslek Öğrenci
  • Konum Adıyaman
  • Ad Soyad M** A**
  • Mesajlar 482
  • Beğeniler 273 / 83
  • Ticaret 0, (%0)

emirhan61 adlı üyeden alıntı

margin-left koduyla biraz soldan iteleyebilirsin. hover kodunuda görmeden bişey diyemem.


Teşşekkür ederim istediğim gibi ayarladım sonunda birde şu hover a da yardım edebilirsen çok iyi olur hocam.

body {
padding: 50px;
}
#menu {
text-align: center;
left: 0px;
top: 157px;
position: absolute;
font-family: Arial, sans-serif;
font-weight: bold;
text-transform: uppercase;
margin: 0px px;
padding: px;
list-style-type: none;
background-color: #1377c5;
font-size: 13px;
height: 60px;
width: 1365px;
border-top: 2px solid #eee;
border-bottom: 2px solid #ccc;
float: left;
display: block;
text-align: center;

}
#menu li {
float: left;
margin: 25px px;
margin-left: 25px;
}
#menu li a {
text-decoration: none;
display: block;
padding: 8px 10px;
line-height: 40px;
color: #FFFFFF;



}
#menu li a:hover, #menu li.active a {
background-color: #1B1919;
opacity: 0.3;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
border-bottom: 2px solid #DDD;
}
 

 

emirhan61 emirhan61 WM Aracı Kullanıcı
  • Üyelik 09.02.2015
  • Yaş/Cinsiyet 38 / E
  • Meslek bilgisayar mühendisi
  • Konum Düzce
  • Ad Soyad E** P**
  • Mesajlar 743
  • Beğeniler 70 / 140
  • Ticaret 29, (%100)
Burda
#menu li a:hover

yerine direk

#menu li:hover denermisin

Ek Olarak: yada akıllılık yapıp opaklık vereceğinize backgorund rengini biraz açık tonda seçin . Siz ne yaparsanız yapın o bölümün opaklığını düşürcek ve yazınında opaklığı düşücek ama arka plan rengini daha açık bir tonla değiştirirseniz gene aynı mantık olur fakat yazı aynı kalır

kişi bu mesajı beğendi.

wmaraci
wmaraci

MuhammedBurak MuhammedBurak Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 02.07.2015
  • Yaş/Cinsiyet 28 / E
  • Meslek Öğrenci
  • Konum Adıyaman
  • Ad Soyad M** A**
  • Mesajlar 482
  • Beğeniler 273 / 83
  • Ticaret 0, (%0)
İşe yaramadı hocam.
 

 

emirhan61 emirhan61 WM Aracı Kullanıcı
  • Üyelik 09.02.2015
  • Yaş/Cinsiyet 38 / E
  • Meslek bilgisayar mühendisi
  • Konum Düzce
  • Ad Soyad E** P**
  • Mesajlar 743
  • Beğeniler 70 / 140
  • Ticaret 29, (%100)
Mantiken yaramıcak zaten. Yazı için ayrı bir alan oluşturcaksın. Opaklığı düşen katmanın üstünde durucak anca bu şekilde çözülür

kişi bu mesajı beğendi.

MuhammedBurak MuhammedBurak Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 02.07.2015
  • Yaş/Cinsiyet 28 / E
  • Meslek Öğrenci
  • Konum Adıyaman
  • Ad Soyad M** A**
  • Mesajlar 482
  • Beğeniler 273 / 83
  • Ticaret 0, (%0)

emirhan61 adlı üyeden alıntı

Mantiken yaramıcak zaten. Yazı için ayrı bir alan oluşturcaksın. Opaklığı düşen katmanın üstünde durucak anca bu şekilde çözülür


saydam olan objeyi alta almanın bir yolu yok mu kod ile kolay bir şekilde yapılması lazım. Diğer menüleri inceliyorum ama böyle istediğim özellikte değiller iş görmeyecek şekilde farklı kodlanmış.
 

 

emirhan61 emirhan61 WM Aracı Kullanıcı
  • Üyelik 09.02.2015
  • Yaş/Cinsiyet 38 / E
  • Meslek bilgisayar mühendisi
  • Konum Düzce
  • Ad Soyad E** P**
  • Mesajlar 743
  • Beğeniler 70 / 140
  • Ticaret 29, (%100)
valla aslında varda bu kodlar genel bozulmaya neden oluyor ama dene istesersen.

position : absolute;

ya da

position: relative;

bunlardan biri tam hatırlmayorumda kendisinden sonra gelen kodu etkilemiyordu dene bakalım
 

 

MuhammedBurak MuhammedBurak Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 02.07.2015
  • Yaş/Cinsiyet 28 / E
  • Meslek Öğrenci
  • Konum Adıyaman
  • Ad Soyad M** A**
  • Mesajlar 482
  • Beğeniler 273 / 83
  • Ticaret 0, (%0)
Menü saçmalamaya başladı ama yinede iş görebilecek bir durum. Ben uğraşayım her şey için teşekkür ederim.
 

 

asonons asonons WM Aracı Kullanıcı
  • Üyelik 27.05.2015
  • Yaş/Cinsiyet 29 / E
  • Meslek Wordpress
  • Konum Balıkesir
  • Ad Soyad Ç** U**
  • Mesajlar 500
  • Beğeniler 211 / 210
  • Ticaret 11, (%100)
online demo verin

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