Proful status online,offline

Rezumarea primului mesaj :

Salutare! Cum fac sa arata in mesaje unde arata profilul uitati asa:
Status:Online sau Offline (online cu verde si offline cu rosu)
Stie cineva?

L! a scris:Apropo, se adaăuga şi punct înaintea claselor când lucrăm cu foaia de stil

Scuzele mele, intra - adevăr am uitat acel punct (ms L).. ideea era doar sa-l atenționez de right și left.
Eu de altfel, propun pentru orice administrator de site sa învețe html și css (sunt esențiale și extrem de simple chiar și pentru pusti de 12 ani... într-o luna - hai o luna jumate- stăpâniți exact ceea ce va trebuie și suficient pentru administrarea web-paginilor voastre. ... poate, poate și un plus de PS și câteva "coade" jQuery).

Ali si nu poti sa imi dai lunkul de la imaginea offline sa fie exact ca aai online care mi-ai dato tu?

L! nu merge codul de online tot sta imaginea in stanga si sta amestecata cu scrisu eu vreau sa stea in dreapta unde e si offline

Deci, să lămuresc ceva. Fiecare postare dintr-un topic are nişte clase (2 sau 3). Cele 2 clase sunt numărul de la 1 la 2 cu un row înainte, pentru a arăta impară sau pară este numărul postării, asta pentru a schimba culoare. Apoi, toate, absolut toate postările au clasa post. Mesajele ale căror utilizatori sunt online, mai capătă şi clasa de online, pentru a adăuga prin CSS imaginea de fundal. Codul jQuery (care se adaugă în Gestiunea codurilor JavaScript) verifică fiecare postare dacă are sau nu clasa de online, şi le adaugă clasa offline acelor postări care nu au clasa online. O logică simplă. Codul pentru imaginea de fundal a postărilor ale căror autori sunt online, deja există, el fiind predefinit. Eu doar am creat în exactitate aceleaşi proprietăţi pentru clasa de offline. Dvs. nu trebuie decât să înlocuiţi link-urile către imaginile online şi offline din codul CSS de mai sus.

Pentru offline am rezolvat dar eu vreau sa rezolv si online ca cand bag imaginea orice pozitie ii pun sta in aceasi amestecata cu scrisu

F3n0m3n!? a scris:Pentru offline am rezolvat dar eu vreau sa rezolv si online ca cand bag imaginea orice pozitie ii pun sta in aceasi amestecata cu scrisu

Asta pentru că folosiţi phpBB3, iar imaginea este de fundal, nu este însăşi un element HTML, asta fiind problema... Puteţi lăsa imaginile în unul dintre colţurile de sus (stânga sau dreapta...).

si cum o pun in dreapta sus?

Deci, adăugaţi în Gestiunea codurilor JavaScript:

Cod:

$(function(){
$('.post:not(".online")').addClass('offline');
});

Iar în Foaie de stil CSS:

Cod:

.offline{
background-image: url(LINK_IMAGINE_OFFLINE);
background-position:right 0;
background-repeat: no-repeat;
}

.online{
background-image: url(LINK_IMAGINE_ONLINE);
background-position: right 0;
background-repeat: no-repeat;
}

Trebuie doar să editaţi proprietăţile de background-image, unde în paranteze veţi adăuga link-urile imaginilor online şi offline.

Uite cum mi-a aparut mereu:


Deci nu mere

Aţi şters codurile precedente date de mine în alt topic cu privire la mutarea poziţiei? Dacă nu ştiţi cum să faceţi asta, adăugaţi pur şi simplu codul dat de mine mai sus după toate codurile pe care le aveţi deja în Foaie de stil CSS.

Codurile sunt sterse

Butonul de offline îl văd la locul lui, dar nu aţi şters chiar toate codurile pentru online. Deci, căutaţi toate codurile ce au selectorii .online în Foaie de stil CSS, şi ştergeţi aceste coduri, apoi adăugaţi:

Cod:

.online{
background-image: url(LINK_IMAGINE_ONLINE);
background-position: right 0 !important;
background-repeat: no-repeat;
}