Merhaba MyBB forumum için ekteki gibi WebDiyo stilli rank istiyorum fakat araştırmama rağmen bulamadım. Nasıl yapabileceğim hakkında yardımlarınızı bekliyorum.

---

---

Şunu söyleyeblirim renkler için class'lar var iconlarda svg az anlıyorsanız yaparsınız zaten yapımcısı @` bRae belki o söyler birkaç şey

---

---

Pek bilgim yok o yüzden konu açtım Yapımcısından haber bekliyorum olumlu yada olumsuz

---

---

@[∂я] ѕтяαηgє zor bir şey değil sizin istediğiniz ne tam olarak kaynak kodları mı ? Bir icon ve renklendirme söz konusu

---

---

Sadece o çerçevenin kodlarını istiyorum geri kalan ayarlamaları yapabildim 

---

---

Stil Kodları ;

Kod:

div[class^=team_usergroup_]{transition:background-color 2s,color 1s;color:#000;padding:0 8px;font-size:13px;margin:6px 2px;padding-top:2px;border-radius:2px;font-style:italic;width:fit-content;border-color:#000;display:inline-block;vertical-align:middle;border:solid 1px #AAA;text-transform:capitalize;font-family:unset}div[class^=team_usergroup_] .icon{margin-right:.3rem;display:inline-block;height:1em;overflow:visible;font-size:inherit;vertical-align:-.125em}div[class^=team_usergroup_]:hover{color:#fff;background-color:#000}div.team_usergroup_64{color:#a06117;border-color:#a06117}div.team_usergroup_64:hover{background-color:#a06117}

Örnek ;

PHP Kod:

<div class="team_usergroup_64"><svg class="icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="medal" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M223.75 130.75L154.62 15.54A31.997 31.997 0 0 0 127.18 0H16.03C3.08 0-4.5 14.57 2.92 25.18l111.27 158.96c29.72-27.77 67.52-46.83 109.56-53.39zM495.97 0H384.82c-11.24 0-21.66 5.9-27.44 15.54l-69.13 115.21c42.04 6.56 79.84 25.62 109.56 53.38L509.08 25.18C516.5 14.57 508.92 0 495.97 0zM256 160c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm92.52 157.26l-37.93 36.96 8.97 52.22c1.6 9.36-8.26 16.51-16.65 12.09L256 393.88l-46.9 24.65c-8.4 4.45-18.25-2.74-16.65-12.09l8.97-52.22-37.93-36.96c-6.82-6.64-3.05-18.23 6.35-19.59l52.43-7.64 23.43-47.52c2.11-4.28 6.19-6.39 10.28-6.39 4.11 0 8.22 2.14 10.33 6.39l23.43 47.52 52.43 7.64c9.4 1.36 13.17 12.95 6.35 19.59z"></path></svg>Bronz Üye</div> 


---

---

Stil Kodları ;

Kod:

div[class^=team_usergroup_]{transition:background-color 2s,color 1s;color:#000;padding:0 8px;font-size:13px;margin:6px 2px;padding-top:2px;border-radius:2px;font-style:italic;width:fit-content;border-color:#000;display:inline-block;vertical-align:middle;border:solid 1px #AAA;text-transform:capitalize;font-family:unset}div[class^=team_usergroup_] .icon{margin-right:.3rem;display:inline-block;height:1em;overflow:visible;font-size:inherit;vertical-align:-.125em}div[class^=team_usergroup_]:hover{color:#fff;background-color:#000}div.team_usergroup_64{color:#a06117;border-color:#a06117}div.team_usergroup_64:hover{background-color:#a06117}

Örnek ;

PHP Kod:

<div class="team_usergroup_64"><svg class="icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="medal" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M223.75 130.75L154.62 15.54A31.997 31.997 0 0 0 127.18 0H16.03C3.08 0-4.5 14.57 2.92 25.18l111.27 158.96c29.72-27.77 67.52-46.83 109.56-53.39zM495.97 0H384.82c-11.24 0-21.66 5.9-27.44 15.54l-69.13 115.21c42.04 6.56 79.84 25.62 109.56 53.38L509.08 25.18C516.5 14.57 508.92 0 495.97 0zM256 160c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm92.52 157.26l-37.93 36.96 8.97 52.22c1.6 9.36-8.26 16.51-16.65 12.09L256 393.88l-46.9 24.65c-8.4 4.45-18.25-2.74-16.65-12.09l8.97-52.22-37.93-36.96c-6.82-6.64-3.05-18.23 6.35-19.59l52.43-7.64 23.43-47.52c2.11-4.28 6.19-6.39 10.28-6.39 4.11 0 8.22 2.14 10.33 6.39l23.43 47.52 52.43 7.64c9.4 1.36 13.17 12.95 6.35 19.59z"></path></svg>Bronz Üye</div> 


Teşekkürler

---

---