Merhabalar,
Bu videomda sizlere Xenforo altyapılı forumlarda FontAwesome İcon Ekleme yöntemini gösterdim.
Videoda kullandığım kodlar için:
Bazen kodlar silinebiliyor: notes.io/9ze5
[ame]https://m.youtube.com/watch?v=UXeVbgXNcHc[/ame]
Not: anlatmada sıkıntı olabilir onlar için özür dilerim zamanla düzelecektir.
Bu videomda sizlere Xenforo altyapılı forumlarda FontAwesome İcon Ekleme yöntemini gösterdim.
Videoda kullandığım kodlar için:
Kod:
[COLOR="Lime"]<xf:comment> ONEK CSS Tanimi </xf:comment>[/COLOR]
.rc_onek {
color: [COLOR="lime"]rgba(255,255,255,0.8);[/COLOR]
border-radius: [COLOR="lime"]2px;[/COLOR]
display: [COLOR="Cyan"]inline-block;[/COLOR]
[COLOR="Blue"]position:[/COLOR] [COLOR="cyan"]relative;[/COLOR]
font-size: [COLOR="Lime"]90%;[/COLOR]
[COLOR="blue"]padding:[/COLOR] [COLOR="lime"]0 5px 0 32px;[/COLOR]
cursor: pointer;
font-size: [COLOR="lime"]80%;[/COLOR]
font-weight: normal;
&:[COLOR="lime"]before[/COLOR] {
background-color: rgba([COLOR="lime"]0, 0, 0, 0.2[/COLOR]);
position: absolute;
border-top-right-radius: [COLOR="lime"]40px;[/COLOR]
border-right:[COLOR="Lime"] 2px[/COLOR] solid rgba([COLOR="lime"]0, 0, 0, 0.1[/COLOR]);
top:[COLOR="lime"] 0;[/COLOR]
bottom: [COLOR="lime"]0;[/COLOR]
left: [COLOR="lime"]0;[/COLOR]
padding:[COLOR="lime"] 2px 4px 0 2px;[/COLOR]
width: [COLOR="lime"]20px;[/COLOR]
font-family:[COLOR="Red"]'Font Awesome 5 Pro';[/COLOR]
text-align: center;
}
}
[COLOR="cyan"]<xf:comment>[/COLOR] [COLOR="Lime"]ALINIR ONEK CSS Tanimi[/COLOR] [COLOR="Cyan"]</xf:comment>[/COLOR]
.alinir {
background-color:[COLOR="Blue"]#b2b2b2;[/COLOR]
}
.alinir:[COLOR="Cyan"]before[/COLOR] {
content: "[COLOR="Red"]f580[/COLOR]";
}
Kod:
rc_onek alinir
Bazen kodlar silinebiliyor: notes.io/9ze5
[ame]https://m.youtube.com/watch?v=UXeVbgXNcHc[/ame]
Not: anlatmada sıkıntı olabilir onlar için özür dilerim zamanla düzelecektir.
Son düzenleme: