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?

Scrie asa (dacă vrei sa fie exact ca în forum-ul asta)

Cod:

background-position: top right;

Insa imaginile folosite trebuie sa arata exact ca și cele din acest forum... Eu iți pot da un link pt o imagine online (însa offline nu-l am nici eu, dacă te pricepi la PS îl poți crea chiar tu pornind de la online-ul)!

---

Eu iți propun sa eviți poziții în pixel (fiind difera de la un monitor la altu și de la un browser la altu).. ceea ce iți recomand sunt 4 poziții (deși ar mai fi cele intermediare) :
Top right;
Top left;
Bottom right;
Bottom left;
Aceste poziții sunt standard pt orice browser și monitor ....(astea le folosesc și eu) dar dacă exista o preferință (eu știu pe unde vrei tu sa apare butonul) spune-ne poziția exacta iar noi iți vom da codul ..

cum e la forumu asta numai ca la stanga si dak se poate si linkul de la imaginea online pentru el

Deci, va arăta cam aşa:

Cod:

.offline{
background-image: url(LINK_IMAGINE);
background-position: left top;
background-repeat: no-repeat;
}

Din pacate, imaginea pe care o am eu este pt partea dreapta :

Cod:

http://i66.servimg.com/u/f66/13/46/75/82/online15.png

Nu ar fi compatibila cu forum-ul tău... Se pare ca vei fi nevoit sa-ți încerci talentul în PhotoShop

Nu am rezolvat cu offline dar vreau si butonul online sa fie tot unde este offline ca am eu poza cu buton online la offline am bagat codul acesta:

Cod:

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

imi dati codul si pentru online?

.online{
background: url('LINK_IMAGINE') no-repeat top left ;
}

Nu merge am incercat sa-l modific si sta la stanga amestecat cu scrisul am uitat sa va zic ca am pus profilul pe partea dreapta deci merge cu imaginea data de tine

Si daca poti sami dai si un buton din ala offline la fel ca cel online

F3n0m3n!?,vă reamintim că mesajele duble nu sunt acceptate decât dacă a trecut o perioada de 24 de ore de la ultimul mesaj

Omu nu am nimic cu tine (știu ca asa scrie în "regulament") iar tu ești din staff dar regula asta este cea mai proasta regula gândită dintre toate... (știu ca am mai avut aceeași discuția cu unul dintre staff cândva)...
Poate, poate scăpam și noi de regula asta someday !

am pus profilul pe partea dreapta deci merge cu imaginea data de tine

Deci right înseamnă dreapta iar left înseamnă stânga (jucându-te cu dreapta - stânga în cod definești poziția banderolei "status").
Pentru partea stânga,
.online{
background: url('LINK_IMAGINE') no-repeat top left ;
}
Pentru partea dreapta,
.online{
background: url('LINK_IMAGINE') no-repeat top right ;
}
Oare și underline este interzis ?

Si daca poti sami dai si un buton din ala offline la fel ca cel online

Daca citeai mai atent ce am scris mai sus vedeai ca nu am un astfel de banderola (offline). Eu folosesc banderola online și un buton (de ale lui L, ms de altfel) pentru offline !

Nu degeaba am deschis o sugestie cu privire la unele reguli în secţiunea de sugestii pentru forumul de suport. Underline-ul şi italic-ul poate fi folosit de oricine. Apropo, se adaăuga şi punct înaintea claselor când lucrăm cu foaia de stil.

Deci, mesajele dintr-un subiect au o anumită clasă în plus, fie online sau offline, pe care am adăugat-o cu un simplu truc jQuery. Dacă e să facem un cod pentru ambele, compatabile pentru partea stângă sau dreapta (vezi postările lui ali) am primi aşa:

Cod:

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

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

Acesta va fi pune imaginea în partea dreaptă, înlocuiţi right cu left dacă doriţi să apară în partea stângă.