Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj13.03.2009, 21:48 (UTC)    
Mesaj konusu: üst menü yapımı yardım lütfen 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:19 (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 ]
Mesaj13.03.2009, 22:42 (UTC)    
Mesaj konusu:

Şu kısmı sayfa değiştir de menü koymak istediğin htm sayfasının içine koy

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>


Şu kısmı tasarım ayarlarında gelişmiş ayarlarda css kodu olan yere koy


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;
}

______________
Mesaj13.03.2009, 22:54 (UTC)    
Mesaj konusu: nasıl eklenir

ben bu kodları kod önizleme sayfasında birleştirip link falan ekleyeceğim 8-9 tane buton ekleyeceğim o yüzden öncelikle birleştirmem lazım üstteki div koduyla birleşiyor ama ben yapamadım linkte anlatılıyor ama olmadı bilen varsa yazsın lütfen
______________

Yönetici [ Ç.Y ]
Mesaj13.03.2009, 23:03 (UTC)    
Mesaj konusu:

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>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
</ul>
</div>


buda 8-9 tane ıstedıın kadar çoğaltabilirsin
______________
Mesaj14.03.2009, 00:23 (UTC)    
Mesaj konusu: Re: nasıl eklenir

kambernet yazmış:
ben bu kodları kod önizleme sayfasında birleştirip link falan ekleyeceğim 8-9 tane buton ekleyeceğim o yüzden öncelikle birleştirmem lazım üstteki div koduyla birleşiyor ama ben yapamadım linkte anlatılıyor ama olmadı bilen varsa yazsın lütfen


böyle mi istiyorsun yani

Kod:
<html xmlns="http://www.w3.org/1999/xhtml">

<head><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></head>

<body>
<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>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
</ul>
</div>
</body>

</html>

______________
Mesaj15.03.2009, 16:21 (UTC)    
Mesaj konusu: nasıl eklenir

evet güzel olmuş tşk
______________

Yönetici [ Ç.Y ]
Mesaj15.03.2009, 16:25 (UTC)    
Mesaj konusu: Re: nasıl eklenir

yeni-htmlkodlar yazmış:
kambernet yazmış:
ben bu kodları kod önizleme sayfasında birleştirip link falan ekleyeceğim 8-9 tane buton ekleyeceğim o yüzden öncelikle birleştirmem lazım üstteki div koduyla birleşiyor ama ben yapamadım linkte anlatılıyor ama olmadı bilen varsa yazsın lütfen


böyle mi istiyorsun yani

Kod:
<html xmlns="http://www.w3.org/1999/xhtml">

<head><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></head>

<body>
<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>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
</ul>
</div>
</body>

</html>


güzel olmuş benim istediğimde buydu fakat hepsi neden yan yana olmuyor?birde rengi nerden değiştirebiliriz? bu koda url ekleyerek tasarım üzerindeki yazı kısmına eklesem çıkar demi
______________

Yönetici [ Ç.Y ]
Mesaj15.03.2009, 17:41 (UTC)    
Mesaj konusu: Re: nasıl eklenir

yeni-htmlkodlar yazmış:
kambernet yazmış:
ben bu kodları kod önizleme sayfasında birleştirip link falan ekleyeceğim 8-9 tane buton ekleyeceğim o yüzden öncelikle birleştirmem lazım üstteki div koduyla birleşiyor ama ben yapamadım linkte anlatılıyor ama olmadı bilen varsa yazsın lütfen


böyle mi istiyorsun yani

Kod:
<html xmlns="http://www.w3.org/1999/xhtml">

<head><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></head>

<body>
<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>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
</ul>
</div>
</body>

</html>


Oldu kardeş eline sağlım ama menüyü ortalayamadım. Başına ve sonuna <center> yazmama rağmen ortalanmıyor başka bi bildiğin yol varmı?
______________

Yönetici [ Ç.Y ]
Önceki mesajları göster:   


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