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.
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: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
, konto testowe udostępniam ;P
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.
(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ł.
.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ą.
(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?
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ę.
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>
(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.
