lostyazilim
tr.link

Drop Down menü

8 Mesajlar 1.962 Okunma
acebozum
tr.link

SonerOD SonerOD Grafiker,Müzisyen Kullanıcı
  • Üyelik 02.07.2011
  • Yaş/Cinsiyet 28 / E
  • Meslek Grafiker,Müzisyen
  • Konum İstanbul Anadolu
  • Ad Soyad S** O**
  • Mesajlar 73
  • Beğeniler 18 / 12
  • Ticaret 0, (%0)
Arkadaşlar Merhaba,

Ben bir kaç gündür bi tasarım üzerinde çalışıyorum arada sıkıştıkça buraya yazıp destek alıyorum.Sizden bir ricam var bende bir menü var ve bu menüye drop down menü yapamadım çok simple basit birşey istiyorum drop down. Üzerine gelince underline olsa yeter.Koyamadım bir türlü sürekli bozulup durdu artık başıma ağrılar girmeye başladı yardımcı olabilirseniz sevinirim :)

İndir

İyi forumlar,
 

 

elektronikssl
webimgo

Hurkal Hurkal Sms Onayı Gerekli Banlı Kullanıcı
  • Üyelik 05.08.2011
  • Yaş/Cinsiyet - / E
  • Meslek Öğretmen
  • Konum İstanbul Avrupa
  • Ad Soyad ** **
  • Mesajlar 382
  • Beğeniler 89 / 114
  • Ticaret 0, (%0)
Keşke dosyaları web sunucuna doğrudan yükleseydin. Dosya indirmek biraz uğraştırıcı.
 

 

SonerOD SonerOD Grafiker,Müzisyen Kullanıcı
  • Üyelik 02.07.2011
  • Yaş/Cinsiyet 28 / E
  • Meslek Grafiker,Müzisyen
  • Konum İstanbul Anadolu
  • Ad Soyad S** O**
  • Mesajlar 73
  • Beğeniler 18 / 12
  • Ticaret 0, (%0)

Hürkal adlı üyeden alıntı

Keşke dosyaları web sunucuna doğrudan yükleseydin. Dosya indirmek biraz uğraştırıcı.


Düzenledim Linki :)
 

 

Hurkal Hurkal Sms Onayı Gerekli Banlı Kullanıcı
  • Üyelik 05.08.2011
  • Yaş/Cinsiyet - / E
  • Meslek Öğretmen
  • Konum İstanbul Avrupa
  • Ad Soyad ** **
  • Mesajlar 382
  • Beğeniler 89 / 114
  • Ticaret 0, (%0)
Ben doğrudan dosyaları yükle ki Firefox veya Chrome ile doğrudan üzerinde düzenleme yapıp sana çözümü sunalım diye söylemiştim. :)
Sanırım üzerine geldiğinde altında bir menü açılmasını istiyorsun, yani alt menü?
 

 

wmaraci
wmaraci

Hurkal Hurkal Sms Onayı Gerekli Banlı Kullanıcı
  • Üyelik 05.08.2011
  • Yaş/Cinsiyet - / E
  • Meslek Öğretmen
  • Konum İstanbul Avrupa
  • Ad Soyad ** **
  • Mesajlar 382
  • Beğeniler 89 / 114
  • Ticaret 0, (%0)
CSS Kodlarını şu şekilde değiştir:



a{ color:#FFCC00}
html { background: #1d1d1d; }
body {
margin: 0; padding: 0;
font: 10px normal Verdana, Arial, Helvetica, sans-serif;
background: #1d1d1d;
}
h1 {
font: 4.7em normal Georgia, 'Times New Roman', Times, serif;
color: #fff;
margin: 0;
text-align: center;
padding: 5px 0;
}
h1 small{
font: 0.2em normal Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
letter-spacing: 1.4em;
display: block;
color: #ccc;
}
.container {
width: 520px;
height: 330px;
position: absolute;
top: 50%; left: 50%;
margin: -165px 0 0 -210px;
overflow: hidden;
}
img {border: none;}
ul#topnav {
margin: 10px 0 20px;
padding: 0;
list-style: none;
font-size: 1.1em;
clear: both;
float: left;
width: 640px;
}
ul#topnav li{
margin: 0;
padding: 0;
overflow: hidden;
float: left;
height:40px;
}
ul#topnav a, ul#topnav span {
padding: 10px 20px;
float: left;
text-decoration: none;
color: #fff;
text-transform: uppercase;
clear: both;
height: 20px;
line-height: 20px;
background: #1d1d1d;
}
ul#topnav a { color: #7bc441; }
ul#topnav span {
display: none;
}

ul#topnav.v2 span{
background: url(images/a_bg.gif) repeat-x left top;
}
ul#topnav.v2 a{
color: #555;
background: url(images/a_bg.gif) repeat-x left bottom;
}
/* alt menu */
ul#topnav.v2 ul {
position:absolute;
list-style:none;
display:none;

margin-top:0px;
}
/* Alt menu bicimlendirme */
ul#topnav.v2 ul li {
background-color:#505E69;
margin:1px;
text-align: left;
padding:3px;
}
/* Ana menu uzerine gelince alt menuyu ac */
ul#topnav.v2 li:hover > ul {
position: absolute;
display: block;
padding: 0px;
margin: 41px 0px 0px 14px;
}


ul#topnav ul {

width:200px;
}

ul#topnav ul li {
float:left;
}

ul#topnav ul li a{
width:200px;
}



Menü kodların da şuna benzer olmalı:



 

 

SonerOD SonerOD Grafiker,Müzisyen Kullanıcı
  • Üyelik 02.07.2011
  • Yaş/Cinsiyet 28 / E
  • Meslek Grafiker,Müzisyen
  • Konum İstanbul Anadolu
  • Ad Soyad S** O**
  • Mesajlar 73
  • Beğeniler 18 / 12
  • Ticaret 0, (%0)
Hürkal teşekkür ediyorum ilgin için :)
Ama sıkıntım bu değil yani buda bu şekilde bende yapıyorum benim istediğim çok basit bir şekilde sıralansın bu biraz gelişmiş gibi oluyo benim istediğim çok çok simple birşey. Ayrıca firebug ile düzenlemek istediniz sanırım site adresi www.enstrumanworld.com. site üzerine ekledim şimdi menüyü.Hatta şöyle örnek vereyim solda açılan alt menüyü bile kullanabilirim ama bir türlü ekleyemedim bütün siteyi yaptım 0'dan boş script üzerine ama bir menüyü halledemedim :(
 

 

Hurkal Hurkal Sms Onayı Gerekli Banlı Kullanıcı
  • Üyelik 05.08.2011
  • Yaş/Cinsiyet - / E
  • Meslek Öğretmen
  • Konum İstanbul Avrupa
  • Ad Soyad ** **
  • Mesajlar 382
  • Beğeniler 89 / 114
  • Ticaret 0, (%0)
Öyleyse ben sana en basit haliyle menü kodlarını veriyorum.














Kendine göre sadece CSS kodlarıyla oynayarak değiştirebilirsin.
 

 

SonerOD SonerOD Grafiker,Müzisyen Kullanıcı
  • Üyelik 02.07.2011
  • Yaş/Cinsiyet 28 / E
  • Meslek Grafiker,Müzisyen
  • Konum İstanbul Anadolu
  • Ad Soyad S** O**
  • Mesajlar 73
  • Beğeniler 18 / 12
  • Ticaret 0, (%0)
Ben anlatamadım sorunlu bi kişiliğim neyse biraz zorliyim yeni şeyler keşfede keşfede halletmeye çalışıcam çok çok teşekkür ederim yardımlarınız için :) İyi forumlar
 

 

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