kopyala-yapistir-html.tr.gg KoPYaLaYaPiSTiRHTML - Mini CSS Menu
   
  KoPYaLaYaPiSTiRHTML
  Mini CSS Menu
 

Mini CSS Menu

Sadece css kodlarıyla yapılmış güzel minik bir menü örneği

İmaj (resim) dosyası kullanılmadan oldukça güzel hazırlanmış bir CSS menü örneği.

 
 Örnek Çalışmayı buraya komple bilgisayarınıza indirebilirsiniz.
HTML Kodu
                

<ul id="minitabs">
   
<li><a href="http://www.cssornekleri.com">ana sayfa</a></li>
   
<li><a id="current" href="http://www.cssornekleri.com">hakkımızda</a></li>
   
<li><a href="http://www.cssornekleri.com">ürünler</a></li>
   
<li><a href="http://www.cssornekleri.com">hizmetler</a></li>
   
<li><a href="http://www.cssornekleri.com">iletişim</a></li>
</ul>

         
CSS kodu
                

<style type="text/css">
ul
#minitabs{
    padding
-top:60px;
    background
: #FFF;
    font
: 76% Arial,sans-serif;
    text
-align:center;
    list
-style: none;
    margin
: 0;
    padding
: 7px 0;
    border
-bottom: 1px solid #CCC;
    font
-weight: bold;
    text
-align: center;
    white
-space: nowrap
}
ul
#minitabs li{
    display
: inline;
    margin
: 0 3px
}
ul
#minitabs a{
    text
-decoration: none;
    padding
: 0 0 3px;
    border
-bottom: 4px solid #FFF;
    color
: #999
}
ul
#minitabs a#current{
    border
-color: #F60;
    color
:#06F
}
ul
#minitabs a:hover{
    border
-color: #F60;
    color
: #666
}
</style>


 
 
  Bugün 39013 ziyaretçi (103746 klik) ziyaretçi burdaydı!
 
 
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol