[Réglé] Mettre l'image "Connecté" par dessus l'avatar

Pour les recherches et les demandes de modifications de styles concernant votre forum phpBB3.

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 bugs, 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é] Mettre l'image "Connecté" par dessus l'avatar

Messagepar Floetco » 16 Déc 2007 à 13:10

Salut

J'ai modifié les fichiers CSS de mon template pour mettre le bloc profil/avatar à gauche des message, et je voudrais également que l'image "Connecté" s'affiche à gauche comme dans l'image 1 ci-dessous. Cepedant, si le membre a un trop gros avatar, l'image se retrouve sous l'avatar (image 2 ci-dessous) et donc je voudrais qu'il se retrouve par dessus comme dans l'image 3 ci-dessous :


Image
image 1

Image
image 2

Image
image 3

Pouvez-vous m'aider SVP ?

Merci ;)

@+
Modifié en dernier par mathieu23 le 15 Sep 2008 à 13:25, modifié 1 fois.
Raison: Coche réglé ajoutée par Mathieu23
Avatar de l’utilisateur
Floetco
Apprenti-posteur
Apprenti-posteur
 
Messages: 190
Enregistré le: 28 Mar 2005 à 19:25
Localisation: Antibes (06)

Re: Mettre l'image "Connecté" par dessus l'avatar

Messagepar M@r©O » 16 Déc 2007 à 18:00

Je suis également preneur de la solution
Par avance merci
M@r©O
Posteur néophyte
Posteur néophyte
 
Messages: 63
Enregistré le: 28 Sep 2004 à 17:30

Re: Mettre l'image "Connecté" par dessus l'avatar

Messagepar tchomil » 16 Déc 2007 à 18:53

Si ca vous interesse j'ai la solution pour placé le pseudo et le rang au dessus de l'avatar, par contre moi aussi je cherche pour que le logo connecté apparaisse par dessus l'avatar.
Image
Avatar de l’utilisateur
tchomil
Maître-posteur
Maître-posteur
 
Messages: 415
Enregistré le: 26 Sep 2007 à 21:18

Re: Mettre l'image "Connecté" par dessus l'avatar

Messagepar M@r©O » 16 Déc 2007 à 19:18

tchomil a écrit:Si ca vous interesse j'ai la solution pour placé le pseudo et le rang au dessus de l'avatar,
Je l'ai trouvé également mais le problème est que lorsqu'on affiche le profil seul le "connecté" est de nouveau en dessous de l'avatar...
M@r©O
Posteur néophyte
Posteur néophyte
 
Messages: 63
Enregistré le: 28 Sep 2004 à 17:30

Re: Mettre l'image "Connecté" par dessus l'avatar

Messagepar tchomil » 16 Déc 2007 à 19:23

wi exact j'ai remarqué ce souci dans le profil :roll:
Image
Avatar de l’utilisateur
tchomil
Maître-posteur
Maître-posteur
 
Messages: 415
Enregistré le: 26 Sep 2007 à 21:18

Re: Mettre l'image "Connecté" par dessus l'avatar

Messagepar Floetco » 20 Déc 2007 à 20:36

tchomil a écrit:Si ca vous interesse j'ai la solution pour placé le pseudo et le rang au dessus de l'avatar, par contre moi aussi je cherche pour que le logo connecté apparaisse par dessus l'avatar.


ça m'interresse :P
Avatar de l’utilisateur
Floetco
Apprenti-posteur
Apprenti-posteur
 
Messages: 190
Enregistré le: 28 Mar 2005 à 19:25
Localisation: Antibes (06)

Re: Mettre l'image "Connecté" par dessus l'avatar

Messagepar dutbas » 28 Déc 2007 à 01:26

Pour mettre l'image "en ligne" sur l'avatar, il faut utiliser l'attribut z-index.
Regardez :
Code: Tout sélectionner
<div style="position: relative; width: 160px; height: 126px;">
  <img src="../uploads/img142.jpg" border="0" align="right" vspace=0 hspace=0 width=160 style="position: absolute; right: 0; bottom: 0; z-index: 1"></a>
  <img src="adopte.gif" border="0" height="54" width="91" align="right" vspace=0 hspace=0 style="position: absolute; right: 0; bottom: 0; z-index: 99">
</div>

qui donne :
Image
Le bando adopté etant l'image adopte.gif.

L'attribut z-index s'utilise un peu comme un calque,
z-index:1 : est le premier caque
z-index:2 : est le deuxieme calque poser sur le premier
...
...
...
z-index:99 : est le 99eme calque poser sur les 98eme premier ...

Code et image récuperer sur le site du Centre de défence des animaux de Cabries

à tres bientôt
dutbas
Posteur néophyte
Posteur néophyte
 
Messages: 15
Enregistré le: 07 Fév 2007 à 15:06

Re: Mettre l'image "Connecté" par dessus l'avatar

Messagepar M@r©O » 03 Jan 2008 à 11:12

Merci de ta réponse et concretement il faut modifier ou ??
M@r©O
Posteur néophyte
Posteur néophyte
 
Messages: 63
Enregistré le: 28 Sep 2004 à 17:30

Re: Mettre l'image "Connecté" par dessus l'avatar

Messagepar dutbas » 03 Jan 2008 à 17:57

magine qu'il faut modifier dans les fichier template (dssier style) mais je sais pas ou
dutbas
Posteur néophyte
Posteur néophyte
 
Messages: 15
Enregistré le: 07 Fév 2007 à 15:06

Re: Mettre l'image "Connecté" par dessus l'avatar

Messagepar djdav38 » 03 Jan 2008 à 23:16

Si vous savez dans quel fichier on peut le modifier, merci à vous de nous tenir au courant !

Merci :)
djdav38
Posteur néophyte
Posteur néophyte
 
Messages: 81
Enregistré le: 06 Avr 2006 à 21:27

Re: Mettre l'image "Connecté" par dessus l'avatar

Messagepar Morgyanne » 04 Jan 2008 à 10:45

Votre sujet a été déplacé par un membre de l'équipe.
en provenance de : phpBB3 ‹ [phpBB 3.0.x] Forums de support ‹ Utilisation et personnalisation

@+
Morgyanne :)
« What a filthy job !
Could be worse.
How ?
Could be rainin'. »

From Young Frankenstein
Avatar de l’utilisateur
Morgyanne
Marvelous girl
Marvelous girl
 
Messages: 32245
Enregistré le: 21 Mar 2005 à 13:28
Localisation: Juste derrière toi...

Re: Mettre l'image "Connecté" par dessus l'avatar

Messagepar abble » 04 Jan 2008 à 10:49

salut
le fichier à modifier est viewtopic.html
par contre j'ai un doute pour cette soluce car les images sont codées dans la css
Styles phpBB3 uniques et sur mesure :
Cosa Nostra Design
Mon nouveau Resto :
Pizzeria L' Olivier
Avatar de l’utilisateur
abble
Floodeur universel
Floodeur universel
 
Messages: 11882
Enregistré le: 04 Oct 2004 à 10:34
Localisation: Entre la pierre et la plume...

Re: Mettre l'image "Connecté" par dessus l'avatar

Messagepar M@r©O » 04 Jan 2008 à 18:52

J'ai un doute qu'il faut intervenir que sur viewtopic car il y a aussi le profil. Je pense qu'il faut faire une modif sur le css mais ou et comment ça c'est un autre paire de manches
M@r©O
Posteur néophyte
Posteur néophyte
 
Messages: 63
Enregistré le: 28 Sep 2004 à 17:30

Re: Mettre l'image "Connecté" par dessus l'avatar

Messagepar abble » 04 Jan 2008 à 19:21

alors vous allez essayer ça:
dans colours.css, trouvez:
Code: Tout sélectionner
.online {
	background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
}

remplacez par
Code: Tout sélectionner
.online {
	background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
	z-index: 2;
}

puis dans content.css trouvez:
Code: Tout sélectionner
.avatar {
	border: none;
	margin-bottom: 3px;
}

remplacez par:
Code: Tout sélectionner
.avatar {
	border: none;
	margin-bottom: 3px;
	z-index: 1;
}


pas sur du résultat
Styles phpBB3 uniques et sur mesure :
Cosa Nostra Design
Mon nouveau Resto :
Pizzeria L' Olivier
Avatar de l’utilisateur
abble
Floodeur universel
Floodeur universel
 
Messages: 11882
Enregistré le: 04 Oct 2004 à 10:34
Localisation: Entre la pierre et la plume...

Re: Mettre l'image "Connecté" par dessus l'avatar

Messagepar Jester » 04 Jan 2008 à 19:39

Ca pourrait marcher !

Si ça fonctionne, on le mettra en CDD, ce serait une belle avancée pour éviter de bidouiller prosilver en taille quand on passe les avatars à gauche. :D

Par contre, je mettrai pas le même z-index pour l'avatar que pour le online, si on suit la logique... ;)

Il faudrait mettre :

Code: Tout sélectionner
.avatar {
   border: none;
   margin-bottom: 3px;
   z-index: 1;
}


pour l'avatar.
"Quand le Troll parle, l'homme avisé l'écoute."
Personnaliser son forum - La documentation de phpBB-fr.com - Les téléchargements
N'oubliez pas de modifier votre message en ajoutant le tag [Réglé] quand votre sujet est résolu.
Avatar de l’utilisateur
Jester
Administrateur
Administrateur
 
Messages: 34398
Enregistré le: 01 Jan 2005 à 01:00
Localisation: Là, pas loin...

Suivante

Retourner vers 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 5 invités