Kullanıcı İşlemlerini Aç/Kapat

Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Sade Buton (Css)
Forum Üyesi
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 194
Konu Sayısı: 18
Üyelik Tarihi: Oct 2016
Rep Puanı: 14
Teşekkürler: 128
68 Mesajına 95 Teşekkür Edildi.

SanalPara (SP): 844.29₺
Eşya: (Tüm Eşyaları Göster)
#1
Selamlar,
Css ile aram biraz kötüydü. Araştırarak bir buton hazırladım. (Kodları ayrı ayrı yerlerden araştırıp birleştirdim)
Canlı örnek ; https://codepen.io/Graphifex/pen/BddEeK
Css ve html kodları ;
Html;
Kod:
<center> <br>
<a class="buton buton-custom-outline" href="#linkiniz">
 <span>Graphifex</span>
 </a>
 </center>

Css ;
Kod:
body {
background-color: #000;
}
a{
 text-decoration: none !important;
 -webkit-transition:all 0.3s linear;
 -moz-transition:all 0.3s linear;
 -ms-transition:all 0.3s linear;
  -o-transition:all 0.3s linear;
}

.buton {
   font-family: 'Source Sans Pro'
 border-radius: 3px;
}

.buton-custom:hover,.btn-custom:focus{
}

.buton-custom-outline {
border-radius: 3px;
padding: 0.8em 1.8em;
color: lightblue;
font-weight: 700;
}

.buton-custom-outline:hover,
.buton-custom-outline:focus{
color: black;
background-color: lightblue;
}
Düşüncelerimiz zıt olsa bile gönüllerimiz bir olsun. 
Graphifex T.S. 2017
Cevapla
Teşekkür Edenler:
*
Banlı Üye
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 102
Konu Sayısı: 20
Üyelik Tarihi: Aug 2017
Teşekkürler: 75
34 Mesajına 57 Teşekkür Edildi.

SanalPara (SP): 32.97₺
Eşya: (Tüm Eşyaları Göster)
#2
Yazı tipi de değişse çok güzel olur.
Cevapla
Teşekkür Edenler: bretwskin , Graphifex
*
Grafiker Ekibi 1. Seviye
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 1,673
Konu Sayısı: 180
Üyelik Tarihi: Dec 2016
Rep Puanı: 78
Teşekkürler: 1110
447 Mesajına 520 Teşekkür Edildi.

SanalPara (SP): 274.52₺
Eşya: (Tüm Eşyaları Göster)
#3
:( Bu seferkini pek beğenemdim

https://codepen.io/mehmeteq/pen/zwrpWb

burdaki gibi birşeyler yapabilirsin. ilham :)
CarryPotter Forever <3
WWW
Cevapla
Teşekkür Edenler:
*
Banlı Üye
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 1,246
Konu Sayısı: 111
Üyelik Tarihi: May 2017
Teşekkürler: 152
293 Mesajına 320 Teşekkür Edildi.

SanalPara (SP): 223.4₺
Eşya: (Tüm Eşyaları Göster)
#4
Güzel.
Cevapla
Teşekkür Edenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi
Tema yapımcısı: Metehan Durmuş
Tüm hakları saklıdır. 10TL.Net sistemi için yazılmıştır.


Reklam yaziniz bostur. ayarlardan duzenleyiniz:tfmp -