[Réglé] Position image pour mention "en ligne" ou "hors ligne"

Pour les recherches et les demandes de modifications de styles concernant votre forum phpBB 3.2

Modérateur: Equipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com - Conditions générales de support graphique

Attention : pour éviter les bogues, votre style doit être mis à jour en même temps que votre forum, et ce, dans la dernière version disponible de phpBB !
Partager sur FacebookPartager sur TwitterPartager sur Google+

[Réglé] Position image pour mention "en ligne" ou "hors ligne"

Messagepar nidhogg » 11 Oct 2017 à 23:18

Bonsoir,

Je viens vers vous car je me perds un peu dans l'utilisation d'une image pour la mention en/hors ligne des utilisateurs.

J'ai mis mes images dans le répertoire approprié de mon style et elles apparaissent sans problème.
En revanche il semble que l'image (en fait le cadre qui la contient comme background) soit en dessous de l'avatar et donc qu'elle soit masquée par celui-ci.

J'ai essayé de modifier le position de l'image en/hors ligne dans le cadre (class "post has-profile bg1 online" par exemple) pour qu'elle soit en dessous de l'avatar en me basant sur la taille maxi de ce dernier et en modifiant la stylesheet.css en la mettant en % du cadre. Mais le résultat n'est pas satisfaisant car la dimension de ce cadre varie en fonction de la longueur du message, ce qui fait que ma mention en/hors ligne se balade parfois bien trop bas.

J'ai essayé de faire la même chose en mettant non pas une valeur en % mais une valeur en pixels et là j'ai un souci quand l'utilisateur n'a pas d'avatar et que son message est court. Dan ce cas là, l'image se retrouve encore un fois plus bas que le cadre de droite (celui où se trouvent les infos sur le membre)

Du coup j'ai essayé de mettre un avatar par défaut et... ben je n'ai pas réussi :oops:

Vers quelle solution iriez-vous ?
- Persister à essayer de mettre un avatar par défaut ?
- Changer l'ordre des cadres ?
- Autre chose ?

Merci
nidhogg
Posteur néophyte
Posteur néophyte
 
Messages: 11
Enregistré le: 17 Sep 2017 à 23:29

Re: Position image pour mention "en ligne" ou "hors ligne"

Messagepar nidhogg » 12 Oct 2017 à 08:41

Salut,

Je viens de voir qu'il y avait un tuto là dessus dans la section style :oops: :oops: :oops: :oops: :oops: :oops:
Je m'en vais le tester et si ça marche je viendrai mettre "résolu" ici.

Au moins ce topic pourra réorienter les autres mal-cherchants à l'avenir :lol:
nidhogg
Posteur néophyte
Posteur néophyte
 
Messages: 11
Enregistré le: 17 Sep 2017 à 23:29

Re: Position image pour mention "en ligne" ou "hors ligne"

Messagepar nidhogg » 12 Oct 2017 à 23:22

Salut,
Je viens de vérifier le tuto de Jester, ici :

documentation/styles/online-par-dessus-l-avatar-a67-view.html

et il semble qu'il concerne une ancienne version. Le tuto date de 2014.

Quelqu'un connait il un équivalent en phpBB 3.2 ?

Merci
nidhogg
Posteur néophyte
Posteur néophyte
 
Messages: 11
Enregistré le: 17 Sep 2017 à 23:29

Re: Position image pour mention "en ligne" ou "hors ligne"

Messagepar Steph » 13 Oct 2017 à 06:52

Salut,

Votre sujet a été déplacé par un membre de l'équipe.

Merci de ne faire des UPs que toutes les 24 heures minimum !

N'hésite pas à faire une recherche sur le forum, la question (ou équivalente) à déjà été posée.

Sinon : Pour obtenir un support plus efficace, merci de préciser l'URL de votre forum, et de nous mettre à disposition un compte "test" sur votre forum.
Avatar de l’utilisateur
Steph
Administrateur
Administrateur
 
Messages: 17560
Enregistré le: 29 Déc 2008 à 15:48
Localisation: Alsace / Bas-Rhin / France

Re: Position image pour mention "en ligne" ou "hors ligne"

Messagepar Mazeltof » 13 Oct 2017 à 18:38

'soir ici,

Nativement sous phpbb 3.2 il n'y a pas d'image "hors ligne".
Doit on comprendre que tu utilises une extension ? Que tu as modifié ton style ? En parlant de style , tu utilises prosilver ?
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2215
Enregistré le: 09 Mar 2009 à 22:02
Localisation: Arras

Re: Position image pour mention "en ligne" ou "hors ligne"

Messagepar nidhogg » 14 Oct 2017 à 11:49

Bonjour,

J'utilise un thème inspiré de FTH_Tropic avec héritage prosilver. Je n'ai rien changé hormis les images et les couleurs.

J'ai créé un compte test si tu veux aller voir :
forum: http://siteweb.lgdl.fr/forums/index.php
login: compte_test
pwd: 123456

Merci

Au passage désolé pour les up. Je pensais pouvoir le faire car je donnais à chaque fois des infos nouvelles et complémentaires (mais c'est vrai que j'aurais pu éditer mon post :) )
nidhogg
Posteur néophyte
Posteur néophyte
 
Messages: 11
Enregistré le: 17 Sep 2017 à 23:29

Re: Position image pour mention "en ligne" ou "hors ligne"

Messagepar Mazeltof » 14 Oct 2017 à 15:46

'jour ici,

Avec ces infos dès le départ ça aurait été tout de suite plus clair :mrgreen:
manque quand même le lien de téléchargement du style mais on va pas chipoter

Dans FTH_tropic/template/viewtopic_body.html
Trouve :
Code: Tout sélectionner
					{% EVENT viewtopic_body_avatar_before %}

Ajoute juste après :
Code: Tout sélectionner
					{% if postrow.S_ONLINE and not postrow.S_POST_HIDDEN %}<div class="preonline online"></div>{% endif %}{% if not postrow.S_ONLINE %}<div class="preoffline offline"></div>{% endif %}


Dans FTH_tropic/theme/content.css
Ajoute à la fin :
Code: Tout sélectionner
/* Online/Offline par dessus l'avatar */
.post.online {
	background-image: none;
}
.post .preonline.online {
	width: 100px;
	height: 40px;
	position: absolute;
	right: 0;
	top: 0;
}
.post.offline {
	background-image: none;
}
.post .preoffline.offline {
	width: 100px;
	height: 40px;
	position: absolute;
	right: 0;
	top: 0;
}


Dans FTH_tropic/theme/responsive.css
Ajoute à la fin :
Code: Tout sélectionner
@media (max-width: 700px) {
.post .preonline.online, .post .preoffline.offline {
	width: 50px;
	height: 20px;
	background-size: 100%;
}


Ca devrait convenir, par contre pour faire tes modifs présentes et futures je te conseille vivement de faire un style hérité du style Tropic. :wink:
Jette un oeil a cette documentation
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2215
Enregistré le: 09 Mar 2009 à 22:02
Localisation: Arras

Re: Position image pour mention "en ligne" ou "hors ligne"

Messagepar nidhogg » 15 Oct 2017 à 13:17

Bonjour,
Merci pour ton aide.
J'ai fait les modifications et j'en ai profité pour changer l'héritage dans mon style.cfg

Par contre je n'ai plus du tout d'image online ou offline.
J'ai essayé de mettre leur adresse dans le content.css à la place du "none" dans ton code.
Ca les fait apparaitre mais derrière l'avatar. :(

Je veux bien te mettre un lien pour télécharger le style mais comment ? Y a t'il une manip à faire dans le PCA ?
nidhogg
Posteur néophyte
Posteur néophyte
 
Messages: 11
Enregistré le: 17 Sep 2017 à 23:29

Re: Position image pour mention "en ligne" ou "hors ligne"

Messagepar Mazeltof » 15 Oct 2017 à 18:05

nidhogg a écrit:J'ai fait les modifications

Je ne vois pas l'intégralité des modifications indiquées, revoit l'ensemble de ces modifications. Puisque tu as renommé le style Tropic en LGDL_V3.2, les modifs doivent être faites dans ce dernier.

nidhogg a écrit: j'en ai profité pour changer l'héritage dans mon style.cfg

Ce n'est pas suffisant pour créer un style en héritage, il y a d'autres manipulations a faire ... Annule cette modif pour le moment, on reviendra sur le style hérité quand tout fonctionnera correctement.

nidhogg a écrit:J'ai essayé de mettre leur adresse dans le content.css à la place du "none" dans ton code.

En faisant ça, la modif proposée ne sert à rien, justement.

nidhogg a écrit:Je veux bien te mettre un lien pour télécharger le style mais comment ?

j'ai déjà récupéré ce style ici :wink:
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2215
Enregistré le: 09 Mar 2009 à 22:02
Localisation: Arras

Re: Position image pour mention "en ligne" ou "hors ligne"

Messagepar nidhogg » 15 Oct 2017 à 22:24

Bonjour,

Mazeltof a écrit:Je ne vois pas l'intégralité des modifications indiquées, revoit l'ensemble de ces modifications. Puisque tu as renommé le style Tropic en LGDL_V3.2, les modifs doivent être faites dans ce dernier.

Je viens de rééditer tous les fichiers concernés dans le thème LGDL_V3.2 et je vois bien les modifs pourtant. Faut-il que je désinstalle/réinstalle ?

Mazeltof a écrit:
Ce n'est pas suffisant pour créer un style en héritage, il y a d'autres manipulations a faire ... Annule cette modif

Modif annulée, j'ai remis prosilver en parent.

Mazeltof a écrit:
nidhogg a écrit:J'ai essayé de mettre leur adresse dans le content.css à la place du "none" dans ton code.

En faisant ça, la modif proposée ne sert à rien, justement.

Ok j'ai remis les "none".

Mazeltof a écrit:j'ai déjà récupéré ce style ici :wink:

C'est le tropic ça. Tu ne veux pas récupérer le LGDL_V3.2 ?

Merci
nidhogg
Posteur néophyte
Posteur néophyte
 
Messages: 11
Enregistré le: 17 Sep 2017 à 23:29

Re: Position image pour mention "en ligne" ou "hors ligne"

Messagepar Mazeltof » 16 Oct 2017 à 08:31

'jour ici,

As tu purgé le cache du forum (via le PCA) et éventuellement celui du navigateur (ctrl+F5) ?

nidhogg a écrit:C'est le tropic ça. Tu ne veux pas récupérer le LGDL_V3.2 ?

Ce n'est pas nécessaire puisque c'est le même style
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2215
Enregistré le: 09 Mar 2009 à 22:02
Localisation: Arras

Re: Position image pour mention "en ligne" ou "hors ligne"

Messagepar nidhogg » 16 Oct 2017 à 09:31

Bonjour,

C'etait bien la purge du cache qu'il fallait faire.
Merci, ça marche.
Je vais regarder la doc sur les héritages avant de poursuivre.
Merci pour tout
nidhogg
Posteur néophyte
Posteur néophyte
 
Messages: 11
Enregistré le: 17 Sep 2017 à 23:29


Retourner vers [3.2.x] Modifications et recherche de styles

 


  • Articles en relation
    Réponses
    Vues
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 1 invité