Les archives de FluxBB.fr
Vous n'êtes pas identifié(e).
Pages : 1
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
Il faut que tu test $is_online
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
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
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 
EDIT: C'est nickel, ca fonctionne à merveille, encore merci ! 
Bonne fin de journée.
Dernière modification par Omega3 (11-09-2009 14:53:35)
Hors ligne
Pages : 1