Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

status offline/online font-awesome

Szukam  Założony przez  Demolka.

28.01.2017, 17:39 (Ten post był ostatnio modyfikowany: 28.01.2017, 18:02 przez Demolka.)
#1
Witam, chciałbym zrobić ikonki online/offline korzystające stricte z font-awesome podobnie jak to jest tutaj. Wkleiłem takie coś do postbit_online:

<div class="poston"><a href="online.php" title="Online"><i class="fa fa-circle status-online"></i></a></div>


natomiast do global.css:


.poston{
color:green;
vertical-align: middle;
margin-top: -4px;
}
.postoff{
color:red;
vertical-align: middle;
margin-top: -4px;
}
.on{
vertical-align: middle;
margin-top: -4px;
color:grey;
}


Mam problem, bo kolor w przypadku stylu carbon (styl wykorzystuję do testów, chcę to zrobić na domyślnym) jest niebieski a ikonka zamiast pojawić się po prawej stronie obok nazwy tak jak to było wcześniej pojawia się z lewej nad nickiem.
28.01.2017, 17:57
#2
Udostępnij konto testowe lub ustaw carbon jako domyślny lub dodaj w obecnie domyślnym stylu możliwość jego zmiany.
28.01.2017, 17:59 (Ten post był ostatnio modyfikowany: 28.01.2017, 18:00 przez Demolka.)
#3
(28.01.2017, 17:57)Ardex napisał(a): Udostępnij konto testowe lub ustaw carbon jako domyślny lub dodaj w obecnie domyślnym stylu możliwość jego zmiany.
Dodana możliwość zmiany ;)



@edit, konto testowe udostępniam ;P
28.01.2017, 18:19 (Ten post był ostatnio modyfikowany: 28.01.2017, 18:20 przez Penny.)
#4
Dziwnie naprawdę to zrobiłeś, dlatego takie problemy.
Na obecną chwilę rozwiązałem to tak:

.poston{
color:green;
vertical-align: middle;
margin-top:10px;
margin-right:10px;
outline: 0;
float:left;
}
ale postaraj się to całkowicie edytować i stworzyć od nowa.
Wsparcie poza forum - odpłatne.
28.01.2017, 18:28
#5
(28.01.2017, 18:19)Penny napisał(a): color:green;
vertical-align: middle;
margin-top:10px;
margin-right:10px;
outline: 0;
float:left;
po zmianie na twoje jest po lewej stronie, Chodzi mi o to, by zachować taką strukturę jak jest tutaj bądź w domyślnym stylu. Prawa strona po środku. ;) Kolor wciąż się nie zmienił.
28.01.2017, 19:09
#6
.poston{
color:green;
vertical-align: middle;
margin-top:10px;
margin-right:150px;
outline: 0;
float:right;
}
.poston a:link{color:green;}

Po raz kolejny proponuję to całkowicie edytować i stworzyć od nowa z optymalną pozycją.
Wsparcie poza forum - odpłatne.
28.01.2017, 19:13
#7
(28.01.2017, 19:09)Penny napisał(a):
.poston{
color:green;
vertical-align: middle;
margin-top:10px;
margin-right:150px;
outline: 0;
float:right;
}
.poston a:link{color:green;}

Po raz kolejny proponuję to całkowicie edytować i stworzyć od nowa z optymalną pozycją.
Wiem, że wyjdzie na to, że proszę o gotowca, ale jak proponujesz stworzyć to odnowa? :P Dodam, że mógłbym sobie wykonać takie ikonki, jednak to jest dosyć przestarzały sposób, a z MyBB miałem dłuuuuuugą przerwę. :)
28.01.2017, 19:16
#8
Do global.css (tamto usuń):
.poston{
color:green;
vertical-align: middle;
margin-top:10px;
margin-right:150px;
outline: 0;
float:right;
}
.poston a:link{color:green;}

Do postbit_online:
<div class="poston"><a href="online.php" title="Online"><i class="fa fa-circle status-online"></i></a></div>
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
28.01.2017, 21:39
#9
(28.01.2017, 19:16)Fyeem napisał(a): Do global.css (tamto usuń):
.poston{
color:green;
vertical-align: middle;
margin-top:10px;
margin-right:150px;
outline: 0;
float:right;
}
.poston a:link{color:green;}

Do postbit_online:
<div class="poston"><a href="online.php" title="Online"><i class="fa fa-circle status-online"></i></a></div>
To jest dokładnie to samo, co wkleił kolega. :(



Użytkownicy przeglądający ten wątek:

2 gości