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

  • BlackBoxTV

    BlackBoxTV

    7 Mayıs 2007
  • Bryan Smith

    Bryan Smith

    12 Mart 2006
  • HBO

    HBO

    17 Mayıs 2006