Css Yatay Menu Yapimi
Yaklaşik 2-3Gün önce dikey menü yapmayi göstermiştim artik bunu biliyoruz şimdi sira yatay menü yapmakta yöntem tamamen ayni olucak zaten kodlari incelediğiniz zaman sizde anlarsınız bu işte önemli olan kisim tasarimdan ziyade bu İşin mantığını anlamanızdır.Son zamanlar naviomedya’da iş yoğunluğu yüzünden yazi yazamiyordum bir arkadaş yorumunda yatay menü yapımınıda anlatirmısın demişti bende zaten öyle planliyordum umarim işinize ve işimize yarar
Kod: <
div
id
=
"menu"
><
ul
><
li
><
a
href
=
"#"
title
=
""
>Anasayfa</
a
></
li
>
<
li
><
a
href
=
"#"
title
=
""
>Hakkımda</
a
></
li
>
<
li
><
a
href
=
"#"
title
=
""
>Nedir?</
a
></
li
>
<
li
><
a
href
=
"#"
title
=
""
>Arşiv</
a
></
li
>
<
li
><
a
href
=
"#"
title
=
""
>İletişim</
a
></
li
>
<
li
><
a
href
=
"#"
title
=
""
>RSS</
a
></
li
>
</
ul
></
div
>
1
2
|
< strong >< em > </ em ></ strong > |
1
2
3
4
5
6
7
8
9
10
|
#menu { background : url (menu.png) no-repeat ; padding : 5px ; overflow : auto ; margin-bottom : 0px ; width : 954px ; height : 55px ; margin-left : 3px ; margin-top : 4px ;} #menu ul li { float : left } #menu ul li a { display : block ; padding : 10px 15px ; font : bold 14px Arial ; color : #a2a2a2 ; text-decoration : none ; margin-top : 4px ;} #menu ul li a:hover, #menu ul li.current-menu-item a { color : #fff ; background : #ddd ; -webkit-border-radius: 5px ; -moz-border-radius: 5px ; border-radius: 5px ; } |