Ana Sayfa
Kılavuz
Ziyaretçi Defteri
Css Tasarım
Html Kodları
Bedava Sitem
Ana Sayfa
İletişim
Css Menü Ekleme(Resimli Anlatım)
Css Design Tasarım(Resinmli Anlatım)
Üst Menü Yapma(Resmli Anlatım)
Yazıya Link Verme(Resimli Anlatım)
Site Ayarları(Resimli Anlatım)
Butterfly Tasarımı(Resimli Anlatım)
Red Tasarımı(Resimli Anlatım)
Eitöre Nasıl Kod Eklenir (Resimli Anlatım)
Butonlara Yeni Gif Ekleme
Menü
Flash Saat Kodları
Mouse(Fare)Kodları
İCEBLUE,RED,BUTTERFLY İÇİN TASARIMLAR
Soldan Sağa Kayan Yazı Kodları
Flash Oyun Kodları
Online Tv Kodları
Sinema Kodları
E-Devlet Linkleri Kodu
Renk Kodları
Telefon Şaka Kodu
Duyuru Kodları
Komik Videolar Kodları
Hoş Geldin Kodları
Hava Durumu Kodları
Teşekkür Kodları
Player Kodları
Reklam Kodları
Mini Clip Kodları
Hareketli Yazı Kodları
Css Tasarım
Kod
Ziyaretçi defteri
Csss
Htm Kodları
Nasıl Başlayacağım ?
Sayfama(HTML)Kodlarını Nasıl Eklerim ?
Navigasyondaki linklerimi nasıl kalın, yatık vs. oluşturabilirim?
Navigasyonumda yabancı sitelere (mesela google.com.tr) nasıl link ekleyebilirim?
Siteme nasıl link ekleyebilirim?
Siteme yabancı sayfaları nasıl ekleyebilirim?
Sayfa Yönet Kodları
Nasıl resim eklerim?
Resim küçültme-fonksyonu ne işe yarar?
Herşeyi videoda gösterildiği gibi yaptım. Resimlerim neden görüntülenmiyor?
Bir resmin URL / Adresini nasıl bulabilirim?
Sayfamda resim linkini nasıl olaşturabilirim?
Sağdaki kutuya nasıl resim ekleyebilir veya resim linkini nasıl oluşturabilirim?
Resimleri Yönet Kodları
Sayfa tasarımını nasıl değiştirebilirim?
Kendime ait Logo / Banner / Başlığı sayfama nasıl ekleyebilirim?
Kendime ait bir tasarımı yükleyip kullanabilir miyim?
Tasarımı nasıl ortalayabilir veya sağa bitişik olarak nasıl düzenleyebilirim?
TasarımKodları
Sayfaları Yönet
Resimleri Yönet
Tasarım
.
Hazır Menü Kodları
İceblue Tasarım Kodları
Hazır Menü Kodları
CSS KODU YAZAN YERE KODU YAPIŞTIR
#MainMenu { width:100%; height:38px; background: url('https://img.webme.com/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('https://img.webme.com/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('https://img.webme.com/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('https://img.webme.com/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('https://img.webme.com/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('https://img.webme.com/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; }
TASARIMIN ÜSTÜNE YADA MENÜYÜ KOYMAK İSTEDİĞİNİZ YERE KOYUNUZ
<script type="text/javascript" src="http://h1.ripway.com/kristaldunya/chrome.js"></script> <style> #MainMenu { width:100%; height:38px; background: url("https://img.webme.com/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("https://img.webme.com/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("https://img.webme.com/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("https://img.webme.com/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("https://img.webme.com/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("https://img.webme.com/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İ" _fcksavedurl="LİNK ADRESİ"><span>SAYFA ADI</span></a></li> <li><a target="_blank" href="LİNK ADRESİ" _fcksavedurl="LİNK ADRESİ"><span>SAYFA ADI</span></a></li> <li><a target="_blank" href="LİNK ADRESİ" _fcksavedurl="LİNK ADRESİ"><span>SAYFA ADI</span></a></li> <li><a target="_blank" href="LİNK ADRESİ" _fcksavedurl="LİNK ADRESİ"><span>SAYFA ADI</span></a></li> <li><a target="_blank" href="LİNK ADRESİ" _fcksavedurl="LİNK ADRESİ"><span>SAYFA ADI</span></a></li> </ul> </div> </div> </texztarea>
CSS KODU YAZAN YERE
#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; }
TASARIMIN ÜSTÜNE YADA MENÜYÜ KOYMAK İSTEDİĞİNİZ YERE
<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="#" _fcksavedurl="#"><span>Home</span></a></li> <li><a href="#" _fcksavedurl="#"><span>About</span></a></li> <li><a href="#" _fcksavedurl="#"><span>Contact</span></a></li> </ul> </div> </div>
CSS KODU YAZAN YERE
<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="#" _fcksavedurl="#"><span>Home</span></a></li> <li><a href="#" _fcksavedurl="#"><span>About</span></a></li> <li><a href="#" _fcksavedurl="#"><span>Contact</span></a></li> </ul> </div> </div>
TASARIMIN ÜSTÜNDEKİ YAZIYA YADA MENÜYÜ NEREYE KOYACAKSANIZ O SAYFAYA KOYUNUZ
<script type="text/javascript" src="http://h1.ripway.com/kristaldunya/chromees.js"></script> <style type="text/css"> #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> </textare> <div id="MainMenu"> <div id="tab"> <ul> <li class="item_active"><a href="#" _fcksavedurl="#"><span>Home</span></a></li> <li><a href="#" _fcksavedurl="#"><span>About</span></a></li> <li><a href="#" _fcksavedurl="#"><span>Contact</span></a></li> </ul> </div> </div> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <img src="http://www.izzymenu.com/t/130.jpg" _fcksavedurl="http://www.izzymenu.com/t/130.jpg" alt="" /><br /> <br /> BENİM ÜST MENÜMÜN AYNISI<br /> <br /> CSS KODU YAZAN YERE <br /> <br /> <br /> <br /> </b></font> <textarea>#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; }
css kodu yazan kutuya (tasarım sayfalarında)
#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; }
TASARIMIN ÜSTÜNDEKİ YAZI ADLI KUTUYA YADAMENÜYÜ KOYMAK İSTEDİĞİNİZ SAYFAYA
<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="#" _fcksavedurl="#"><span>Home</span></a></li> <li><a href="#" _fcksavedurl="#"><span>About</span></a></li> <li><a href="#" _fcksavedurl="#"><span>Contact</span></a></li> </ul> </div> </div>
CSS KODU YAZAN YERE
#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; }
TASARIMIN ÜSTÜNDEKİ YAZI ADLI KUTUYA YADA MENÜYÜ HANGİ SAYFAYA KOYMAK İSTİYORSANIZ ORAYA
<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="#" _fcksavedurl="#"><span>Home</span></a></li> <li><a href="#" _fcksavedurl="#"><span>About</span></a></li> <li><a href="#" _fcksavedurl="#"><span>Contact</span></a></li> </ul> </div> </div>
CSS KODU YAZAN YERE
#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; }
TASARIM SAYFALARINA YADA MENÜYÜ KOYMAK İSTEDİĞİN YERE
<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="#" _fcksavedurl="#"><span>Home</span></a></li> <li><a href="#" _fcksavedurl="#"><span>About</span></a></li> <li><a href="#" _fcksavedurl="#"><span>Contact</span></a></li> </ul> </div> </div>
CSS KODU YAZAN YERE
#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; }
TASARIMIN ÜSTÜNDEKİ YAZIYA YADA MENÜYÜ KOYMAK İSTEDİĞİNİZ YERE
<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="#" _fcksavedurl="#"><span>Home</span></a></li> <li><a href="#" _fcksavedurl="#"><span>About</span></a></li> <li><a href="#" _fcksavedurl="#"><span>Contact</span></a></li> </ul> </div> </div>
CSS KODU YAZAN YERE
#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; }
TASARIMIN ÜSTÜNDEKİ YAZI ADLI KUTUYA YADA MENÜYÜ KOYMAK İSTEDİĞİNİZ SAYFAYA
#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; }
CSS KODU YAZAN YERE
#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; }
TASARIMIN ÜSTÜNDEKİ YADI ADLI KUTUYA YADA MENÜYÜ KOYMAK İSTEDİĞİNİZ Y
ERE
<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="#" _fcksavedurl="#"><span>Home</span></a></li> <li><a href="#" _fcksavedurl="#"><span>About</span></a></li> <li><a href="#" _fcksavedurl="#"><span>Contact</span></a></li> </ul> </div> </div>
CSS KODU YAZAN YERE
#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; }
T
ASARIMIN ÜSTÜNDEKİ YAZIYA YADA MENÜYÜ NEREYE KOYACAKSANIZ ORAYA
<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="#" _fcksavedurl="#"><span>Home</span></a></li> <li><a href="#" _fcksavedurl="#"><span>About</span></a></li> <li><a href="#" _fcksavedurl="#"><span>Contact</span></a></li> </ul> </div> </div>
CSS KODU YAZAN YERE
#MainMenu { height:31px; background: #FFFFFF url('http://www.fileden.com/files/2007/6/19/1190933/bmid_091.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_091.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_091.gif') no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#FFFFFF; font-weight:bold; line-height:31px; 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:#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 url('http://www.fileden.com/files/2007/6/19/1190933/bmid_091.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_091.gif') no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none } .dropmenudiv a span { float:left; display:block; line-height:31px; background:url('http://www.fileden.com/files/2007/6/19/1190933/bright_091.gif') no-repeat right top; font-family:Arial, Helvetica, sans-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:#000000 } .dropmenudiv a:hover span { background-position:right bottom; color:#000000; font-weight:bold; }
TASARIMIN ÜSTÜNDEKİ YAZI ADLI KUTUYA, YADA MENÜYÜ KOYMAK İSTEDİĞİNİZ SAYFAYA
<script type="text/javascript" src="chrome.js"></script> <style> #MainMenu { height:31px; background: #FFFFFF url("http://www.fileden.com/files/2007/6/19/1190933/bmid_091.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_091.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_091.gif") no-repeat left top; padding:0 15px 0 13px; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#FFFFFF; font-weight:bold; line-height:31px; } #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 url("http://www.fileden.com/files/2007/6/19/1190933/bmid_091.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_091.gif") no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv a span { float:left; display:block; line-height:31px; background:url("http://www.fileden.com/files/2007/6/19/1190933/bright_091.gif") no-repeat right top; padding:0 15px 0 13px; 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="#" _fcksavedurl="#"><span>Home</span></a></li> <li><a href="#" _fcksavedurl="#"><span>About</span></a></li> <li><a href="#" _fcksavedurl="#"><span>Contact</span></a></li> </ul> </div> </div>
CSS KODU YAZAN YERE
#MainMenu { height:40px; 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 1px 0 0 ; padding:0; } #tab a { background:#000000 url('http://www.fileden.com/files/2007/6/19/1190933/bright_094.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_094.gif') no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#000000; font-weight:bold; line-height:40px; padding-left:13px; padding-right:45px; 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; 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; padding:0; display:block; border:0px solid ; color:#000000; background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_094.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:40px; background:url('http://www.fileden.com/files/2007/6/19/1190933/bright_094.gif') no-repeat right top; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#000000; padding-left:13px; padding-right:45px; 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; }
TASARIMIN ÜSTÜNDEKİ YAZI ADLI KUTUYA YADA MENÜYÜ KOYMAK İSTEDİĞİNİZ SAYFAYA
<script type="text/javascript" src="chrome.js"></script> <style> #MainMenu { height:40px; 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 1px 0 0 ; padding:0; } #tab a { background:#000000 url("http://www.fileden.com/files/2007/6/19/1190933/bright_094.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_094.gif") no-repeat left top; padding:0 45px 0 13px; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#000000; font-weight:bold; line-height:40px; } #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; 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 1px 0 0 ; padding:0; display:block; border:0 solid ; color:#000000; background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_094.gif") no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv a span { float:left; display:block; line-height:40px; background:url("http://www.fileden.com/files/2007/6/19/1190933/bright_094.gif") no-repeat right top; padding:0 45px 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:#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="#" _fcksavedurl="#"><span>Home</span></a></li> <li><a href="#" _fcksavedurl="#"><span>About</span></a></li> <li><a href="#" _fcksavedurl="#"><span>Contact</span></a></li> </ul> </div> </div>
CSS KODU YAZAN YERE
#MainMenu { border-left:0px solid #FDB300; border-right:0px solid #FDB300; border-top:0px solid #FDB300; border-bottom:1px solid #FDB300; height:24px; 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:#000000 url('http://www.fileden.com/files/2007/6/19/1190933/bright_065.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_065.gif') no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#000000; font-weight:bold; line-height:24px; 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:#FF9300; } #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 #FDB300; border-right:0px solid #FDB300; border-top:0px solid #FDB300; border-bottom:1px solid #FDB300; position:absolute; top:0; float:left; display:block; visibility:hidden; background: #FFFFFF; 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; padding:0; display:block; border:0px solid ; color:#000000; background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_065.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:24px; background:url('http://www.fileden.com/files/2007/6/19/1190933/bright_065.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 #FF9300; 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; }
TASARIMIN ÜSTÜND
EKİ YAZI ADLI KUTUYA, YADA MENÜYÜ KOYACAĞINIZ SAYFAYA
<script type="text/javascript" src="chrome.js"></script> <style> #MainMenu { height:24px; background: #FFFFFF; margin:0; border-style:solid; border-color:#FDB300; border-top-width:0; border-right-width:0; border-bottom-width:1px; 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:#000000 url("http://www.fileden.com/files/2007/6/19/1190933/bright_065.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_065.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:24px; } #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:#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:#FDB300; border-top-width:0; border-right-width:0; border-bottom-width:1px; border-left-width:0; background: #FFFFFF; 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 1px 0 0 ; padding:0; display:block; border:0 solid ; color:#000000; background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_065.gif") no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv a span { float:left; display:block; line-height:24px; background:url("http://www.fileden.com/files/2007/6/19/1190933/bright_065.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 #FF9300; 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="#" _fcksavedurl="#"><span>Home</span></a></li> <li><a href="#" _fcksavedurl="#"><span>About</span></a></li> <li><a href="#" _fcksavedurl="#"><span>Contact</span></a></li> </ul> </div> </div
CSS KODU YAZAN KUTUYA
#MainMenu { height:30px; background: #FFFFFF url('http://www.fileden.com/files/2007/6/19/1190933/bmid_087.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_087.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_087.gif') no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#FFFFFF; font-weight:bold; line-height:30px; 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:#009900; 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_087.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_087.gif') no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none } .dropmenudiv a span { float:left; display:block; line-height:30px; background:url('http://www.fileden.com/files/2007/6/19/1190933/bright_087.gif') no-repeat right top; font-family:Arial, Helvetica, sans-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:#009900 } .dropmenudiv a:hover span { background-position:right bottom; color:#009900; font-weight:bold; }
TASARIMIN ÜSTÜNDEKİ YAZI ADLI KUTUYA YADA MENÜYÜ KOYACAĞINIZ SAYFAYA
CSS KODU YAZAN KUTUYA
#MainMenu { height:33px; background: url('http://www.fileden.com/files/2007/6/19/1190933/bmid_077.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_077.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_077.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: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:#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_077.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_077.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_077.gif') no-repeat right top; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#FFFFFF; padding-left:15px; 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:#FFFFFF } .dropmenudiv a:hover span { background-position:right bottom; color:#FFFFFF; font-weight:bold; }
TASARIMIN ÜSTÜNDEKİ YAZI ADLI KUTUYA YADA MENÜYÜ KOYMAK İSTEDİĞİNİZ SAYFAYA
<script type="text/javascript" src="chrome.js"></script> <style> #MainMenu { height:33px; background: url("http://www.fileden.com/files/2007/6/19/1190933/bmid_077.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_077.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_077.gif") no-repeat left top; padding:0 15px 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:; } #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_077.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_077.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_077.gif") no-repeat right top; padding:0 15px 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="#" _fcksavedurl="#"><span>Home</span></a></li> <li><a href="#" _fcksavedurl="#"><span>About</span></a></li> <li><a href="#" _fcksavedurl="#"><span>Contact</span></a></li> </ul> </div> </div>
Bugün 15 ziyaretçi (20 klik) kişi burdaydı!
Copyright © 2009 Telif Hakları Faruk ÖNCEL'e Aittir.
Bu web sitesi ücretsiz olarak
Bedava-Sitem.com
ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol