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

  • ArkticPlanet

    ArkticPlanet

    9 ŞUBAT 2010
  • B4ROK

    B4ROK

    1 EKİM 2008
  • DRDAnimation

    DRDAnimation

    28 EYLÜL 2012