Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj22.06.2011, 19:04 (UTC)    
Mesaj konusu: resimli menu

denemedım dırekt paylasıyorum


Örnek uygulamayı görmek için
http://www.umutsamuk.com/cssmenu/menu1/Default.aspx

HTML KODLARI

Kod:
<divclass="menu">
<ul>
<li><ahref="#"class="link1">Link1 </a></li>
<li><ahref="#"class="link2">Link2 </a></li>
<li><ahref="#"class="link3">Link3 </a></li>
<li><ahref="#"class="link4">Link4 </a></li>
<li><ahref="#"class="link5">Link5 </a></li>
</ul>

</div>


CSS KODLARI

Kod:
.menu
{

POSITION: absolute;
MARGIN: 0px 0px 0px 0px;
}
.menu UL LI
{
list-style-type: none;
PADDING-BOTTOM: 0px;
PADDING-LEFT: 10px;
WIDTH: 156px;
PADDING-RIGHT: 0px;
BACKGROUND: url(images/dot.gif) repeat-x 0% 100%;
PADDING-TOP: 0px;
}
.menu UL LI A {
PADDING-BOTTOM: 0px;
LINE-HEIGHT: 40px;
PADDING-LEFT: 62px;
PADDING-RIGHT: 0px;
DISPLAY: block;
COLOR: #444;
FONT-SIZE: 15px;
TEXT-DECORATION: none;
PADDING-TOP: 0px;
}
.menu UL LI A:hover {
COLOR: #61aae1;
}
.link1 {
BACKGROUND: url(images/mainpage.gif) no-repeat 0% 4px;
}
.link2 {
BACKGROUND: url(images/aboutus.gif) no-repeat 0% 4px;
}
.link3 {
BACKGROUND: url(images/solutions.gif) no-repeat 0% 4px;
}
.link4 {
BACKGROUND: url(images/services.gif) no-repeat 0% 4px;
}
.link5 {
BACKGROUND: url(images/contacts.gif) no-repeat 0% 4px;
}

______________
@tr.gg dısı link yasak
Mesaj22.06.2011, 19:14 (UTC)    
Mesaj konusu:

Bunu tr.gg Editöründende yaparsın
Önceki mesajları göster:   


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