FontAwesome Alıntı Simgesi Nasıl Yapılır

+4 oy
51 gösterim
29 Kasım 2018 Webmaster kategorisinde Ted (66,320 puan) sordu

FontAwesome Quote Icon yani Alıntı simgesi yapmak istiyorum nasıl yapabilirim.

resimdeki gibi

Reklamlar

1 cevap

0 oy
29 Kasım 2018 burak (67,040 puan) cevapladı

Eklenecek Kod :

<div id="DIV_1">

<div id="DIV_2">

<p id="P_3">

Sitenizdeki konu yazısı ...

</p>

</div>

</blockquote>

CSS Kodunuz :

#DIV_1 {
    box-sizing: border-box;
    position: relative;
    width: 50%;
    padding: 20px 20px 20px 70px;
    font: normal normal normal normal 16px/24px 'Merriweather Sans', sans-serif;
font-family: 'Merriweather Sans', sans-serif;
font-size: 16px;
font-style: italic;
line-height: 1.5em;
background: #eee;
color: #fff;
}

#DIV_1:before {
  font-family: "FontAwesome";
  content: "\f10d";
  font-size: 20px;
  font-style: normal;
  color: #0000;
  position: absolute;
  top: 28px;
  left: 18px;
}

#P_3 {
    margin: 10px 0px;
}

 

Renk kodlarınız , yazı boyutlarını CSS kodu kısımından düzenleyebilirsiniz. 

İlgili sorular

1 cevap
+4 oy
0 cevap
+3 oy
1 cevap
+3 oy
1 cevap
+4 oy
15 Kasım 2018 Webmaster kategorisinde Ted (66,320 puan) sordu

Tüm Üyelerimiz yaptıkları paylaşımlardan sorumludur. Telif içeren paylaşım içeriğinin linkini İletişim formundan ya da "tmredyrm[at]gmail.com" mail gönderdiğinizde, en geç 1 hafta içinde silinecektir.


...