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)