Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj13.03.2009, 21:50 (UTC)    
Mesaj konusu: üst menü yapımı acil

http://www.eburhan.com/css-ile-sarkan-menuler-hazirlamak/

<div id="sarkan_menu">
<ul>
<li><a href="#">Anasayfa</a></li>
<li><a href="#" class="aktif">Hizmetler</a></li>
<li><a href="#">Hakkında</a></li>
<li><a href="#">İletişim</a></li>
</ul>
</div>

#sarkan_menu ul {
margin: 0;
padding: 0;
height: 100%;
overflow: hidden;
list-style: none;
}

#sarkan_menu ul li {
float: left;
margin-right: 1px;
font: bold 12px/14px Arial, Helvetica;
}

#sarkan_menu ul li a {
display: block;
padding: 5px 0;
width: 85px;
border-top: 8px solid #3f3f3f;
color: #3f3f3f;
text-align: center;
text-decoration: none;
}


#sarkan_menu ul li a:hover,
#sarkan_menu ul li a.aktif {
padding-bottom: 8px;
border-top: 8px solid #101010;
background: #101010 url(mouse-over.png) bottom no-repeat;
color: #fff;
}

Merhaba üstteki linkte menü yapma anlatılıyor ama şu kodları o şekilde birleştiremedim. Bu kodu o sitede anlatılan şekilde birleştiren varsa lütfen yardım etsin şimdiden çok teşekkürler...
_________________
yönetici [ Ç.Y. ]
______________

Yönetici [ Ç.Y ]
Mesaj13.03.2009, 22:18 (UTC)    
Mesaj konusu: acill

arkadaşlar bilen varsa lütfen mesaş atarmısınız şimdiden hepinize çok tşk. acil lazım
______________

Yönetici [ Ç.Y ]
Mesaj14.03.2009, 08:57 (UTC)    
Mesaj konusu:

al kardeş

tasatım üstü:
Kod:
<div id="sarkan_menu">
<ul>
<li><a href="#">Anasayfa</a></li>
<li><a href="#" class="aktif">Hizmetler</a></li>
<li><a href="#">Hakkında</a></li>
<li><a href="#">İletişim</a></li>
</ul>
</div>



css kodu:
Kod:
#sarkan_menu ul {
margin: 0;
padding: 0;
height: 100%;
overflow: hidden;
list-style: none;
}

#sarkan_menu ul li {
float: left;
margin-right: 1px;
font: bold 12px/14px Arial, Helvetica;
}

#sarkan_menu ul li a {
display: block;
padding: 5px 0;
width: 85px;
border-top: 8px solid #3f3f3f;
color: #3f3f3f;
text-align: center;
text-decoration: none;
}


#sarkan_menu ul li a:hover,
#sarkan_menu ul li a.aktif {
padding-bottom: 8px;
border-top: 8px solid #101010;
background: #101010 url(mouse-over.png) bottom no-repeat;
color: #fff;
}


Mesaj15.03.2009, 16:14 (UTC)    
Mesaj konusu: üst menü

olmadı kardeş ben red tasarım kullanıyorum ama css tasarımına geçip kodu oraya yapıştırdım diğerinide tasarımın üstüne yapıştırdım ama olmadı?
______________

Yönetici [ Ç.Y ]
Mesaj15.03.2009, 17:53 (UTC)    
Mesaj konusu:

Kod:

<style>

sarkan_menu ul {
margin: 0;
padding: 0;
height: 100%;
overflow: hidden;
list-style: none;
}

#sarkan_menu ul li {
float: left;
margin-right: 1px;
font: bold 12px/14px Arial, Helvetica;
}

#sarkan_menu ul li a {
display: block;
padding: 5px 0;
width: 85px;
border-top: 8px solid #3f3f3f;
color: #3f3f3f;
text-align: center;
text-decoration: none;
}


#sarkan_menu ul li a:hover,
#sarkan_menu ul li a.aktif {
padding-bottom: 8px;
border-top: 8px solid #101010;
background: #101010 url(mouse-over.png) bottom no-repeat;
color: #fff;
}

</style>
<div id="sarkan_menu">
<ul>
<li><a href="http://abron.tr.gg/">Anasayfa</a></li>
<li><a href="http://abron.tr.gg/" class="aktif">Hizmetler</a></li>
<li><a href="http://abron.tr.gg/">Hakkında</a></li>
<li><a href="http://abron.tr.gg/">İletişim</a></li>
</ul>
</div>

______________
Sevgili Arkadaşlarım;
Web site portfolyoma yeni ve iddalı bir site daha ekledim.Sizleri de bu yeni sitemde görmekten mutluluk duyarım.
Abdullah Demir
Mesaj16.03.2009, 13:59 (UTC)    
Mesaj konusu:

kanka çok teskkur bak bende arkılerle sıte yapıoorum cok ısıme yaradı
Mesaj16.03.2009, 14:10 (UTC)    
Mesaj konusu:

burda bi arat anlatım çıkacaktır
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu