Yazar |
Mesaj |
-
samanyolu35
Bedava-Sitem Bağımlısı
Konum: izmir Seviye:Profesyonel
|
26.06.2008, 11:29 (UTC) Mesaj konusu: CSS Desing Menüler (Resimli) |
|
|
KODLARIN KULLANIŞ BİÇİMİ;
Css design tasarım kullanıyorsanız still.css kodunu tasarım ayarlarından css tagı olmayan yere yapıştırın diğer kodu ise tasarım üstüne yapıştırın.
Eğer css design kullanmıyorsanız still.css yazan kodun en başına Kod: <style type="text/css"> ve sonuna kodu ekleyerek diğer kodla beraber istediğiniz yere yapıştırın..
YORUMLARINIZI ESİRGEMEYİN..
STİLL.CSS KODU
Kod:
#MainMenu
{
width:100%;
height:38px;
background: url('http://80.190.202.79/pic/s/samanyolu35/bmid_040.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 0 0 0 ;
padding:0;
}
#tab a
{
background:#000000 url('http://80.190.202.79/pic/s/samanyolu35/bright_040.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://80.190.202.79/pic/s/samanyolu35/bleft_040.gif') no-repeat left top;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#000000;
font-weight:bold;
line-height:38px; 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: url('http://80.190.202.79/pic/s/samanyolu35/bmid_040.gif');
color:#000000;
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 #000000;
color:#000000;
background:url('http://80.190.202.79/pic/s/samanyolu35/bleft_040.gif') no-repeat left top;
font-weight:bold;
font-style:normal;
text-decoration:none
}
.dropmenudiv a span
{
float:left;
display:block;
line-height:38px;
background:url('http://80.190.202.79/pic/s/samanyolu35/bright_040.gif') no-repeat right top;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#000000; 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/chrome.js"></script>
<style>
#MainMenu
{
width:100%;
height:38px;
background: url("http://80.190.202.79/pic/s/samanyolu35/bmid_040.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 0 0 0 ;
padding:0;
}
#tab a
{
background:#000000 url("http://80.190.202.79/pic/s/samanyolu35/bright_040.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://80.190.202.79/pic/s/samanyolu35/bleft_040.gif") no-repeat left top;
padding:0 15px 0 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#000000;
font-weight:bold;
line-height:38px;
}
#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: url("http://80.190.202.79/pic/s/samanyolu35/bmid_040.gif");
color:#000000;
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 0 0 0 ;
padding:0;
display:block;
border:0 solid #000000;
color:#000000;
background:url("http://80.190.202.79/pic/s/samanyolu35/bleft_040.gif") no-repeat left top;
font-weight:bold;
font-style:normal;
text-decoration:none;
}
.dropmenudiv a span
{
float:left;
display:block;
line-height:38px;
background:url("http://80.190.202.79/pic/s/samanyolu35/bright_040.gif") no-repeat right top;
padding:0 15px 0 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#000000;
}
.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><a target="_blank" href="LİNK ADRESİ"><span>SAYFA ADI</span></a></li>
<li><a target="_blank" href="LİNK ADRESİ"><span>SAYFA ADI</span></a></li>
<li><a target="_blank" href="LİNK ADRESİ"><span>SAYFA ADI</span></a></li>
<li><a target="_blank" href="LİNK ADRESİ"><span>SAYFA ADI</span></a></li>
<li><a target="_blank" href="LİNK ADRESİ"><span>SAYFA ADI</span></a></li>
</ul>
</div>
</div>
STİLL.CSS KODU
Kod:
#MainMenu
{
border-left:0px solid #9AB6D2; border-right:0px solid #9AB6D2; border-top:0px solid #9AB6D2; border-bottom:3px solid #9AB6D2; height:27px;
background: #FFFFFF;
margin: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 1px 0 0 ;
padding:0;
}
#tab a
{
background: url('http://www.fileden.com/files/2007/6/19/1190933/bright_115.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_115.gif') no-repeat left top;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#FFFFFF;
font-weight:bold;
line-height:27px; padding-left:22px; padding-right:22px; 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
{
border-left:0px solid #9AB6D2; border-right:0px solid #9AB6D2; border-top:0px solid #9AB6D2; border-bottom:3px solid #9AB6D2; position:absolute;
top:0;
float:left;
display:block;
visibility:hidden;
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;
padding:0;
display:block;
border:0px solid ;
color:#FFFFFF;
background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_115.gif') no-repeat left top;
font-weight:bold;
font-style:normal;
text-decoration:none; margin-left:0; margin-right:1px; margin-top:0; margin-bottom:0
}
.dropmenudiv a span
{
float:left;
display:block;
line-height:27px;
background:url('http://www.fileden.com/files/2007/6/19/1190933/bright_115.gif') no-repeat right top;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#FFFFFF; padding-left:22px; padding-right:22px; 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/chromee.js"></script>
<style>
#MainMenu
{
height:27px;
background: #FFFFFF;
margin:0;
border-style:solid;
border-color:#9AB6D2;
border-top-width:0;
border-right-width:0;
border-bottom-width:3px;
border-left-width: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 1px 0 0 ;
padding:0;
}
#tab a
{
background: url("http://www.fileden.com/files/2007/6/19/1190933/bright_115.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_115.gif") no-repeat left top;
padding:0 22px 0 22px;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#FFFFFF;
font-weight:bold;
line-height:27px;
}
#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-style:solid;
border-color:#9AB6D2;
border-top-width:0;
border-right-width:0;
border-bottom-width:3px;
border-left-width:0;
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 1px 0 0 ;
padding:0;
display:block;
border:0 solid ;
color:#FFFFFF;
background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_115.gif") no-repeat left top;
font-weight:bold;
font-style:normal;
text-decoration:none;
}
.dropmenudiv a span
{
float:left;
display:block;
line-height:27px;
background:url("http://www.fileden.com/files/2007/6/19/1190933/bright_115.gif") no-repeat right top;
padding:0 22px 0 22px;
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:36px;
background: #FFFFFF url('http://www.fileden.com/files/2007/6/19/1190933/bmid_113.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: url('http://www.fileden.com/files/2007/6/19/1190933/bright_113.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_113.gif') no-repeat left top;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#FFFFFF;
font-weight:bold;
line-height:36px; padding-left:22px; padding-right:22px; 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_113.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_113.gif') no-repeat left top;
font-weight:bold;
font-style:normal;
text-decoration:none
}
.dropmenudiv a span
{
float:left;
display:block;
line-height:36px;
background:url('http://www.fileden.com/files/2007/6/19/1190933/bright_113.gif') no-repeat right top;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#FFFFFF; padding-left:22px; padding-right:22px; 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/chromees.js"></script>
<style>
#MainMenu
{
height:36px;
background: #FFFFFF url("http://www.fileden.com/files/2007/6/19/1190933/bmid_113.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: url("http://www.fileden.com/files/2007/6/19/1190933/bright_113.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_113.gif") no-repeat left top;
padding:0 22px 0 22px;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#FFFFFF;
font-weight:bold;
line-height:36px;
}
#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_113.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_113.gif") no-repeat left top;
font-weight:bold;
font-style:normal;
text-decoration:none;
}
.dropmenudiv a span
{
float:left;
display:block;
line-height:36px;
background:url("http://www.fileden.com/files/2007/6/19/1190933/bright_113.gif") no-repeat right top;
padding:0 22px 0 22px;
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>
______________
En son samanyolu35 tarafından 15.07.2008 21:51:36 tarihinde değiştirildi, toplam 7 kere değiştirildi
|
|
↑
|
|
|
-
samanyolu35
Bedava-Sitem Bağımlısı
Konum: izmir Seviye:Profesyonel
|
26.06.2008, 11:31 (UTC) Mesaj konusu: |
|
|
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>
______________
En son samanyolu35 tarafından 11.07.2008 17:31:52 tarihinde değiştirildi, toplam 1 kere değiştirildi
|
|
↑
|
|
|
-
samanyolu35
Bedava-Sitem Bağımlısı
Konum: izmir Seviye:Profesyonel
|
26.06.2008, 11:33 (UTC) Mesaj konusu: |
|
|
STİLL.CSS KODU
Kod:
#MainMenu
{
width:100%;
height:22px;
background: #FFFFFF url('../images/bmid_021.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 3px 0 0 ;
padding:0;
}
#tab a
{
background:#000000 url('http://www.fileden.com/files/2007/6/19/1190933/bright_021.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_021.gif') no-repeat left top;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#006600;
font-weight:bold;
line-height:22px; padding-left:18px; padding-right:18px; 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:#000099;
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 url('../images/bmid_021.gif');
color:#006600;
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:#006600;
background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_021.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:22px;
background:url('http://www.fileden.com/files/2007/6/19/1190933/bright_021.gif') no-repeat right top;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#006600; padding-left:18px; padding-right:18px; 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:#000099
}
.dropmenudiv a:hover span
{
background-position:right bottom;
color:#000099;
font-weight:bold;
}
Kod:
<script type="text/javascript" src="http://h1.ripway.com/kristaldunya/chromeyy.js"></script>
<style>
#MainMenu
{
width:100%;
height:22px;
background: #FFFFFF url("images/bmid_021.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 3px 0 0 ;
padding:0;
}
#tab a
{
background:#000000 url("http://www.fileden.com/files/2007/6/19/1190933/bright_021.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_021.gif") no-repeat left top;
padding:0 18px 0 18px;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#006600;
font-weight:bold;
line-height:22px;
}
#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:#000099;
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 url("images/bmid_021.gif");
color:#006600;
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:#006600;
background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_021.gif") no-repeat left top;
font-weight:bold;
font-style:normal;
text-decoration:none;
}
.dropmenudiv a span
{
float:left;
display:block;
line-height:22px;
background:url("http://www.fileden.com/files/2007/6/19/1190933/bright_021.gif
") no-repeat right top;
padding:0 18px 0 18px;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#006600;
}
.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:#000099;
}
.dropmenudiv a:hover span
{
background-position:right bottom;
color:#000099;
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:29px;
background: url('http://www.fileden.com/files/2007/6/19/1190933/bmid_053.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_053.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_053.gif') no-repeat left top;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#FFFFFF;
font-weight:bold;
line-height:29px; padding-left:15px; padding-right:45px; padding-top:0; padding-bottom:0
}
#tab a:hover, #tab li.item_active a
{
background-position:right bottom;
border-color:#FF9300;
}
#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: url('http://www.fileden.com/files/2007/6/19/1190933/bmid_053.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_053.gif') no-repeat left top;
font-weight:bold;
font-style:normal;
text-decoration:none
}
.dropmenudiv a span
{
float:left;
display:block;
line-height:29px;
background:url('http://www.fileden.com/files/2007/6/19/1190933/bright_053.gif') no-repeat right top;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#FFFFFF; padding-left:15px; padding-right:45px; padding-top:0; padding-bottom:0
}
.dropmenudiv a span
{
float:none;
}
.dropmenudiv a:hover
{
border:0px solid #FF9300;
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/chromeen.js"></script>
<style>
#MainMenu
{
height:29px;
background: url("http://www.fileden.com/files/2007/6/19/1190933/bmid_053.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_053.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_053.gif") no-repeat left top;
padding:0 45px 0 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#FFFFFF;
font-weight:bold;
line-height:29px;
}
#tab a:hover,#tab li.item_active a
{
background-position:right bottom;
border-color:#FF9300;
}
#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: url("http://www.fileden.com/files/2007/6/19/1190933/bmid_053.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_053.gif") no-repeat left top;
font-weight:bold;
font-style:normal;
text-decoration:none;
}
.dropmenudiv a span
{
float:left;
display:block;
line-height:29px;
background:url("http://www.fileden.com/files/2007/6/19/1190933/bright_053.gif") no-repeat right top;
padding:0 45px 0 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#FFFFFF;
}
.dropmenudiv a span
{
float:none;
}
.dropmenudiv a:hover
{
border:0 solid #FF9300;
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>
______________
En son samanyolu35 tarafından 11.07.2008 17:33:59 tarihinde değiştirildi, toplam 1 kere değiştirildi
|
|
↑
|
|
|
-
anlas
Acemi Üye
Konum: Bursa
|
26.06.2008, 11:37 (UTC) Mesaj konusu: |
|
|
Teşekkürler dostum
Ama bunları sabit başlıklarda paylaşsan daha makbule geçerdi ______________
DURMAK DEĞİL ÇALIŞMAK LAZIM, OLMAK DEĞİL VAR OLMAK LAZIM,
PAYLAŞIMA DEVAM!!!! |
|
↑
|
|
|
-
samanyolu35
Bedava-Sitem Bağımlısı
Konum: izmir Seviye:Profesyonel
|
26.06.2008, 11:43 (UTC) Mesaj konusu: |
|
|
anlas yazmış: Teşekkürler dostum
Ama bunları sabit başlıklarda paylaşsan daha makbule geçerdi
sabit başlıklara güvenim yok böle daha iyi ______________
|
|
↑
|
|
|
-
the-anil
Bedava-Sitem Bağımlısı
Konum: NO question NO answer (Türkçe anlamıyosunuz)
|
|
↑
|
|
|
-
pazarlamaca
Bedava-Sitem Bağımlısı
Konum: MaRDiN
|
26.06.2008, 19:51 (UTC) Mesaj konusu: Zaten var |
|
|
Olan bir konuyu tekrar gündeme getirmenin anlamı yok bence |
|
↑
|
|
|
-
senininternetin
Uzman Üye
|
26.06.2008, 21:12 (UTC) Mesaj konusu: |
|
|
teşşekkürler gerçekten çok güzeller ______________ |
|
↑
|
|
|
-
samanyolu35
Bedava-Sitem Bağımlısı
Konum: izmir Seviye:Profesyonel
|
27.06.2008, 06:58 (UTC) Mesaj konusu: |
|
|
the-anil yazmış: paylaşım için teşekkürler
rica ederim. ______________
|
|
↑
|
|
|
-
samanyolu35
Bedava-Sitem Bağımlısı
Konum: izmir Seviye:Profesyonel
|
27.06.2008, 06:59 (UTC) Mesaj konusu: Re: Zaten var |
|
|
pazarlamaca yazmış: Olan bir konuyu tekrar gündeme getirmenin anlamı yok bence
bu kodlar kimsede yok kardeşim daha önce tarafımdan paylaşım yapılmıştı ama silindi bende tekrardan paylaşıyorum.. ______________
|
|
↑
|
|
|
-
samanyolu35
Bedava-Sitem Bağımlısı
Konum: izmir Seviye:Profesyonel
|
27.06.2008, 07:00 (UTC) Mesaj konusu: |
|
|
senininternetin yazmış: teşşekkürler gerçekten çok güzeller
rica ederim.devamı gelecek ______________
|
|
↑
|
|
|
-
yolumuzdevrimyolu
Bedava-Sitem Bağımlısı
|
27.06.2008, 09:52 (UTC) Mesaj konusu: |
|
|
Bu menülerde linklerin baska sayfada açılması gibi bi kod varmıdır ??? |
|
↑
|
|
|
-
ysnsen
Uzman Üye
Konum: YsnseN
|
27.06.2008, 09:54 (UTC) Mesaj konusu: |
|
|
yolumuzdevrimyolu yazmış: Bu menülerde linklerin baska sayfada açılması gibi bi kod varmıdır ???
kaynak butonuna basıp kodu sayfa editörüne yerleştir
dahas sonra tekrar kaynağa bas ve resim çıkar karşına hangisinin açılmasını istiyorsan üzerine bir kere tıklar ve köprü eklemeye tıkal köprü özelliklerinden.
yeni pencerede açılmasını sağla ______________ |
|
↑
|
|
|
-
can22
Acemi Üye
|
27.06.2008, 15:10 (UTC) Mesaj konusu: |
|
|
eyw saolasın |
|
↑
|
|
|
-
samanyolu35
Bedava-Sitem Bağımlısı
Konum: izmir Seviye:Profesyonel
|
28.06.2008, 08:36 (UTC) Mesaj konusu: |
|
|
Kod:
<script type="text/javascript" src="chrome.js"></script>
<style>
#MainMenu
{
height:29px;
background: url("http://www.fileden.com/files/2007/6/19/1190933/bmid_086.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_086.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_086.gif") no-repeat left top;
padding:0 15px 0 13px;
font-family:Georgia, \"Times New Roman\", Times, serif;
font-size:11;
color:#FFFFFF;
font-weight:bold;
line-height:29px;
}
#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:#000099;
font-weight:bold;
font-style:normal;
text-decoration:none;
}
.dropmenudiv
{
position:absolute;
top:0;
float:left;
display:block;
visibility:hidden;
border:0 solid ;
background: url("http://www.fileden.com/files/2007/6/19/1190933/bmid_086.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_086.gif") no-repeat left top;
font-weight:bold;
font-style:normal;
text-decoration:none;
}
.dropmenudiv a span
{
float:left;
display:block;
line-height:29px;
background:url("http://www.fileden.com/files/2007/6/19/1190933/bright_086.gif") no-repeat right top;
padding:0 15px 0 13px;
font-family:Georgia, \"Times New Roman\", Times, 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:#000099;
}
.dropmenudiv a:hover span
{
background-position:right bottom;
color:#000099;
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>
<script type="text/javascript" src="chrome.js"></script>
<style>
#MainMenu
{
height:29px;
background: url("http://www.fileden.com/files/2007/6/19/1190933/bmid_086.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_086.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_086.gif") no-repeat left top;
padding:0 15px 0 13px;
font-family:Georgia, \"Times New Roman\", Times, serif;
font-size:11;
color:#FFFFFF;
font-weight:bold;
line-height:29px;
}
#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:#000099;
font-weight:bold;
font-style:normal;
text-decoration:none;
}
.dropmenudiv
{
position:absolute;
top:0;
float:left;
display:block;
visibility:hidden;
border:0 solid ;
background: url("http://www.fileden.com/files/2007/6/19/1190933/bmid_086.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_086.gif") no-repeat left top;
font-weight:bold;
font-style:normal;
text-decoration:none;
}
.dropmenudiv a span
{
float:left;
display:block;
line-height:29px;
background:url("http://www.fileden.com/files/2007/6/19/1190933/bright_086.gif") no-repeat right top;
padding:0 15px 0 13px;
font-family:Georgia, \"Times New Roman\", Times, 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:#000099;
}
.dropmenudiv a:hover span
{
background-position:right bottom;
color:#000099;
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:29px;
background: url('http://www.fileden.com/files/2007/6/19/1190933/bmid_086.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_086.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_086.gif') no-repeat left top;
font-family:Georgia, \"Times New Roman\", Times, serif;
font-size:11;
color:#FFFFFF;
font-weight:bold;
line-height:29px; padding-left:13px; padding-right:15px; 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:#000099;
font-weight:bold;
font-style:normal;
text-decoration:none;
}
.dropmenudiv
{
position:absolute;
top:0;
float:left;
display:block;
visibility:hidden;
border:0px solid ;
background: url('http://www.fileden.com/files/2007/6/19/1190933/bmid_086.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_086.gif') no-repeat left top;
font-weight:bold;
font-style:normal;
text-decoration:none
}
.dropmenudiv a span
{
float:left;
display:block;
line-height:29px;
background:url('http://www.fileden.com/files/2007/6/19/1190933/bright_086.gif') no-repeat right top;
font-family:Georgia, \"Times New Roman\", Times, serif;
font-size:11;
color:#FFFFFF; padding-left:13px; padding-right:15px; 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:#000099
}
.dropmenudiv a:hover span
{
background-position:right bottom;
color:#000099;
font-weight:bold;
}
Kod:
<script type="text/javascript" src="chrome.js"></script>
<style>
#MainMenu
{
width:100%;
height:33px;
background: url("http://www.fileden.com/files/2007/6/19/1190933/bmid_038.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 0 0 0 ;
padding:0;
}
#tab a
{
background:#000000 url("http://www.fileden.com/files/2007/6/19/1190933/bright_038.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_038.gif") no-repeat left top;
padding:0 30px 0 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#FFFFFF;
font-weight:bold;
line-height:33px;
}
#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:#FFFFFF;
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: url("http://www.fileden.com/files/2007/6/19/1190933/bmid_038.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 0 0 0 ;
padding:0;
display:block;
border:0 solid #000000;
color:#FFFFFF;
background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_038.gif") no-repeat left top;
font-weight:bold;
font-style:normal;
text-decoration:none;
}
.dropmenudiv a span
{
float:left;
display:block;
line-height:33px;
background:url("http://www.fileden.com/files/2007/6/19/1190933/bright_038.gif") no-repeat right top;
padding:0 30px 0 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#FFFFFF;
}
.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:#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:33px;
background: url('http://www.fileden.com/files/2007/6/19/1190933/bmid_038.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 0 0 0 ;
padding:0;
}
#tab a
{
background:#000000 url('http://www.fileden.com/files/2007/6/19/1190933/bright_038.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_038.gif') no-repeat left top;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#FFFFFF;
font-weight:bold;
line-height:33px; padding-left:15px; padding-right:30px; 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:#FFFFFF;
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: url('http://www.fileden.com/files/2007/6/19/1190933/bmid_038.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 #000000;
color:#FFFFFF;
background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_038.gif') no-repeat left top;
font-weight:bold;
font-style:normal;
text-decoration:none
}
.dropmenudiv a span
{
float:left;
display:block;
line-height:33px;
background:url('http://www.fileden.com/files/2007/6/19/1190933/bright_038.gif') no-repeat right top;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#FFFFFF; padding-left:15px; padding-right:30px; 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:#FFFFFF
}
.dropmenudiv a:hover span
{
background-position:right bottom;
color:#FFFFFF;
font-weight:bold;
}
Kod:
<script type="text/javascript" src="chrome.js"></script>
<style>
#MainMenu
{
height:51px;
background: #FFFFFF url("http://www.fileden.com/files/2007/6/19/1190933/bmid_101.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_101.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_101.gif") no-repeat left top;
padding:0 13px 0 13px;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#000000;
font-weight:bold;
line-height:51px;
}
#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:#990000;
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_101.gif");
color:#000000;
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:#000000;
background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_101.gif") no-repeat left top;
font-weight:bold;
font-style:normal;
text-decoration:none;
}
.dropmenudiv a span
{
float:left;
display:block;
line-height:51px;
background:url("http://www.fileden.com/files/2007/6/19/1190933/bright_101.gif") no-repeat right top;
padding:0 13px 0 13px;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#000000;
}
.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:#990000;
}
.dropmenudiv a:hover span
{
background-position:right bottom;
color:#990000;
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:51px;
background: #FFFFFF url('http://www.fileden.com/files/2007/6/19/1190933/bmid_101.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_101.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_101.gif') no-repeat left top;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#000000;
font-weight:bold;
line-height:51px; padding-left:13px; padding-right:13px; 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:#990000;
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_101.gif');
color:#000000;
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:#000000;
background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_101.gif') no-repeat left top;
font-weight:bold;
font-style:normal;
text-decoration:none
}
.dropmenudiv a span
{
float:left;
display:block;
line-height:51px;
background:url('http://www.fileden.com/files/2007/6/19/1190933/bright_101.gif') no-repeat right top;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#000000; padding-left:13px; padding-right:13px; 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:#990000
}
.dropmenudiv a:hover span
{
background-position:right bottom;
color:#990000;
font-weight:bold;
}
______________
En son samanyolu35 tarafından 28.06.2008 09:31:33 tarihinde değiştirildi, toplam 1 kere değiştirildi
|
|
↑
|
|
|
|