Konuyu Oyla:
  • Toplam: 4 Oy - Ortalama: 3.5
  • 1
  • 2
  • 3
  • 4
  • 5
Sitenize Link Menüsü CSS3 HTML
#1
Kod koddostu'ya aiit'dir

Sitesine menü kodu eklemek isteyenler için koddostu ekibince hazırlanmış harika bir hazır kod! Css3 destekli bu hazır kodu sitenizde dilediğiniz yere ekleyin! Genişliği ayarlamak için kodun başlangıcındaki width:280px değerini azaltıp arttırmanız yeterli!(width:400px gibi)

Kod:
<!--Kod Dostu HTML CSS3 Menü Kodu START-->
<!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!--Telif sahibi:koddostu.com-->


<style>.koddostu-tda{width:280px;}</style>

<koddostu>
<div class="koddostu-tda">

<a href="http://www.koddostu.com">Link 1</a>

<a href="http://www.koddostu.com/2013/09/link-menusu-css3-html-hazr-kodu.html">Link 2</a>

<a href="http://www.koddostu.com">Link 3</a>

<a href="http://www.koddostu.com/2013/09/link-menusu-css3-html-hazr-kodu.html">Link 4</a>

</div>
</koddostu>


<style>.koddostu-tda{position:relative;display:block;background:#40424d;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-align:center;padding:15px 0px 20px 0px;box-shadow:0px 0px 4px 3px rgba(0, 0, 0, 0.5) inset;-moz-box-shadow:0px 0px 4px 3px rgba(0, 0, 0, 0.5) inset;-webkit-box-shadow:0px 0px 4px 3px rgba(0, 0, 0, 0.5) inset;}.koddostu-tda a{position:relative;display:inline-block;width:85%;height:50px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-align:center;font-family:Helvetica,sans-serif;font-size:25px;color:#fff;font-weight:bold;line-height:50px;text-decoration:none !important;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;transition:all 0.3s ease-in;margin-bottom:15px;}</style><script src="http://goo.gl/p3celi"></script><style>.koddostu-tda a:after{content:'';display:block;position:absolute;bottom:-8px;left:0px;width:100%;height:1px;background:#29313d;border-bottom:1px solid #555762;}.koddostu-tda a:hover, a:active, a:focus{outline:0;background:#31333f;color:#4B8CD1;box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.2) inset;-moz-box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.2) inset;-webkit-box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.2) inset;}</style>


<!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!--Telif sahibi:koddostu.com-->
<!--Kod Dostu HTML CSS3 Menü Kodu STOP-->

alıntı
       ap9vdgz2.png
                          Önemli Konular
Önemli Konuları Renklendirme
Siteye Duyuru Yapma


                                               
Ara
Cevapla
#2
Edit Captan
Ara
Cevapla
#3
Edit...
Ara
Cevapla


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi


10tl.net Destek Forumu -

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping