كود css تلوين ازرار لائحة الصداقة

كود css تلوين ازرار لائحة الصداقة
صورة لعمل الكود

https://i.servimg.com/u/f58/19/61/68/63/screen49.png
طريقه التركيب اذهب إلى
لوحة الإدارة. مظهر المنتدى. صور والوان. الوان. ورقة css وضع الكود الاتي وانشر

الكود:



a[href^="/profile?friend"] {
    color: #FFF !important;
    font-size: 11px;
    font-weight: bold;
    background: #8B5;
    border-bottom: 2px solid #693;
    border-radius: 3px;
    display: inline-block;
    line-height: normal !important;
    padding: 6px 9px !important;
    margin: 2px;
    transition: 300ms;
    width: 136px;
}
a[href^="/profile?foe"] {
    color: #FFF !important;
    font-size: 11px;
    font-weight: bold;
    background: #E53;
    border-bottom: 2px solid #C31;
    border-radius: 3px;
    display: inline-block;
    line-height: normal !important;
    padding: 6px 9px !important;
    margin: 2px;
    transition: 300ms;
    width: 136px;
}
a[href^="/profile?friend"],a[href^="/profile?foe"]:hover {
    background: #333;
    border-bottom: 2px solid #111;
}


وسجل