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,
Drop Down menü |
8 Mesajlar | 1.935 Okunma | ||
- Ü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)
- Ü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ı.
- Ü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)
Keşke dosyaları web sunucuna doğrudan yükleseydin. Dosya indirmek biraz uğraştırıcı.
Düzenledim Linki :)
- Ü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ü?
Sanırım üzerine geldiğinde altında bir menü açılmasını istiyorsun, yani alt menü?
- Ü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:
Menü kodların da şuna benzer olmalı:
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ı:
- Ü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 :(
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 :(
- Ü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.
Kendine göre sadece CSS kodlarıyla oynayarak değiştirebilirsin.
- Ü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
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)