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

  • Charles Nesson

    Charles Ness

    27 NİSAN 2006
  • PorterRobinsonVEVO

    PorterRobins

    11 Kasım 2013
  • TopOfTheTech

    TopOfTheTech

    5 NİSAN 2010