phpBB-fr.com

[Netrisca]

Bonjour la communauté PHBB je me tourne vers vous car j'ai un piti problème.

J'ai suivis à la lettre le tutoriel pour passé l'icone ONLINE par dessus l'avatar: documentation-phpbb3/sujet174530.html
Et sa fonctionne parfaitement.

Et je me suis dis, se serait chouette si je pouvais mettre également une icone OFFLINE par dessus.
Donc j'ai chercher sur le forum et je suis tombé sur ça: documentation-phpbb3/sujet180124.html

J'ai suivi la méthode mais au final sa m'affiche l'image background dans la page du membre sa c'est ok.
Mais aucune petite image derrière l'avatar et encore moin par dessus.

Donc me suis dit de mixxer les 2 méthodes afin de pouvoir associer online + offline mais je tombe façe à des problèmes de code, d'ou la raison de ma demande d'aide.
Je me suis un peu inspiré de ce code la: support-utilisation-phpbb3/sujet141819-15.html

Je ne doit pas en être loin mais il doit avoir quelque fautes de codes, mais aucune erreurs.
J'ai bien-sur vidé le cache et rafraîchi le template + thème + archive d'image.

Merci d'avance de votre aide.

Cordialement Netrisca

Style: Soul_City
Link Forum: : http://kappa.team-frenchie.com/forum/index.php
Version PHBB: 3.0.8 (vais bientôt faire la maj pour la 3.0.10)

[cabot]

Hello,

Essaie ça dans content.css
Trouve :

Code: Tout sélectionner

.online2 {
   background-repeat: no-repeat;
   position: absolute;
   right: 490px;
}


Remplace par :

Code: Tout sélectionner

.online2 {
   background-repeat: no-repeat;
   position: relative;
   float: right;
   margin-bottom: -100px;
}

[Netrisca]

Merci de ta réponse rapide!

J'ai effectué ta proposition mais ça ne fait que déplacer l'icone connecté a droite

[cabot]

J'avais pas tout lu... et en allant sur ton forum je me suis focalisé sur l'image qui était placée en vrac

Je regarde ton pb plus en détails

[Netrisca]

No problemo ^^ merci de m'aider en tout cas.
Prend ton temps

[cabot]

Alors voilà, annule toutes les modifs effectuées, et fait ça :

Ouvre viewtopic_body.html
Trouve :

Code: Tout sélectionner

   <div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->">

Remplace par :

Code: Tout sélectionner

   <div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF -->">
   <div class="<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST -->online<!-- ELSE -->offline<!-- ENDIF -->"></div>

Ouvre memberlist_view.html
Trouve :

Code: Tout sélectionner

<div class="panel bg1<!-- IF S_ONLINE --> online<!-- ENDIF -->">

Remplace par :

Code: Tout sélectionner

<div class="panel bg1">
<div class="<!-- IF S_ONLINE -->online<!-- ELSE -->offline<!-- ENDIF -->"></div>

Ouvre ucp_pm_viewmessage.html
Trouve :

Code: Tout sélectionner

<div id="post-{MESSAGE_ID}" class="panel clearfix post pm-panel-message pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF S_ONLINE --> online<!-- ENDIF -->">
<div>

Remplace par :

Code: Tout sélectionner

<div id="post-{MESSAGE_ID}" class="panel clearfix post pm-panel-message pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF -->">
<div class="<!-- IF S_ONLINE -->online<!-- ELSE -->offline<!-- ENDIF -->" style="margin-top: -10px;"></div>
<div>

Ouvre colours.css
Trouve :

Code: Tout sélectionner

.online {
   background-image: url("{IMG_ICON_USER_ONLINE_SRC}");
}

Ajoute après :

Code: Tout sélectionner

.offline {
   background-image: url("{IMG_ICON_USER_OFFLINE_SRC}");
}

Ouvre common.css
Trouve :

Code: Tout sélectionner

.panel {
   margin-bottom: 4px;
   padding: 0 10px;
   background-color: #f3f3f3;
   color: #3f3f3f;
}

.post {
   padding: 0 10px;
   margin-bottom: 4px;
   background-repeat: no-repeat;
   background-position: 100% 0;
}

Remplace par :

Code: Tout sélectionner

.panel {
   margin-bottom: 4px;
   padding: 0 10px;
   background-color: #f3f3f3;
   color: #3f3f3f;
   position: relative;
}

.post {
   padding: 0 10px;
   margin-bottom: 4px;
   background-repeat: no-repeat;
   background-position: 100% 0;
   position: relative;
}

Ouvre content.css
Trouve :

Code: Tout sélectionner

.online {
   background-image: none;
   background-position: 100% 0;
   background-repeat: no-repeat;
}

Remplace par :

Code: Tout sélectionner

.online, .offline {
    background-image: none;
    background-position: 100% 0;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
}
.online {
    width: {IMG_ICON_USER_ONLINE_WIDTH}px;
    height: {IMG_ICON_USER_ONLINE_HEIGHT}px;
}
.offline {
    width: {IMG_ICON_USER_OFFLINE_WIDTH}px;
    height: {IMG_ICON_USER_OFFLINE_HEIGHT}px;
}

Je crois qu'on a fait le tour

[Netrisca]

Merci de ta réponse sa marche presque ! j'ai mis les fichiers d'origine et j'ai utilisé ta méthode.
Tu peu voir sur le forum que les icones sont coupé.

http://kappa.team-frenchie.com/forum/vi ... =1&t=12618

Et on dirait que sa utilise la meme image pour le profil utilisateur pour l'avatar.

Un problème venant surement des marges et taille...

[sub60]

salut,

ben il faut renseigner les bonnes dimension

Code: Tout sélectionner

.offline {
    height: 58px;
    width: 58px;
}

ton image fait 100x100 donc.....

[Netrisca]

Ah oui effectivement quel BAKA !
Merci jester

Par contre effectivement sa affiche la grande image qui est censé s'affiché sur la page profil.

[Netrisca]

Bon bah c'est bon !
Merci a vous 2 Cabot et Jester.

En faites j'avais mal uploader l'image qui faisait 100*100px...
Par contre l'image de la page profil et la même que celle des post c'est normal? sinon c'est loin d’être gênant bien que j'aurais préféré qu'elle soit plus grosse.

J'attend votre réponse après je passe le post en résolu.

[cabot]

salut,

ben il faut renseigner les bonnes dimension

Code: Tout sélectionner

.offline {
    height: 58px;
    width: 58px;
}

ton image fait 100x100 donc.....

Plop, les dimensions sont là :

Code: Tout sélectionner

.online {
    width: {IMG_ICON_USER_ONLINE_WIDTH}px;
    height: {IMG_ICON_USER_ONLINE_HEIGHT}px;
}
.offline {
    width: {IMG_ICON_USER_OFFLINE_WIDTH}px;
    height: {IMG_ICON_USER_OFFLINE_HEIGHT}px;
}

[sub60]

ouaip mon ti cabot, sauf que dans fr/imageset.cfg les images sont déclarer en 58x58 et qu'il avait uploadé des images en 100x100, ça collait pas (images rogné)

[Jester]

Ah oui effectivement quel BAKA !
Merci jester

Ah non c'est sub60 qui t'as répondu, moi je ne suis pas intervenu sur ce sujet

[cabot]

Ah ben vi sub, j'avais pas maté le imageset.cfg, pour moi c'était acquis koa

[sub60]

c'est jamais que la troisième fois que ça arrive, j'en prend l'habitude Jester