Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj01.02.2009, 21:47 (UTC)    
Mesaj konusu: Rengrarenk Css Design Menüler (Resimli)

MENU KODLARINI EKLEMEK İÇİN;

"Css design" tasarım kullanıyorsanız
CSS1 kodunu tasarım ayarlarından
"css kodu tagleri olmadan yazınız" bölümüne yapıştırın..CSS2 kodunu da tasarım üzerindeki yazı adlı kutucuğa yağıştırın..
Css design kullanmıyorsanız..
CSS1 kodunun başına
Kod:
<style type="text/css">
ve sonuna
Kod:
</style>
kodu ekleyerek diğer kodla beraber Tasarım üzerindeki kutucuğa veya istediğiniz bir yere yapıştıın..

BAŞLIK SÜREKLİ GÜNCELLENECEKTİR..



CSS1 kodu

Kod:
#MainMenu
{
   height:42px;
   background:#FFF;
   border-color:#575757;
   border-style:solid;
   border-width:0 0 3px;
   margin:0;
}
#tab
{
   top:0;
   height:0;
   background:repeat-x top;
   margin:0;
}
#tab ul
{
   list-style:none;
   float:left;
   margin:0;
   padding:0;
}
#tab li
{
   display:inline;
   float:left;
   margin:0 1px 0 0;
   padding:0;
}
#tab a
{
   background:#000 url(http://img.webme.com/pic/g/gokseen/abright_105.gif) no-repeat right top;
   text-decoration:none;
   border:0;
   display:block;
   float:left;
   margin:0;
   padding:0;
}
#tab a span
{
   display:block;
   background:url(http://img.webme.com/pic/g/gokseen/ableft_105.gif) no-repeat left top;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#FFF;
   font-weight:700;
   line-height:42px;
   padding:0 15px;
}
#tab a:hover,#tab li.item_active a
{
   background-position:right bottom;
}
#tab a:hover span,#tab li.item_active a span
{
   background-position:left bottom;
   color:#FFF;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
}
.dropmenudiv
{
   position:absolute;
   top:0;
   float:left;
   display:block;
   visibility:hidden;
   background:#FFF;
   color:#FFF;
   z-index:100;
   text-decoration:none;
   border-color:#575757;
   border-style:solid;
   border-width:0 0 3px;
   padding:0;
}
.dropmenudiv ul
{
   list-style:none;
   margin:0;
   padding:0;
}
.dropmenudiv li
{
   display:inline;
   margin:0;
   padding:0;
}
.dropmenudiv a:link,.dropmenudiv a:visited
{
   width:180px;
   display:block;
   border:0;
   color:#FFF;
   background:url(http://img.webme.com/pic/g/gokseen/ableft_105.gif) no-repeat left top;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
   margin:0 1px 0 0;
   padding:0;
}
.dropmenudiv a span
{
   display:block;
   line-height:42px;
   background:url(http://img.webme.com/pic/g/gokseen/abright_105.gif) no-repeat right top;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#FFF;
   float:none;
   padding:0 15px;
}
.dropmenudiv a:hover
{
   border:0;
   background-position:left bottom;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
   color:#FFF;
}
.dropmenudiv a:hover span
{
   background-position:right bottom;
   color:#FFF;
   font-weight:700;
}


CSS2 kodu

Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><title>IzzyMenu.com</title><script type="text/javascript" src="http://h1.ripway.com/goksentrgg/m1.js"></script>
<style>
#MainMenu
{
   height:42px;
   background:#FFF;
   border-color:#575757;
   border-style:solid;
   border-width:0 0 3px;
   margin:0;
}
#tab
{
   top:0;
   height:0;
   background:repeat-x top;
   margin:0;
}
#tab ul
{
   list-style:none;
   float:left;
   margin:0;
   padding:0;
}
#tab li
{
   display:inline;
   float:left;
   margin:0 1px 0 0;
   padding:0;
}
#tab a
{
   background:#000 url(http://img.webme.com/pic/g/gokseen/abright_105.gif) no-repeat right top;
   text-decoration:none;
   border:0;
   display:block;
   float:left;
   margin:0;
   padding:0;
}
#tab a span
{
   display:block;
   background:url(http://img.webme.com/pic/g/gokseen/ableft_105.gif) no-repeat left top;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#FFF;
   font-weight:700;
   line-height:42px;
   padding:0 15px;
}
#tab a:hover,#tab li.item_active a
{
   background-position:right bottom;
}
#tab a:hover span,#tab li.item_active a span
{
   background-position:left bottom;
   color:#FFF;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
}
.dropmenudiv
{
   position:absolute;
   top:0;
   float:left;
   display:block;
   visibility:hidden;
   background:#FFF;
   color:#FFF;
   z-index:100;
   text-decoration:none;
   border-color:#575757;
   border-style:solid;
   border-width:0 0 3px;
   padding:0;
}
.dropmenudiv ul
{
   list-style:none;
   margin:0;
   padding:0;
}
.dropmenudiv li
{
   display:inline;
   margin:0;
   padding:0;
}
.dropmenudiv a:link,.dropmenudiv a:visited
{
   width:180px;
   display:block;
   border:0;
   color:#FFF;
   background:url(http://img.webme.com/pic/g/gokseen/ableft_105.gif) no-repeat left top;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
   margin:0 1px 0 0;
   padding:0;
}
.dropmenudiv a span
{
   display:block;
   line-height:42px;
   background:url(http://img.webme.com/pic/g/gokseen/abright_105.gif) no-repeat right top;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#FFF;
   float:none;
   padding:0 15px;
}
.dropmenudiv a:hover
{
   border:0;
   background-position:left bottom;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
   color:#FFF;
}
.dropmenudiv a:hover span
{
   background-position:right bottom;
   color:#FFF;
   font-weight:700;
}

</style></head><body>
<div id="MainMenu">
   <div id="tab">
      <ul>
         <li class="item_active"><a href="home.html"><span>Home</span></a></li>
         <li><a href="about.html"><span>About</span></a></li>
         <li><a href="contact.html"><span>Contact</span></a></li>
      </ul>
   </div>
</div>
Mesaj01.02.2009, 21:48 (UTC)    
Mesaj konusu:



CSS1 kodu

Kod:
#MainMenu
{
   border:0;
   margin:0;
}
#tab
{
   top:0;
   height:0;
   background:repeat-x top;
   margin:0;
}
#tab ul
{
   list-style:none;
   float:left;
   margin:0;
   padding:0;
}
#tab li
{
   display:inline;
   float:left;
   margin:0;
   padding:0;
}
#tab a
{
   background:#000 url(http://img.webme.com/pic/g/gokseen/bbright_009.gif) no-repeat right top;
   text-decoration:none;
   border:0;
   display:block;
   float:left;
   margin:0;
   padding:0;
}
#tab a span
{
   display:block;
   background:url(http://img.webme.com/pic/g/gokseen/bbleft_009.gif) no-repeat left top;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#FFF;
   font-weight:700;
   line-height:44px;
   padding:0 25px;
}
#tab a:hover,#tab li.item_active a
{
   background-position:right bottom;
   border-color:#000;
}
#tab a:hover span,#tab li.item_active a span
{
   background-position:left bottom;
   color:#FFF;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
}
.dropmenudiv
{
   position:absolute;
   top:0;
   float:left;
   display:block;
   visibility:hidden;
   border:0 #306;
   color:#FFF;
   z-index:100;
   text-decoration:none;
   padding:0;
}
.dropmenudiv ul
{
   list-style:none;
   margin:0;
   padding:0;
}
.dropmenudiv li
{
   display:inline;
   margin:0;
   padding:0;
}
.dropmenudiv a:link,.dropmenudiv a:visited
{
   width:180px;
   display:block;
   border:0 #000;
   color:#FFF;
   background:url(http://img.webme.com/pic/g/gokseen/bbleft_009.gif) no-repeat left top;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
   margin:0;
   padding:0;
}
.dropmenudiv a span
{
   display:block;
   line-height:44px;
   background:url(http://img.webme.com/pic/g/gokseen/bbright_009.gif) no-repeat right top;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#FFF;
   float:none;
   padding:0 25px;
}
.dropmenudiv a:hover
{
   border:0 #000;
   background-position:left bottom;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
   color:#FFF;
}
.dropmenudiv a:hover span
{
   background-position:right bottom;
   color:#FFF;
   font-weight:700;
}


CSS2 kodu

Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><title>IzzyMenu.com</title><script type="text/javascript" src="http://h1.ripway.com/goksentrgg/m2.js"></script>
<style>
#MainMenu
{
   border:0;
   margin:0;
}
#tab
{
   top:0;
   height:0;
   background:repeat-x top;
   margin:0;
}
#tab ul
{
   list-style:none;
   float:left;
   margin:0;
   padding:0;
}
#tab li
{
   display:inline;
   float:left;
   margin:0;
   padding:0;
}
#tab a
{
   background:#000 url(http://img.webme.com/pic/g/gokseen/bbright_009.gif) no-repeat right top;
   text-decoration:none;
   border:0;
   display:block;
   float:left;
   margin:0;
   padding:0;
}
#tab a span
{
   display:block;
   background:url(http://img.webme.com/pic/g/gokseen/bbleft_009.gif) no-repeat left top;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#FFF;
   font-weight:700;
   line-height:44px;
   padding:0 25px;
}
#tab a:hover,#tab li.item_active a
{
   background-position:right bottom;
   border-color:#000;
}
#tab a:hover span,#tab li.item_active a span
{
   background-position:left bottom;
   color:#FFF;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
}
.dropmenudiv
{
   position:absolute;
   top:0;
   float:left;
   display:block;
   visibility:hidden;
   border:0 #306;
   color:#FFF;
   z-index:100;
   text-decoration:none;
   padding:0;
}
.dropmenudiv ul
{
   list-style:none;
   margin:0;
   padding:0;
}
.dropmenudiv li
{
   display:inline;
   margin:0;
   padding:0;
}
.dropmenudiv a:link,.dropmenudiv a:visited
{
   width:180px;
   display:block;
   border:0 #000;
   color:#FFF;
   background:url(http://img.webme.com/pic/g/gokseen/bbleft_009.gif) no-repeat left top;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
   margin:0;
   padding:0;
}
.dropmenudiv a span
{
   display:block;
   line-height:44px;
   background:url(http://img.webme.com/pic/g/gokseen/bbright_009.gif) no-repeat right top;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#FFF;
   float:none;
   padding:0 25px;
}
.dropmenudiv a:hover
{
   border:0 #000;
   background-position:left bottom;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
   color:#FFF;
}
.dropmenudiv a:hover span
{
   background-position:right bottom;
   color:#FFF;
   font-weight:700;
}

</style></head><body>
<div id="MainMenu">
   <div id="tab">
      <ul>
         <li class="item_active"><a href="home.html"><span>Home</span></a></li>
         <li><a href="about.html"><span>About</span></a></li>
         <li><a href="contact.html"><span>Contact</span></a></li>
      </ul>
   </div>
</div>
Mesaj01.02.2009, 21:59 (UTC)    
Mesaj konusu:



CSS1 kodu

Kod:
#MainMenu
{
   width:100%;
   height:37px;
   border:0;
   margin:0;
}
#tab
{
   top:0;
   height:0;
   background:repeat-x top;
   margin:0;
}
#tab ul
{
   list-style:none;
   float:left;
   margin:0;
   padding:0;
}
#tab li
{
   display:inline;
   float:left;
   margin:0;
   padding:0;
}
#tab a
{
   background:#000 url(http://img.webme.com/pic/g/gokseen/cbright_015.gif) no-repeat right top;
   text-decoration:none;
   border:0;
   display:block;
   float:left;
   margin:0;
   padding:0;
}
#tab a span
{
   display:block;
   background:url(http://img.webme.com/pic/g/gokseen/cbleft_015.gif) no-repeat left top;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#FFF;
   font-weight:700;
   line-height:37px;
   padding:0 18px;
}
#tab a:hover,#tab li.item_active a
{
   background-position:right bottom;
   border-color:#000;
}
#tab a:hover span,#tab li.item_active a span
{
   background-position:left bottom;
   color:#FFF;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
}
.dropmenudiv
{
   position:absolute;
   top:0;
   float:left;
   display:block;
   visibility:hidden;
   border:0 #306;
   color:#FFF;
   z-index:100;
   text-decoration:none;
   padding:0;
}
.dropmenudiv ul
{
   list-style:none;
   margin:0;
   padding:0;
}
.dropmenudiv li
{
   display:inline;
   margin:0;
   padding:0;
}
.dropmenudiv a:link,.dropmenudiv a:visited
{
   width:180px;
   display:block;
   border:0 #000;
   color:#FFF;
   background:url(http://img.webme.com/pic/g/gokseen/cbleft_015.gif) no-repeat left top;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
   margin:0;
   padding:0;
}
.dropmenudiv a span
{
   display:block;
   line-height:37px;
   background:url(http://img.webme.com/pic/g/gokseen/cbright_015.gif) no-repeat right top;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#FFF;
   float:none;
   padding:0 18px;
}
.dropmenudiv a:hover
{
   border:0 #000;
   background-position:left bottom;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
   color:#FFF;
}
.dropmenudiv a:hover span
{
   background-position:right bottom;
   color:#FFF;
   font-weight:700;
}


CSS2 kodu

Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><title>IzzyMenu.com</title><script type="text/javascript" src="http://h1.ripway.com/goksentrgg/m3.js"></script>
<style>
#MainMenu
{
   width:100%;
   height:37px;
   border:0;
   margin:0;
}
#tab
{
   top:0;
   height:0;
   background:repeat-x top;
   margin:0;
}
#tab ul
{
   list-style:none;
   float:left;
   margin:0;
   padding:0;
}
#tab li
{
   display:inline;
   float:left;
   margin:0;
   padding:0;
}
#tab a
{
   background:#000 url(http://img.webme.com/pic/g/gokseen/cbright_015.gif) no-repeat right top;
   text-decoration:none;
   border:0;
   display:block;
   float:left;
   margin:0;
   padding:0;
}
#tab a span
{
   display:block;
   background:url(http://img.webme.com/pic/g/gokseen/cbleft_015.gif) no-repeat left top;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#FFF;
   font-weight:700;
   line-height:37px;
   padding:0 18px;
}
#tab a:hover,#tab li.item_active a
{
   background-position:right bottom;
   border-color:#000;
}
#tab a:hover span,#tab li.item_active a span
{
   background-position:left bottom;
   color:#FFF;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
}
.dropmenudiv
{
   position:absolute;
   top:0;
   float:left;
   display:block;
   visibility:hidden;
   border:0 #306;
   color:#FFF;
   z-index:100;
   text-decoration:none;
   padding:0;
}
.dropmenudiv ul
{
   list-style:none;
   margin:0;
   padding:0;
}
.dropmenudiv li
{
   display:inline;
   margin:0;
   padding:0;
}
.dropmenudiv a:link,.dropmenudiv a:visited
{
   width:180px;
   display:block;
   border:0 #000;
   color:#FFF;
   background:url(http://img.webme.com/pic/g/gokseen/cbleft_015.gif) no-repeat left top;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
   margin:0;
   padding:0;
}
.dropmenudiv a span
{
   display:block;
   line-height:37px;
   background:url(http://img.webme.com/pic/g/gokseen/cbright_015.gif) no-repeat right top;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#FFF;
   float:none;
   padding:0 18px;
}
.dropmenudiv a:hover
{
   border:0 #000;
   background-position:left bottom;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
   color:#FFF;
}
.dropmenudiv a:hover span
{
   background-position:right bottom;
   color:#FFF;
   font-weight:700;
}

</style></head><body>
<div id="MainMenu">
   <div id="tab">
      <ul>
         <li class="item_active"><a href="home.html"><span>Home</span></a></li>
         <li><a href="about.html"><span>About</span></a></li>
         <li><a href="contact.html"><span>Contact</span></a></li>
      </ul>
   </div>
</div>
Mesaj01.02.2009, 22:05 (UTC)    
Mesaj konusu:



CSS1 kodu

Kod:
#MainMenu
{
   height:42px;
   border:0;
   margin:0;
}
#tab
{
   top:0;
   height:0;
   background:repeat-x top;
   margin:0;
}
#tab ul
{
   list-style:none;
   float:left;
   margin:0;
   padding:0;
}
#tab li
{
   display:inline;
   float:left;
   margin:0;
   padding:0;
}
#tab a
{
   background:#000 url(http://img.webme.com/pic/g/gokseen/dbright_002.gif) no-repeat right top;
   text-decoration:none;
   border:0;
   display:block;
   float:left;
   margin:0;
   padding:0;
}
#tab a span
{
   display:block;
   background:url(http://img.webme.com/pic/g/gokseen/dbleft_002.gif) no-repeat left top;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#FFF;
   font-weight:700;
   line-height:42px;
   padding:0 20px;
}
#tab a:hover,#tab li.item_active a
{
   background-position:right bottom;
   border-color:#000;
}
#tab a:hover span,#tab li.item_active a span
{
   background-position:left bottom;
   color:#000;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
}
.dropmenudiv
{
   position:absolute;
   top:0;
   float:left;
   display:block;
   visibility:hidden;
   border:0 #306;
   color:#FFF;
   z-index:100;
   text-decoration:none;
   padding:0;
}
.dropmenudiv ul
{
   list-style:none;
   margin:0;
   padding:0;
}
.dropmenudiv li
{
   display:inline;
   margin:0;
   padding:0;
}
.dropmenudiv a:link,.dropmenudiv a:visited
{
   width:180px;
   display:block;
   border:0 #000;
   color:#FFF;
   background:url(http://img.webme.com/pic/g/gokseen/dbleft_002.gif) no-repeat left top;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
   margin:0;
   padding:0;
}
.dropmenudiv a span
{
   display:block;
   line-height:42px;
   background:url(http://img.webme.com/pic/g/gokseen/dbright_002.gif) no-repeat right top;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#FFF;
   float:none;
   padding:0 20px;
}
.dropmenudiv a:hover
{
   border:0 #000;
   background-position:left bottom;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
   color:#000;
}
.dropmenudiv a:hover span
{
   background-position:right bottom;
   color:#000;
   font-weight:700;
}


CSS2 kodu

Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><title>IzzyMenu.com</title><script type="text/javascript" src="http://h1.ripway.com/goksentrgg/m4.js"></script>
<style>
#MainMenu
{
   height:42px;
   border:0;
   margin:0;
}
#tab
{
   top:0;
   height:0;
   background:repeat-x top;
   margin:0;
}
#tab ul
{
   list-style:none;
   float:left;
   margin:0;
   padding:0;
}
#tab li
{
   display:inline;
   float:left;
   margin:0;
   padding:0;
}
#tab a
{
   background:#000 url(http://img.webme.com/pic/g/gokseen/dbright_002.gif) no-repeat right top;
   text-decoration:none;
   border:0;
   display:block;
   float:left;
   margin:0;
   padding:0;
}
#tab a span
{
   display:block;
   background:url(http://img.webme.com/pic/g/gokseen/dbleft_002.gif) no-repeat left top;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#FFF;
   font-weight:700;
   line-height:42px;
   padding:0 20px;
}
#tab a:hover,#tab li.item_active a
{
   background-position:right bottom;
   border-color:#000;
}
#tab a:hover span,#tab li.item_active a span
{
   background-position:left bottom;
   color:#000;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
}
.dropmenudiv
{
   position:absolute;
   top:0;
   float:left;
   display:block;
   visibility:hidden;
   border:0 #306;
   color:#FFF;
   z-index:100;
   text-decoration:none;
   padding:0;
}
.dropmenudiv ul
{
   list-style:none;
   margin:0;
   padding:0;
}
.dropmenudiv li
{
   display:inline;
   margin:0;
   padding:0;
}
.dropmenudiv a:link,.dropmenudiv a:visited
{
   width:180px;
   display:block;
   border:0 #000;
   color:#FFF;
   background:url(http://img.webme.com/pic/g/gokseen/dbleft_002.gif) no-repeat left top;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
   margin:0;
   padding:0;
}
.dropmenudiv a span
{
   display:block;
   line-height:42px;
   background:url(http://img.webme.com/pic/g/gokseen/dbright_002.gif) no-repeat right top;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#FFF;
   float:none;
   padding:0 20px;
}
.dropmenudiv a:hover
{
   border:0 #000;
   background-position:left bottom;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
   color:#000;
}
.dropmenudiv a:hover span
{
   background-position:right bottom;
   color:#000;
   font-weight:700;
}

</style></head><body>
<div id="MainMenu">
   <div id="tab">
      <ul>
         <li class="item_active"><a href="home.html"><span>Home</span></a></li>
         <li><a href="about.html"><span>About</span></a></li>
         <li><a href="contact.html"><span>Contact</span></a></li>
      </ul>
   </div>
</div>
Mesaj02.02.2009, 10:19 (UTC)    
Mesaj konusu:

Menüler devam ediyor....



CSS1 kodu

Kod:
#MainMenu
{
   height:34px;
   border:0;
   margin:0;
}
#tab
{
   top:0;
   height:0;
   background:repeat-x top;
   margin:0;
}
#tab ul
{
   list-style:none;
   float:left;
   margin:0;
   padding:0;
}
#tab li
{
   display:inline;
   float:left;
   margin:0;
   padding:0;
}
#tab a
{
   background:#000 url(http://img.webme.com/pic/g/gokseen/ebright_006.gif) no-repeat right top;
   text-decoration:none;
   border:0;
   display:block;
   float:left;
   margin:0;
   padding:0;
}
#tab a span
{
   display:block;
   background:url(http://img.webme.com/pic/g/gokseen/ebleft_006.gif) no-repeat left top;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#FFF;
   font-weight:700;
   line-height:34px;
   padding:0 20px;
}
#tab a:hover,#tab li.item_active a
{
   background-position:right bottom;
   border-color:#000;
}
#tab a:hover span,#tab li.item_active a span
{
   background-position:left bottom;
   color:#FFF;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
}
.dropmenudiv
{
   position:absolute;
   top:0;
   float:left;
   display:block;
   visibility:hidden;
   border:0 #306;
   color:#FFF;
   z-index:100;
   text-decoration:none;
   padding:0;
}
.dropmenudiv ul
{
   list-style:none;
   margin:0;
   padding:0;
}
.dropmenudiv li
{
   display:inline;
   margin:0;
   padding:0;
}
.dropmenudiv a:link,.dropmenudiv a:visited
{
   width:180px;
   display:block;
   border:0 #000;
   color:#FFF;
   background:url(http://img.webme.com/pic/g/gokseen/ebleft_006.gif) no-repeat left top;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
   margin:0;
   padding:0;
}
.dropmenudiv a span
{
   display:block;
   line-height:34px;
   background:url(http://img.webme.com/pic/g/gokseen/ebright_006.gif) no-repeat right top;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#FFF;
   float:none;
   padding:0 20px;
}
.dropmenudiv a:hover
{
   border:0 #000;
   background-position:left bottom;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
   color:#FFF;
}
.dropmenudiv a:hover span
{
   background-position:right bottom;
   color:#FFF;
   font-weight:700;
}



CSS2 kodu


Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><title>IzzyMenu.com</title><script type="text/javascript" src="http://h1.ripway.com/goksentrgg/m5.js"></script>
<style>
#MainMenu
{
   height:34px;
   border:0;
   margin:0;
}
#tab
{
   top:0;
   height:0;
   background:repeat-x top;
   margin:0;
}
#tab ul
{
   list-style:none;
   float:left;
   margin:0;
   padding:0;
}
#tab li
{
   display:inline;
   float:left;
   margin:0;
   padding:0;
}
#tab a
{
   background:#000 url(http://img.webme.com/pic/g/gokseen/ebright_006.gif) no-repeat right top;
   text-decoration:none;
   border:0;
   display:block;
   float:left;
   margin:0;
   padding:0;
}
#tab a span
{
   display:block;
   background:url(http://img.webme.com/pic/g/gokseen/ebleft_006.gif) no-repeat left top;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#FFF;
   font-weight:700;
   line-height:34px;
   padding:0 20px;
}
#tab a:hover,#tab li.item_active a
{
   background-position:right bottom;
   border-color:#000;
}
#tab a:hover span,#tab li.item_active a span
{
   background-position:left bottom;
   color:#FFF;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
}
.dropmenudiv
{
   position:absolute;
   top:0;
   float:left;
   display:block;
   visibility:hidden;
   border:0 #306;
   color:#FFF;
   z-index:100;
   text-decoration:none;
   padding:0;
}
.dropmenudiv ul
{
   list-style:none;
   margin:0;
   padding:0;
}
.dropmenudiv li
{
   display:inline;
   margin:0;
   padding:0;
}
.dropmenudiv a:link,.dropmenudiv a:visited
{
   width:180px;
   display:block;
   border:0 #000;
   color:#FFF;
   background:url(http://img.webme.com/pic/g/gokseen/ebleft_006.gif) no-repeat left top;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
   margin:0;
   padding:0;
}
.dropmenudiv a span
{
   display:block;
   line-height:34px;
   background:url(http://img.webme.com/pic/g/gokseen/ebright_006.gif) no-repeat right top;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#FFF;
   float:none;
   padding:0 20px;
}
.dropmenudiv a:hover
{
   border:0 #000;
   background-position:left bottom;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
   color:#FFF;
}
.dropmenudiv a:hover span
{
   background-position:right bottom;
   color:#FFF;
   font-weight:700;
}

</style></head><body>
<div id="MainMenu">
   <div id="tab">
      <ul>
         <li class="item_active"><a href="home.html"><span>Home</span></a></li>
         <li><a href="about.html"><span>About</span></a></li>
         <li><a href="contact.html"><span>Contact</span></a></li>
      </ul>
   </div>
</div>
Mesaj02.02.2009, 10:33 (UTC)    
Mesaj konusu:



CSS1 kodu

Kod:
#MainMenu
{
   width:100%;
   height:26px;
   background:url(http://img.webme.com/pic/g/gokseen/fbmid_036.gif);
   border:0;
   margin:0;
}
#tab
{
   top:0;
   height:0;
   background:repeat-x top;
   margin:0;
}
#tab ul
{
   list-style:none;
   float:left;
   margin:0;
   padding:0;
}
#tab li
{
   display:inline;
   float:left;
   margin:0;
   padding:0;
}
#tab a
{
   background:#000 url(http://img.webme.com/pic/g/gokseen/fbright_036.gif) no-repeat right top;
   text-decoration:none;
   border:0;
   display:block;
   float:left;
   margin:0;
   padding:0;
}
#tab a span
{
   display:block;
   background:url(http://img.webme.com/pic/g/gokseen/fbleft_036.gif) no-repeat left top;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#000;
   font-weight:700;
   line-height:26px;
   padding:0 18px 0 16px;
}
#tab a:hover,#tab li.item_active a
{
   background-position:right bottom;
   border-color:#000;
}
#tab a:hover span,#tab li.item_active a span
{
   background-position:left bottom;
   color:#000;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
}
.dropmenudiv
{
   position:absolute;
   top:0;
   float:left;
   display:block;
   visibility:hidden;
   border:0 #306;
   background:url(http://img.webme.com/pic/g/gokseen/fbmid_036.gif);
   color:#000;
   z-index:100;
   text-decoration:none;
   padding:0;
}
.dropmenudiv ul
{
   list-style:none;
   margin:0;
   padding:0;
}
.dropmenudiv li
{
   display:inline;
   margin:0;
   padding:0;
}
.dropmenudiv a:link,.dropmenudiv a:visited
{
   width:180px;
   display:block;
   border:0 #000;
   color:#000;
   background:url(http://img.webme.com/pic/g/gokseen/fbleft_036.gif) no-repeat left top;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
   margin:0;
   padding:0;
}
.dropmenudiv a span
{
   display:block;
   line-height:26px;
   background:url(http://img.webme.com/pic/g/gokseen/fbright_036.gif) no-repeat right top;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#000;
   float:none;
   padding:0 18px 0 16px;
}
.dropmenudiv a:hover
{
   border:0 #000;
   background-position:left bottom;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
   color:#000;
}
.dropmenudiv a:hover span
{
   background-position:right bottom;
   color:#000;
   font-weight:700;
}


CSS2 kodu

Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><title>IzzyMenu.com</title><script type="text/javascript" src="http://h1.ripway.com/goksentrgg/m6.js"></script>
<style>
#MainMenu
{
   width:100%;
   height:26px;
   background:url(http://img.webme.com/pic/g/gokseen/fbmid_036.gif);
   border:0;
   margin:0;
}
#tab
{
   top:0;
   height:0;
   background:repeat-x top;
   margin:0;
}
#tab ul
{
   list-style:none;
   float:left;
   margin:0;
   padding:0;
}
#tab li
{
   display:inline;
   float:left;
   margin:0;
   padding:0;
}
#tab a
{
   background:#000 url(http://img.webme.com/pic/g/gokseen/fbright_036.gif) no-repeat right top;
   text-decoration:none;
   border:0;
   display:block;
   float:left;
   margin:0;
   padding:0;
}
#tab a span
{
   display:block;
   background:url(http://img.webme.com/pic/g/gokseen/fbleft_036.gif) no-repeat left top;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#000;
   font-weight:700;
   line-height:26px;
   padding:0 18px 0 16px;
}
#tab a:hover,#tab li.item_active a
{
   background-position:right bottom;
   border-color:#000;
}
#tab a:hover span,#tab li.item_active a span
{
   background-position:left bottom;
   color:#000;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
}
.dropmenudiv
{
   position:absolute;
   top:0;
   float:left;
   display:block;
   visibility:hidden;
   border:0 #306;
   background:url(http://img.webme.com/pic/g/gokseen/fbmid_036.gif);
   color:#000;
   z-index:100;
   text-decoration:none;
   padding:0;
}
.dropmenudiv ul
{
   list-style:none;
   margin:0;
   padding:0;
}
.dropmenudiv li
{
   display:inline;
   margin:0;
   padding:0;
}
.dropmenudiv a:link,.dropmenudiv a:visited
{
   width:180px;
   display:block;
   border:0 #000;
   color:#000;
   background:url(http://img.webme.com/pic/g/gokseen/fbleft_036.gif) no-repeat left top;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
   margin:0;
   padding:0;
}
.dropmenudiv a span
{
   display:block;
   line-height:26px;
   background:url(http://img.webme.com/pic/g/gokseen/fbright_036.gif) no-repeat right top;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#000;
   float:none;
   padding:0 18px 0 16px;
}
.dropmenudiv a:hover
{
   border:0 #000;
   background-position:left bottom;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
   color:#000;
}
.dropmenudiv a:hover span
{
   background-position:right bottom;
   color:#000;
   font-weight:700;
}

</style></head><body>
<div id="MainMenu">
   <div id="tab">
      <ul>
         <li class="item_active"><a href="home.html"><span>Home</span></a></li>
         <li><a href="about.html"><span>About</span></a></li>
         <li><a href="contact.html"><span>Contact</span></a></li>
      </ul>
   </div>
</div>
Mesaj02.02.2009, 10:40 (UTC)    
Mesaj konusu:

PAYLASİM İÇİN TŞK
______________
Mesaj02.02.2009, 22:33 (UTC)    
Mesaj konusu:

tr-friendship yazmış:
PAYLASİM İÇİN TŞK


Wink
Mesaj02.02.2009, 22:38 (UTC)    
Mesaj konusu:

Paylaşım İçin Teşekkürler
______________

Mesaj03.02.2009, 23:57 (UTC)    
Mesaj konusu:

sansarnet yazmış:
Paylaşım İçin Teşekkürler

Wink
Mesaj04.02.2009, 00:34 (UTC)    
Mesaj konusu:

sağol arkadaş da bunların içinde açılır olanı var mı?
Mesaj04.02.2009, 08:30 (UTC)    
Mesaj konusu:

zeybekmatbaa yazmış:
sağol arkadaş da bunların içinde açılır olanı var mı?
Açılır menülere drop menu denir.css menüler dedigine göre açılırları yoktur.ama açılır menüler indirip sitenize uygulamak istiyorsanız bu linki inceleyiniz.

Arrow http://www.bedava-sitem.com/forum/viewtopic.php?t=60096

______________
Atatürk diyorki ; Beni unutturmak isteyenler olabilir...

Takıldıgınız zor sorunlarmı var burdan çözümünü bulabilirsin tıkla
Mesaj04.02.2009, 08:50 (UTC)    
Mesaj konusu: bs

Paylaşım için teşekkürler Wink
Mesaj04.02.2009, 09:15 (UTC)    
Mesaj konusu:

Mesaj05.02.2009, 10:16 (UTC)    
Mesaj konusu:

çok güzel bir paylaşım olmuş teşekkürler gokseen emeğine sağlık Smile
______________
Önceki mesajları göster:   


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