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

  • MaximumPCMag

    MaximumPCMag

    23 Temmuz 2010
  • Modus Recordings

    Modus Record

    26 Kasım 2008
  • TokShogun

    TokShogun

    6 HAZİRAN 2009