SORU
6 ŞUBAT 2013, ÇARŞAMBA


Kullanım CSS Başar Simge Yazı tipi

Bu gibi görünen bazı CSS:

#content h2{
   background:url(../images/tContent.jpg) no-repeat 0 6px;
}

Font Awesome bir simge ile görüntüyü değiştirmek istiyorum.

Neyse bir arka plan görüntüsü olarak CSS simgesini kullanmak görmüyorum. Bu yazı CSS önce yüklenen Font Awesome stylesheets varsayarak yapmak mümkün mü?

CEVAP
6 ŞUBAT 2013, ÇARŞAMBA


Sen bir insan değilsin metin olarak bir arka plan görüntüsü, ama kullanabilirsiniz :before :after pseudo sınıfları yerine bir metin karakteri nereye istiyorsun, kalmadan ekleyin her türlü pis fazladan işaretleme.

Emin gerçek metin konumlandırma çalışması için sarıcı position:relative ayarlamak için.

.mytextwithicon {
    position:relative;
}    
.mytextwithicon:before {
    content: "\25AE"; <--- this is your text. You can also use UTF-8 character codes as I do here
    font-family: FontAwesome;
    left:-5px;
    position:absolute;
    top:0;
 }

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Darren Kitchen

    Darren Kitch

    3 EKİM 2011
  • Dylan Dubay

    Dylan Dubay

    10 Temmuz 2013
  • pleated-jeans

    pleated-jean

    6 HAZİRAN 2013