Bu Alana Reklam Verebilirsin !

HTMLKODEFE ~ By Radyasyon

Animasyonlu Menü

 

Animasyonlu CSS Menu

Arka planda hareketli gif animasyon kullanılmış dikey css menü örneği.

Dikey CSS Menü Örneği

Arkaplanda gif animasyonlu resim

Küçük boyut.

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

<div class="outer">
<div class="menu">
   
<ul>
       
<li><a href="http://www.cssornekleri.com">Ana Sayfaa>li>
       
<li><a href="http://www.cssornekleri.com">Hakkımızdaa>li>
       
<li><a href="http://www.cssornekleri.com">Hizmetlera>li>
       
<li><a href="http://www.cssornekleri.com">İletişima>li>
   
ul>
div>
div>

         
CSS Kodu
                

 

         
 

#b18211;}

Animasyonlu CSS Menu

 

Arka planda hareketli gif animasyon kullanılmış dikey css menü örneği.

Dikey CSS Menü Örneği

Arkaplanda gif animasyonlu resim

Küçük boyut.


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

HTML Kodu

<div class="outer">
<div class="menu">
   
<ul>
       
<li><a href="http://www.cssornekleri.com">Ana Sayfaa>li>
       
<li><a href="http://www.cssornekleri.com">Hakkımızdaa>li>
       
<li><a href="http://www.cssornekleri.com">Hizmetlera>li>
       
<li><a href="http://www.cssornekleri.com">İletişima>li>
   
ul>
div>
div>

CSS Kodu

                

 

.outer a, .outer div, .outer li, .outer ul{
    margin
: 0;
    padding
: 0;
    font
-family: Verdana, Helvetica, Arial, sans-serif;
}
div
.menu{
    width
: 193px;
}
div
.menu ul{
    list
-style: none;
    text
-indent: 0px;
}
div
.menu li{
    margin
-top: 3px;
}
div
.menu a{
    font
: 12px Verdana;
    padding
: 4px;
    color
: #646464;
    display
:block;
    padding
: 6px 30px;
    height
: 20px;
    text
-decoration: none;
    background
: url('images/background.gif');
}
div
.menu a:hover{
    background
: url('images/highlight.gif') no-repeat right;
    padding
: 6px 40px;
}:148px;background:url(images/nav_active.jpg) no-repeat;color:#b18211;}

 

                

 

.outer a, .outer div, .outer li, .outer ul{
    margin
: 0;
    padding
: 0;
    font
-family: Verdana, Helvetica, Arial, sans-serif;
}
div
.menu{
    width
: 193px;
}
div
.menu ul{
    list
-style: none;
    text
-indent: 0px;
}
div
.menu li{
    margin
-top: 3px;
}
div
.menu a{
    font
: 12px Verdana;
    padding
: 4px;
    color
: #646464;
    display
:block;
    padding
: 6px 30px;
    height
: 20px;
    text
-decoration: none;
    background
: url('images/background.gif');
}
div
.menu a:hover{
    background
: url('images/highlight.gif') no-repeat right;
    padding
: 6px 40px;
}:148px;background:url(images/nav_active.jpg) no-repeat;color:

 

 
Merhabalar Yeni Tasarımımız İle Sizlerleyiz , Umarız Beğenmişsinizdir ||| BANA Ulaşmak İçin: info@htmlkodefe.tr.gg Adresini Ekleyin
htmlkodefe.tr.gg</a>
.
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol