Sitemin İçerisindeki İconları Nasıl Değiştirebilirim?
- Konuyu başlatan xr3ktube
- Başlangıç tarihi
Çözüm
Merhaba;
<i class="fas fa-paint-brush"> bu kodda yapacağınız değişikler ile istediğiniz iconu ekleyebilirsiniz.
Burada fontawesome kullanılmış. Aşağıya iconlari bulabileceğiniz linki bırakıyorum.
Find Icons with the Perfect Look & Feel | Font Awesome
Verdiğiniz kod çalışıyor ise gereksinimleri eklemissinizdir. Eğer ekli değil ise buradan yapabilirsiniz.
Get Started with Font Awesome
İyi Çalışmalar.
<i class="fas fa-paint-brush"> bu kodda yapacağınız değişikler ile istediğiniz iconu ekleyebilirsiniz.
Burada fontawesome kullanılmış. Aşağıya iconlari bulabileceğiniz linki bırakıyorum.
Find Icons with the Perfect Look & Feel | Font Awesome
Verdiğiniz kod çalışıyor ise gereksinimleri eklemissinizdir. Eğer ekli değil ise buradan yapabilirsiniz.
Get Started with Font Awesome
İyi Çalışmalar.
Hocam yine formunuzdasınız
Sağol, formumda mıyım orasından pek emin değilim hastalığım ilerlediği için bazen etkileri oluyor unutkanlık algı kayıpları hat Safa’da. Dünü perşembe sanıyordum mesela. Çalıştığım işletmenin kritik müşteri verilerini sildim yanlışlıkla yöneticiye anlattım dedim böyle böyle hastane ve ilaç geçmişlerimi gösterdim tamam dedi ama yine yaparsın diye işten çıkarttı kendini sağlama aldı yani. Sen söyle yani formumda mıyımHocam yine formunuzdasınız
degiştirmek istedigin icon dosyasında resmi bul aynı isimle degiştirecegin icon hazırla dosya icine at hedefdeki dosyayı degiştir yap tamamdır kolay gelsin
Hocam üzüldüm, en kısa zamanda sağlığınıza kavuşmak dileğiyle...
hocam cok gecmiş olsun rabbim şifalar versin acil
Merhaba,
İkon bulmanız gerekmektedir. Öncelikle bir icon bulun. Daha sonra kodda bulunan kısımları değiştirmeniz gerekecek. Ben sizlere örnekte orayı işaretliyorum.
Burada bulunan "<i class=" taraflarındaki iconları istediğiniz gibi değiştirebilirsiniz. İconları bulabilmek için FontAwesome sitseini ziyaret edebilirsiniz. Eğer iconlar eklenmiyor ise Font Awesome'i projeye dahil etmelisiniz.
Artık iconlarınızı renklendirebilir ve boyutlandırabilirsiniz. Örnek kod:
İkon bulmanız gerekmektedir. Öncelikle bir icon bulun. Daha sonra kodda bulunan kısımları değiştirmeniz gerekecek. Ben sizlere örnekte orayı işaretliyorum.
Kod:
<div class="card-body">
<div class="service-icon">
<i class="fas fa-code"></i> <!-- Kodlama -->
</div>
</div>
<div class="card-body">
<div class="announcement-icon">
<i class="fas fa-bullhorn"></i> <!-- Duyuru -->
</div>
</div>
<div class="card-body">
<div class="support-icon">
<i class="fa-solid fa-user-pen"></i> </i> <!-- Destek -->
</div>
</div>Burada bulunan "<i class=" taraflarındaki iconları istediğiniz gibi değiştirebilirsiniz. İconları bulabilmek için FontAwesome sitseini ziyaret edebilirsiniz. Eğer iconlar eklenmiyor ise Font Awesome'i projeye dahil etmelisiniz.
Kod:
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">Artık iconlarınızı renklendirebilir ve boyutlandırabilirsiniz. Örnek kod:
Kod:
.service-icon i {
font-size: 2rem; /* Boyut */
color: #007bff; /* Renk */
}- Durum
