Archives FluxBB.fr

Les archives de FluxBB.fr

Vous n'êtes pas identifié(e).

#1 11-09-2009 01:46:24

Omega3
Membre

Placer des icones pour "en ligne", "hors ligne"

Bonjour.

Je suis en train de modifier le style "Blue Lagon".

je souhaiterais placer 2 icones diférrents, a gauche du statut de connexion 'en ligne/hors ligne).

J'ai donc 2 icones (online.gif et offline.gif) et j'ai ajouter ces lignes dans le CSS :

/* Start icones online, offline*/
div.postfootleft { padding: 10px 0 5px 0; }
div.postfootleft { padding-left: 25px; }
div.postfootleft {background: transparent url(../../img/Blue_Lagon/online.gif) no-repeat 0 5px; }
div.postfootleft {background: transparent url(../../img/Blue_Lagon/offline.gif) no-repeat 0 5px; }
/* End icones online, offline*/

Les icones s'affichent bien au bon endroit, pasde soucis pour ça.

Le problème est que je ne comprends pas comment différencier le statut de connexion pour que les icones fonctionnent en parrallèle du texte, car avec ce code, que je sois connecté ou non, c'est toujours le "offline" qui reste affiché(ce qui est normal).

Bref, je ne comprends pas comment ca fonctionne...... et ca m'agace ! ^^

Quelqu'un saurait comment faire ?

Dernière modification par Omega3 (11-09-2009 01:52:16)

Hors ligne

#2 11-09-2009 10:02:24

teopath
Membre

Re : Placer des icones pour "en ligne", "hors ligne"

Il faut que tu test $is_online

Hors ligne

#3 11-09-2009 12:59:13

Illusion
Membre

Re : Placer des icones pour "en ligne", "hors ligne"

Et pour le faire en pure css, un extrait du style Ju_style :

/****************************************************************/
/* 6. online/offline status */
/****************************************************************/
.pun div.postfootleft p {
    margin-top:10px;
    padding: 0;
    font-weight: normal;
    text-indent: 25px;
    display: block;
    height: 15px;
    background: transparent url(../../img/Ju_style/offline.png) no-repeat 5px 50%;
   
}
.pun div.postfootleft p strong {
    font-weight: bold;
    text-indent: 25px;
    display: block;
    height: 15px;
    background: transparent url(../../img/Ju_style/online.png) no-repeat 5px 50%;
}


*-- Illusion --*
PoesieLand, la poésie sommeille en vous !

Hors ligne

#4 11-09-2009 13:16:03

teopath
Membre

Re : Placer des icones pour "en ligne", "hors ligne"

Illusion a écrit :

Et pour le faire en pure css, un extrait du style Ju_style :

/****************************************************************/
/* 6. online/offline status */
/****************************************************************/
.pun div.postfootleft p {
    margin-top:10px;
    padding: 0;
    font-weight: normal;
    text-indent: 25px;
    display: block;
    height: 15px;
    background: transparent url(../../img/Ju_style/offline.png) no-repeat 5px 50%;
   
}
.pun div.postfootleft p strong {
    font-weight: bold;
    text-indent: 25px;
    display: block;
    height: 15px;
    background: transparent url(../../img/Ju_style/online.png) no-repeat 5px 50%;
}

Là, rien à dire, c'est très bien vu, bravo

Hors ligne

#5 11-09-2009 14:04:27

Omega3
Membre

Re : Placer des icones pour "en ligne", "hors ligne"

Wouahou !

Merci beaucoup pour vos réponses et votre réactivité, vous êtes des rapides ! ^^

Je vais tester cela mais je pense qu'il n'y aura pas de soucis.

FluxBB commence vraiment à me plaire smile

EDIT: C'est nickel, ca fonctionne à merveille, encore merci ! wink


Bonne fin de journée.

Dernière modification par Omega3 (11-09-2009 14:53:35)

Hors ligne

Pied de page des forums