- Ad
- ZEKİ
- Soyad
- AYGÜN
- Katılım
- 18 Ocak 2019
- Konum
- Yalova
- Konular
- 777
- Mesajlar
- 2,932
- Ticaret - 0%
- Meslek
- Webmaster & SEO
Detay
- Meslek
- Webmaster & SEO
- Tecrübe
- 12 Yıl
- Uzmanlık alanları
- Web tasarım, PHP, SEO, Seslendirme, Video montaj
- İş referanslarım
- youtube.com/channel/UC0EKnd0EWBefw9Wrqw_wrAA
- Üyelik tipi
-
- Bireysel
Hesap-
ZEKİ AYGÜN
HESAP NO; 1237-0056746
ŞUBE: DOSAB BURSA
İBAN: TR69 0004 6012 3788 8000 0567 46
Hesap-
ZEKİ AYGÜN
HESAP NO: 497-6640783
ŞUBE: GEMLİK
İBAN: TR60 0006 2000 4970 0006 6407 83
Photoshop-
- Orta düzey
İllüstratör-
- Başlangıç düzeyi
UI / UX tasarım-
- İleri düzey
PHP-
- Orta düzey
CSS3-
- İleri düzey
JavaScript-
- Orta düzey
Herkes için aynı çevrimiçi göstergeden sıkıldınız mı?
O zaman bu size göre
Uygulama çok basit.
Her şablon için bir şablon düzenleme ve bazı CSS'den oluşur.
CSS, extra.less şablonu aracılığıyla stil başına uygulanabilir .
İlk adım message_macros şablonunu düzenlemektir .
10. satırda arayın:
Kod:<span class="message-avatar-online" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('online_now')|for_attr }}"></span>
Şununla değiştirin:
Kod:<xf:set var="$ctaOnlineIconValue" value="{{ $user.user_id % 10 }}" /> <span class="message-avatar-online ctaOnlineIcon--{$ctaOnlineIconValue}" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('online_now')|for_attr }}"></span>
Değişkenin (ctaOnlineIconValue) ve CSS sınıfının (ctaOnlineIcon--) adını istediğiniz gibi değiştirmekten çekinmeyin. Eklerseniz
, extra.less şablonunda aynı adı kullandığınızdan emin olun .
Sonra tek yapmanız gereken extra.less şablonuna özel CSS'nizi eklemektir .
CtaOnlineIcon-- sınıfı için 0'dan 9'a kadar her değer için benzersiz bir girişe (toplamda 10) ihtiyacınız olacak, şöyle:
Kod:message-avatar-wrapper .message-avatar-online.ctaOnlineIcon--0 { &:before { .m-faContent(@fa-var-star); color: gold; } } .message-avatar-wrapper .message-avatar-online.ctaOnlineIcon--1 { &:before { .m-faContent(@fa-var-cube); color: green; } } .message-avatar-wrapper .message-avatar-online.ctaOnlineIcon--2 { &:before { .m-faContent(@fa-var-circle); color: blue; } } .message-avatar-wrapper .message-avatar-online.ctaOnlineIcon--3 { &:before { .m-faContent(@fa-var-triangle); color: orange; } } ...
hepsi bu kadar
