| Yazar |
Mesaj |
-
gokseen
Uzman Üye
|
 01.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 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> |
|
|
↑
|
|
 |
-
gokseen
Uzman Üye
|
01.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> |
|
|
↑
|
|
|
-
gokseen
Uzman Üye
|
01.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> |
|
|
↑
|
|
|
-
gokseen
Uzman Üye
|
01.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> |
|
|
↑
|
|
|
-
gokseen
Uzman Üye
|
02.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> |
|
|
↑
|
|
|
-
gokseen
Uzman Üye
|
02.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> |
|
|
↑
|
|
|
-
tr-friendship
Bedava-Sitem Bağımlısı
|
02.02.2009, 10:40 (UTC)
Mesaj konusu: |
|
|
PAYLASİM İÇİN TŞK______________  |
|
|
↑
|
|
|
-
gokseen
Uzman Üye
|
02.02.2009, 22:33 (UTC)
Mesaj konusu: |
|
|
tr-friendship yazmış: PAYLASİM İÇİN TŞK |
|
|
↑
|
|
|
-
sansarnet
Bedava-Sitem Bağımlısı
Konum: [..:: İstanbul ::..]
|
02.02.2009, 22:38 (UTC)
Mesaj konusu: |
|
|
Paylaşım İçin Teşekkürler ______________ 
|
|
|
↑
|
|
|
-
gokseen
Uzman Üye
|
03.02.2009, 23:57 (UTC)
Mesaj konusu: |
|
|
sansarnet yazmış: Paylaşım İçin Teşekkürler |
|
|
↑
|
|
|
-
zeybekmatbaa
Acemi Üye
|
04.02.2009, 00:34 (UTC)
Mesaj konusu: |
|
|
sağol arkadaş da bunların içinde açılır olanı var mı? |
|
|
↑
|
|
|
-
kefkir
Uzman Üye
|
|
|
↑
|
|
|
-
cicoznet
Acemi Üye
|
04.02.2009, 08:50 (UTC)
Mesaj konusu: bs |
|
|
Paylaşım için teşekkürler  |
|
|
↑
|
|
|
-
mehmet-altiner
Uzman Üye
Konum: İstanbuL
|
04.02.2009, 09:15 (UTC)
Mesaj konusu: |
|
|
|
|
|
↑
|
|
|
-
maximumtest
Uzman Üye
Konum: Reklam yapmamak şartıyla Ö.M. yoluyla ulaşabilirsiniz.Mesajlarınıza yanıt verir, size yardımcı olmaya çalışırım...
|
05.02.2009, 10:16 (UTC)
Mesaj konusu: |
|
|
çok güzel bir paylaşım olmuş teşekkürler gokseen emeğine sağlık  ______________  |
|
|
↑
|
|
|
|
