MENÜLER(RESİMLİ)-2




STİLL.CSS KODU

Kod:


#MainMenu
{
   height:37px;
   background: #FFFFFF;
   margin:0;
   border:0px none;
}
#tab
{
   margin:0;
   top:0;
}
#tab ul
{
   margin:0;
   padding:0;
   list-style:none;
   float:left;
}
#tab li
{
display:inline;
   float:left;
   margin:0;
   padding:0;
}
#tab a
{
   background: url('http://www.fileden.com/files/2007/6/19/1190933/bright_109.gif') no-repeat right top;
   margin:0;
   padding:0;
   text-decoration:none;
   border:0px none;
   display:block;
   float:left
}
#tab a span
{
   display:block;
   background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_109.gif') no-repeat left top;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11;
   color:#FFFFFF;
   font-weight:bold;
   line-height:37px; padding-left:25px; padding-right:25px; padding-top:0; padding-bottom:0
}
#tab a:hover, #tab li.item_active a
{
   background-position:right bottom;
   border-color:;
}
#tab a:hover span, #tab li.item_active a span
{
   background-position:left bottom;
   color:#000000;
   font-weight:bold;
   font-style:normal;
   text-decoration:none;
}
.dropmenudiv
{
   position:absolute;
   top:0;
   float:left;
   display:block;
   visibility:hidden;
   border:0px solid ;
   background: #FFFFFF;
   color:#FFFFFF;
   z-index:100;
   text-decoration:none;
   padding:0
}
.dropmenudiv ul
{
   margin:0;
   padding:0;
   list-style:none;
}
.dropmenudiv li
{
   display:inline;
   margin:0;
   padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
   width:180px;
   margin:0;
   padding:0;
   display:block;
   border:0px solid ;
   color:#FFFFFF;
   background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_109.gif') no-repeat left top;
   font-weight:bold;
   font-style:normal;
   text-decoration:none
}
.dropmenudiv a span
{
   float:left;
   display:block;
   line-height:37px;
   background:url('http://www.fileden.com/files/2007/6/19/1190933/bright_109.gif') no-repeat right top;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11;
   color:#FFFFFF; padding-left:25px; padding-right:25px; padding-top:0; padding-bottom:0
}
.dropmenudiv a span
{
   float:none;
}
.dropmenudiv a:hover
{
   border:0px solid ;
   background-position: left bottom;
   font-weight:bold;
   font-style:normal;
   text-decoration:none;
   color:#000000
}
.dropmenudiv a:hover span
{
   background-position:right bottom;
   color:#000000;
   font-weight:bold;
}




Kod:

<script type="text/javascript" src="http://h1.ripway.com/kristaldunya/chromey.js"></script>
<style>
#MainMenu
{
   height:37px;
   background: #FFFFFF;
   margin:0;
   border:0;
}
#tab
{
   margin:0;
   top:0;
}
#tab ul
{
   margin:0;
   padding:0;
   list-style:none;
   float:left;
}
#tab li
{
display:inline;
   float:left;
   margin:0;
   padding:0;
}
#tab a
{
   background: url("http://www.fileden.com/files/2007/6/19/1190933/bright_109.gif") no-repeat right top;
   margin:0;
   padding:0;
   text-decoration:none;
   border:0;
   display:block;
   float:left;
}
#tab a span
{
   display:block;
   background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_109.gif") no-repeat left top;
   padding:0 25px 0 25px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11;
   color:#FFFFFF;
   font-weight:bold;
   line-height:37px;
}
#tab a:hover,#tab li.item_active a
{
   background-position:right bottom;
   border-color:;
}
#tab a:hover span,#tab li.item_active a span
{
   background-position:left bottom;
   color:#000000;
   font-weight:bold;
   font-style:normal;
   text-decoration:none;
}
.dropmenudiv
{
   position:absolute;
   top:0;
   float:left;
   display:block;
   visibility:hidden;
   border:0 solid ;
   background: #FFFFFF;
   color:#FFFFFF;
   z-index:100;
   text-decoration:none;
   padding:0;
}
.dropmenudiv ul
{
   margin:0;
   padding:0;
   list-style:none;
}
.dropmenudiv li
{
   display:inline;
   margin:0;
   padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
   width:180px;
   margin:0;
   padding:0;
   display:block;
   border:0 solid ;
   color:#FFFFFF;
   background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_109.gif") no-repeat left top;
   font-weight:bold;
   font-style:normal;
   text-decoration:none;
}
.dropmenudiv a span
{
   float:left;
   display:block;
   line-height:37px;
   background:url("http://www.fileden.com/files/2007/6/19/1190933/bright_109.gif") no-repeat right top;
   padding:0 25px 0 25px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11;
   color:#FFFFFF;
}
.dropmenudiv a span
{
   float:none;
}
.dropmenudiv a:hover
{
   border:0 solid ;
   background-position:left bottom;
   font-weight:bold;
   font-style:normal;
   text-decoration:none;
   color:#000000;
}
.dropmenudiv a:hover span
{
   background-position:right bottom;
   color:#000000;
   font-weight:bold;
}

</style>
<div id="MainMenu">
   <div id="tab">
      <ul>
         <li class="item_active"><a href="#"><span>Home</span></a></li>
         <li><a href="#"><span>About</span></a></li>
         <li><a href="#"><span>Contact</span></a></li>
      </ul>
   </div>
</div>











STİLL.CSS KODU

Kod:


#MainMenu
{
   height:37px;
   background: #FFFFFF url('http://www.fileden.com/files/2007/6/19/1190933/bmid_104.gif');
   margin:0;
   border:0px none;
}
#tab
{
   margin:0;
   top:0;
}
#tab ul
{
   margin:0;
   padding:0;
   list-style:none;
   float:left;
}
#tab li
{
display:inline;
   float:left;
   margin:0;
   padding:0;
}
#tab a
{
   background:#000000 url('http://www.fileden.com/files/2007/6/19/1190933/bright_104.gif') no-repeat right top;
   margin:0;
   padding:0;
   text-decoration:none;
   border:0px none;
   display:block;
   float:left
}
#tab a span
{
   display:block;
   background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_104.gif') no-repeat left top;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11;
   color:#FFFFFF;
   font-weight:bold;
   line-height:37px; padding-left:15px; padding-right:25px; padding-top:0; padding-bottom:0
}
#tab a:hover, #tab li.item_active a
{
   background-position:right bottom;
   border-color:;
}
#tab a:hover span, #tab li.item_active a span
{
   background-position:left bottom;
   color:#FFFFFF;
   font-weight:bold;
   font-style:normal;
   text-decoration:none;
}
.dropmenudiv
{
   position:absolute;
   top:0;
   float:left;
   display:block;
   visibility:hidden;
   border:0px solid ;
   background: #FFFFFF url('http://www.fileden.com/files/2007/6/19/1190933/bmid_104.gif');
   color:#FFFFFF;
   z-index:100;
   text-decoration:none;
   padding:0
}
.dropmenudiv ul
{
   margin:0;
   padding:0;
   list-style:none;
}
.dropmenudiv li
{
   display:inline;
   margin:0;
   padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
   width:180px;
   margin:0;
   padding:0;
   display:block;
   border:0px solid ;
   color:#FFFFFF;
   background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_104.gif') no-repeat left top;
   font-weight:bold;
   font-style:normal;
   text-decoration:none
}
.dropmenudiv a span
{
   float:left;
   display:block;
   line-height:37px;
   background:url('http://www.fileden.com/files/2007/6/19/1190933/bright_104.gif') no-repeat right top;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11;
   color:#FFFFFF; padding-left:15px; padding-right:25px; padding-top:0; padding-bottom:0
}
.dropmenudiv a span
{
   float:none;
}
.dropmenudiv a:hover
{
   border:0px solid ;
   background-position: left bottom;
   font-weight:bold;
   font-style:normal;
   text-decoration:none;
   color:#FFFFFF
}
.dropmenudiv a:hover span
{
   background-position:right bottom;
   color:#FFFFFF;
   font-weight:bold;
}





Kod:

<script type="text/javascript" src="http://h1.ripway.com/kristaldunya/chromeses.js"></script>
<style>
#MainMenu
{
   height:37px;
   background: #FFFFFF url("http://www.fileden.com/files/2007/6/19/1190933/bmid_104.gif");
   margin:0;
   border:0;
}
#tab
{
   margin:0;
   top:0;
}
#tab ul
{
   margin:0;
   padding:0;
   list-style:none;
   float:left;
}
#tab li
{
display:inline;
   float:left;
   margin:0;
   padding:0;
}
#tab a
{
   background:#000000 url("http://www.fileden.com/files/2007/6/19/1190933/bright_104.gif") no-repeat right top;
   margin:0;
   padding:0;
   text-decoration:none;
   border:0;
   display:block;
   float:left;
}
#tab a span
{
   display:block;
   background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_104.gif") no-repeat left top;
   padding:0 25px 0 15px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11;
   color:#FFFFFF;
   font-weight:bold;
   line-height:37px;
}
#tab a:hover,#tab li.item_active a
{
   background-position:right bottom;
   border-color:;
}
#tab a:hover span,#tab li.item_active a span
{
   background-position:left bottom;
   color:#FFFFFF;
   font-weight:bold;
   font-style:normal;
   text-decoration:none;
}
.dropmenudiv
{
   position:absolute;
   top:0;
   float:left;
   display:block;
   visibility:hidden;
   border:0 solid ;
   background: #FFFFFF url("http://www.fileden.com/files/2007/6/19/1190933/bmid_104.gif");
   color:#FFFFFF;
   z-index:100;
   text-decoration:none;
   padding:0;
}
.dropmenudiv ul
{
   margin:0;
   padding:0;
   list-style:none;
}
.dropmenudiv li
{
   display:inline;
   margin:0;
   padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
   width:180px;
   margin:0;
   padding:0;
   display:block;
   border:0 solid ;
   color:#FFFFFF;
   background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_104.gif") no-repeat left top;
   font-weight:bold;
   font-style:normal;
   text-decoration:none;
}
.dropmenudiv a span
{
   float:left;
   display:block;
   line-height:37px;
   background:url("http://www.fileden.com/files/2007/6/19/1190933/bright_104.gif") no-repeat right top;
   padding:0 25px 0 15px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11;
   color:#FFFFFF;
}
.dropmenudiv a span
{
   float:none;
}
.dropmenudiv a:hover
{
   border:0 solid ;
   background-position:left bottom;
   font-weight:bold;
   font-style:normal;
   text-decoration:none;
   color:#FFFFFF;
}
.dropmenudiv a:hover span
{
   background-position:right bottom;
   color:#FFFFFF;
   font-weight:bold;
}

</style>
<div id="MainMenu">
   <div id="tab">
      <ul>
         <li class="item_active"><a href="#"><span>Home</span></a></li>
         <li><a href="#"><span>About</span></a></li>
         <li><a href="#"><span>Contact</span></a></li>
      </ul>
   </div>
</div>











STİLL.CSS KODU

Kod:


#MainMenu
{
   width:100%;
   height:28px;
   background: #FFFFFF;
   margin:0;
   border:0px none;
}
#tab
{
   margin:0;
   top:0;
}
#tab ul
{
   margin:0;
   padding:0;
   list-style:none;
   float:left;
}
#tab li
{
display:inline;
   float:left;
   margin:0 3px 0 0 ;
   padding:0;
}
#tab a
{
   background:#000000 url('http://www.fileden.com/files/2007/6/19/1190933/bright_011.gif') no-repeat right top;
   margin:0;
   padding:0;
   text-decoration:none;
   border:0px none;
   display:block;
   float:left
}
#tab a span
{
   display:block;
   background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_011.gif') no-repeat left top;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11;
   color:#000099;
   font-weight:bold;
   line-height:28px; padding-left:15px; padding-right:15px; padding-top:0; padding-bottom:0
}
#tab a:hover, #tab li.item_active a
{
   background-position:right bottom;
   border-color:#000000;
}
#tab a:hover span, #tab li.item_active a span
{
   background-position:left bottom;
   color:#000000;
   font-weight:bold;
   font-style:normal;
   text-decoration:none;
}
.dropmenudiv
{
   position:absolute;
   top:0;
   float:left;
   display:block;
   visibility:hidden;
   border:0px solid #330066;
   background: #FFFFFF;
   color:#000099;
   z-index:100;
   text-decoration:none;
   padding:0
}
.dropmenudiv ul
{
   margin:0;
   padding:0;
   list-style:none;
}
.dropmenudiv li
{
   display:inline;
   margin:0;
   padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
   width:180px;
   padding:0;
   display:block;
   border:0px solid #000000;
   color:#000099;
   background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_011.gif') no-repeat left top;
   font-weight:bold;
   font-style:normal;
   text-decoration:none; margin-left:0; margin-right:3px; margin-top:0; margin-bottom:0
}
.dropmenudiv a span
{
   float:left;
   display:block;
   line-height:28px;
   background:url('http://www.fileden.com/files/2007/6/19/1190933/bright_011.gif') no-repeat right top;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11;
   color:#000099; padding-left:15px; padding-right:15px; padding-top:0; padding-bottom:0
}
.dropmenudiv a span
{
   float:none;
}
.dropmenudiv a:hover
{
   border:0px solid #000000;
   background-position: left bottom;
   font-weight:bold;
   font-style:normal;
   text-decoration:none;
   color:#000000
}
.dropmenudiv a:hover span
{
   background-position:right bottom;
   color:#000000;
   font-weight:bold;
}



Kod:

<script type="text/javascript" src="http://h1.ripway.com/kristaldunya/chromesse.js"></script>
<style>
#MainMenu
{
   width:100%;
   height:28px;
   background: #FFFFFF;
   margin:0;
   border:0;
}
#tab
{
   margin:0;
   top:0;
}
#tab ul
{
   margin:0;
   padding:0;
   list-style:none;
   float:left;
}
#tab li
{
display:inline;
   float:left;
   margin:0 3px 0 0 ;
   padding:0;
}
#tab a
{
   background:#000000 url("http://www.fileden.com/files/2007/6/19/1190933/bright_011.gif") no-repeat right top;
   margin:0;
   padding:0;
   text-decoration:none;
   border:0;
   display:block;
   float:left;
}
#tab a span
{
   display:block;
   background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_011.gif") no-repeat left top;
   padding:0 15px 0 15px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11;
   color:#000099;
   font-weight:bold;
   line-height:28px;
}
#tab a:hover,#tab li.item_active a
{
   background-position:right bottom;
   border-color:#000000;
}
#tab a:hover span,#tab li.item_active a span
{
   background-position:left bottom;
   color:#000000;
   font-weight:bold;
   font-style:normal;
   text-decoration:none;
}
.dropmenudiv
{
   position:absolute;
   top:0;
   float:left;
   display:block;
   visibility:hidden;
   border:0 solid #330066;
   background: #FFFFFF;
   color:#000099;
   z-index:100;
   text-decoration:none;
   padding:0;
}
.dropmenudiv ul
{
   margin:0;
   padding:0;
   list-style:none;
}
.dropmenudiv li
{
   display:inline;
   margin:0;
   padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
   width:180px;
   margin:0 3px 0 0 ;
   padding:0;
   display:block;
   border:0 solid #000000;
   color:#000099;
   background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_011.gif") no-repeat left top;
   font-weight:bold;
   font-style:normal;
   text-decoration:none;
}
.dropmenudiv a span
{
   float:left;
   display:block;
   line-height:28px;
   background:url("http://www.fileden.com/files/2007/6/19/1190933/bright_011.gif") no-repeat right top;
   padding:0 15px 0 15px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11;
   color:#000099;
}
.dropmenudiv a span
{
   float:none;
}
.dropmenudiv a:hover
{
   border:0 solid #000000;
   background-position:left bottom;
   font-weight:bold;
   font-style:normal;
   text-decoration:none;
   color:#000000;
}
.dropmenudiv a:hover span
{
   background-position:right bottom;
   color:#000000;
   font-weight:bold;
}

</style>
<div id="MainMenu">
   <div id="tab">
      <ul>
         <li class="item_active"><a href="#"><span>Home</span></a></li>
         <li><a href="#"><span>About</span></a></li>
         <li><a href="#"><span>Contact</span></a></li>
      </ul>
   </div>
</div>

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