Bu sitede öğrendiklerime karşılık küçük bir teşekkür videosu hazırlamak istedim.
Sorularıma cevap veren herkese teşekkür ediyorum.
Video konusu: Önek Ekleme
Kullanılan kod;
Önek ikonları; Font Awesome 5 Cheatsheet
Bazı ikonlar çalışmıyor böyle bir sorunla karşılaşırsanız @İLTERİŞ HAN 'ın da dediği gibi
.m-faBase();
font-family: 'Font Awesome 5 Brands';
şeklinde düzenleyebilirsiniz.
İyi forumlar
Sorularıma cevap veren herkese teşekkür ediyorum.
Video konusu: Önek Ekleme
Kullanılan kod;
Kod:
<xf:comment> ONEK CSS Tanimi </xf:comment>
.onek_yarisma {
color: rgba(255,255,255,0.8);
border-radius: 3px;
display: inline-block;
position: relative;
font-size: 90%;
padding: 0 5px 0 32px;
cursor: pointer;
font-size: 80%;
font-weight: normal;
&:before {
background-color: rgba(0, 0, 0, 0.2);
position: absolute;
border-top-right-radius: 30px;
border-right: 4px solid rgba(0, 0, 0, 0.1);
top: 0;
bottom: 0;
left: 0;
padding: 2px 2px 2px 2px;
width: 20px;
.m-faBase();
}
}
<xf:comment> ONEK CSS Tanimi </xf:comment>
.yarisma {
background-color: #8b1a1a;
}
.yarisma:before {
content: "\f024";
}
Önek ikonları; Font Awesome 5 Cheatsheet
Bazı ikonlar çalışmıyor böyle bir sorunla karşılaşırsanız @İLTERİŞ HAN 'ın da dediği gibi
.m-faBase();
font-family: 'Font Awesome 5 Brands';
şeklinde düzenleyebilirsiniz.
İyi forumlar