Cześć, chciałbym zrobić ikonki do notemoderator z użyciem font awesome. Podłączyłem je do stylu pluginu, ale... wyświetlają się poprawnie tylko na 1920x1080, po wciśnięciu przycisku służącego za przeglądanie źródła strony lub zminimalizowania przeglądarki - ikony się rozjeżdzają. Po zmianie position tekst nie jest tak wyrównany jak tutaj.
NoteModerator Font Awesome
Do klasy notemoderator musisz nadać pozycje relatywną (aby elementy wewnatrz z position:absolute odwoływały się do niego), a wtedy odpowiednio ostylować twoje :before .
Przykład:
Przykład:
.notemoderator_note_warn:before {
font-family: FontAwesome;
content: "\f071";
top: 50%;
left: 15px;
transform: translateY(-50%);
}
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
Spróbowałem zrobić coś takiego:
ale również robię coś źle i ikonka jest dobrze wpasowana ale tekst - dalej się nie środkuje tak jak powinien.
font-family: FontAwesome;
content: "\f071";
position: relative;
color: #d80433;
font-size: 20px;
top: 50%;
left: -35px;
transform: translateY(-50%);ale również robię coś źle i ikonka jest dobrze wpasowana ale tekst - dalej się nie środkuje tak jak powinien.
Tam gdzie dałeś position: relative; zastąp na position: absolute; , a dopiero w klasie notemoderator daj to position: relative; .
Po prostu zastosuj mój kod i dodaj do niegoposition: absolute; bo zapomniałem z tego co widzę.
Po prostu zastosuj mój kod i dodaj do niego
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
Użytkownicy przeglądający ten wątek:
2 gości