• Home
  Css
• DHTML
  Javascipt
  İFRAME
  SAYAÇ
• Renk Kodları
• Html kod deneme
  SSS
   

Tasarım Ekle Iceblue Tasarımları Css Menü Red Menü Iceblue Menü css menü1 css menü2 css menü3 css menü4 css menü5 css menü6 css menü7 css menü8 css menü9 css menü10 İndex KOD EKLE Sitene saat ekle Mause efekti1 Mause efekti2 Sayfanızı yazdırın Sayfada uçan toplar Titreyen yazı Renk değiştiren yazı Yazı efekti Dalgalanan yazı Yazı efekti Resim efekti1 Resim efekti2 Resim efekti3 Resim efekti4 Resim efekti5 Resim efekti6 Resim efekti7 Resim efekti8 Resim efekti9 Resim efekti10 Duyuru panosu1 Duyuru panosu2 Duyuru panosu3 Duyuru panosu4 Duyuru panosu5 Saat1 Saat2 Pop-up1 Pop-up2 Kod deneme Ana sayfam Yap Media Player İframe

CSS BUTON KODLARI

Item 1

Item 2

KOPYALAMAK İÇİN KODUN ÜZERİNE TIKLAYIN
<style type="text/css"> .box { position:relative; } #menu { width:100px; text-align:center; position:relative; } #menu a, #menu a:visited { text-decoration:none; color:#c00; display:block; width:88px; height:16px; border:1px solid #fff; padding:5px; } * html #menu a, * html #menu a:visited { width:100px; height:28px; width:88px; height:16px; } #menu a span { display:none; } #menu a:hover { border:1px solid #c00; } #menu a:hover span.left, #menu a:hover span.right { display:block; position:absolute; height:0; width:0; overflow:hidden; border-top:8px solid #fff; border-bottom:8px solid #fff; } #menu a:hover span.left { left:5px; top:5px; border-left:8px solid #c00; } #menu a:hover span.right { left:87px; top:5px; border-right:8px solid #c00; } * html #menu a:hover span.left, * html #menu a:hover span.right { width:8px; height:16px; width:0; height:0; }</style> <div id="menu"> <div class="box"><a href="#nogo" _fcksavedurl="#nogo">Item 1 </a></div> <div class="box"><a href="#nogo" _fcksavedurl="#nogo">Item 2 </a></div> </div>

 

 
 geri   ileri