Webboard

Pełna wersja: Ikonka z FontAwesome
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Adres forum:
https://lakegame.pl


Wersja silnika:
MyBB 1.8.15


Opis problemu:
Mam pytanie, jak w Note Moderator (w CSS) dodać ikonkę z FontAwesome ? Chodzi mi o taki efekt jak na Moderacjach jakie są tutaj.
Wklej to do notemoderator.css:
Kod:
form #notemoderator {
   width: 500px;
}

.notemoderator {
width: 100%;
}

.notemoderator_note_normal {
   background: #eee;
   border-left: 3.7px solid #0a7a00;
   padding: 15px 1em 15px 70px;
   border-radius: 2px;
font-family: Roboto;
   margin: 40px 0;
   position: relative;
   font-size: .9em;
}

.notemoderator_note_normal:before {
   width: 35px;
   height: 35px;
   position: absolute;
   display: -webkit-box;
   display: flex;
   -webkit-box-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   align-items: center;
   left: 20px;
   top: 20px;
line-height: 35px;
   font-family: FontAwesome;
   font-style: normal;
   font-weight: 400;
   font-size: 18px;
   content: '\f249';
   color: #fff;
   background: #0a7a00;
   border-radius: 50%;
}

.notemoderator_note_information {
background: #eee;
   border-left: 3.7px solid #0088ee;
   padding: 15px 1em 15px 70px;
   border-radius: 2px;
font-family: Roboto;
   margin: 40px 0;
   position: relative;
   font-size: .9em;
}

.notemoderator_note_information:before {
   width: 35px;
   height: 35px;
   position: absolute;
   display: -webkit-box;
   display: flex;
   -webkit-box-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   align-items: center;
   left: 20px;
   top: 20px;
line-height: 35px;
   font-family: FontAwesome;
   font-style: normal;
   font-weight: 400;
   font-size: 18px;
   content: '\f129';
   color: #fff;
   background: #0088ee;
   border-radius: 50%;
}

.notemoderator_note_warn {
background: #eee;
   border-left: 3.7px solid #f15c5c;
   padding: 15px 1em 15px 70px;
   border-radius: 2px;
font-family: Roboto;
   margin: 40px 0;
   position: relative;
   font-size: .9em;
}

.notemoderator_note_warn:before {
       width: 35px;
   height: 35px;
   position: absolute;
   display: -webkit-box;
   display: flex;
   -webkit-box-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   align-items: center;
   left: 20px;
line-height: 35px;
   top: 20px;
   font-family: FontAwesome;
   font-style: normal;
   font-weight: 400;
   font-size: 18px;
   content: '\f071';
   color: #fff;
   background: #f15c5c;
   border-radius: 50%;
}

.notemoderator_button_edit {
margin-right: 10px;
}
jak bedziesz chcial, to ostyluj to jakos

demo: [attachment=13701]
wyglada podobnie, ale calkiem ok (chyba)
Dzięki :)