[Réglé] centrer l'avatar et .....

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

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 !

[Réglé] centrer l'avatar et .....

Messagepar ChrisTrenteSix » 22 Avr 2015 à 21:01

Bonsoir,

je viens (encore) demander de l'aide (puisqu'il fallait faire une demande séparée)

http://prntscr.com/6wy73w

je voudrais juste centrer l'avatar lorsque celui ci ne fait pas la taille préconisée du forum
retirer le rang
centrer le pseudo et l'image du rang

Merci

http://gfxstudio.net/
Version 3.1.2
Thème : élégance
Compte de test
Test
123456
Modifié en dernier par ChrisTrenteSix le 23 Avr 2015 à 19:37, modifié 2 fois.
ChrisTrenteSix
Apprenti-posteur
Apprenti-posteur
 
Messages: 121
Enregistré le: 29 Jan 2015 à 19:24

Re: centrer l'avatar et .....

Messagepar cocooncrash » 23 Avr 2015 à 06:44

Bonjour,
Peut on te demander l'URL en question?
decouvrez l'aide complete : ICI
découvrez les règles : La_bas

Pensez a ajouter le tag [réglé] en modifiant votre premier message s'il est résolu. Merci :wink:
Avatar de l’utilisateur
cocooncrash
Resp. des modérateurs
Resp. des modérateurs
 
Messages: 7959
Enregistré le: 07 Jan 2008 à 09:29
Localisation: dans un bocal en compagnie de nemo!!

Re: centrer l'avatar et .....

Messagepar ChrisTrenteSix » 23 Avr 2015 à 07:11

Bonjour, j'ai édité le premier poste .
ChrisTrenteSix
Apprenti-posteur
Apprenti-posteur
 
Messages: 121
Enregistré le: 29 Jan 2015 à 19:24

Re: centrer l'avatar et .....

Messagepar cabot » 23 Avr 2015 à 12:49

Hello,

Commence par ajouter ça dans ta feuille de style perso crée hier :
Code: Tout sélectionner
.postprofile dt, .postprofile dd.profile-rank {
	text-align: center;
}

@media (max-width: 700px) {
	.postprofile dt, .postprofile dd.profile-rank {
		text-align: left;
	}
}

.postprofile .avatar {
	float: none;
	display: initial;
}

.postprofile .avatar img {
	display: initial;
}

dd.profile-rank br {
	display: none;
}

Maintenant on va supprimer l'affichage textuel du rang uniquement s'il y a une image, sinon on laisse le texte, pour ça on va utiliser un peu de JS.

On va charger la fonction JS dans le footer à l'aide de l'event overall_footer_after.
Crée un fichier overall_footer_after.html dans le dossier /event de ton extension perso, et place ce bout de code dedans :
Code: Tout sélectionner
<!-- http://forums.phpbb-fr.com/styles-modifications-recherche-phpbb31/sujet204512.html -->
<script type="text/javascript">
$('dd.profile-rank img').parent().contents().filter(function(){
	return this.nodeType === 3;
}).remove();
</script>
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26833
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: centrer l'avatar et .....

Messagepar ChrisTrenteSix » 23 Avr 2015 à 13:12

Bonjour cabot

merci tout est bien centré .

le titre du rang est toujours là, j'aimerai aussi l'enlever si possible :D

http://prntscr.com/6x6ofm
ChrisTrenteSix
Apprenti-posteur
Apprenti-posteur
 
Messages: 121
Enregistré le: 29 Jan 2015 à 19:24

Re: centrer l'avatar et .....

Messagepar cabot » 23 Avr 2015 à 13:30

Le fichier ajouté n'a pas dû être pris en compte.
Vide le cache, si ça ne fonctionne toujours pas, désactive/réactive l'extension.
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26833
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: centrer l'avatar et .....

Messagepar ChrisTrenteSix » 23 Avr 2015 à 13:55

satané cache c'était bien ça encore une fois !! :roll:

j'aimerai maintenant augmenter l'espace entre l'avatar et le pseudo, que faut il rajouter ?
ChrisTrenteSix
Apprenti-posteur
Apprenti-posteur
 
Messages: 121
Enregistré le: 29 Jan 2015 à 19:24

Re: centrer l'avatar et .....

Messagepar sub60 » 23 Avr 2015 à 14:27

Hello,

Ajoute ça dans ta css perso

Code: Tout sélectionner
.avatar-container {
    margin-bottom: xpx;
}


ou x et la valeur a mettre :wink:
en retraite sur le woueb :mrgreen:
Avatar de l’utilisateur
sub60
Floodeur universel
Floodeur universel
 
Messages: 9519
Enregistré le: 19 Juin 2006 à 15:14
Localisation: oise

Re: centrer l'avatar et .....

Messagepar ChrisTrenteSix » 23 Avr 2015 à 14:41

Bonjour sub60

j'ai testé en changeant le x par 10 - 20 -100 aucuns changement, j'ai vidé le cache, désactivé et réactivé mon ext perso mais rien n'a changé :(
ChrisTrenteSix
Apprenti-posteur
Apprenti-posteur
 
Messages: 121
Enregistré le: 29 Jan 2015 à 19:24

Re: centrer l'avatar et .....

Messagepar sub60 » 23 Avr 2015 à 14:47

Arf... ok essaie comme suit

Remplace
Code: Tout sélectionner
.avatar-container

par
Code: Tout sélectionner
.postprofile .has-avatar .avatar-container 
en retraite sur le woueb :mrgreen:
Avatar de l’utilisateur
sub60
Floodeur universel
Floodeur universel
 
Messages: 9519
Enregistré le: 19 Juin 2006 à 15:14
Localisation: oise

Re: centrer l'avatar et .....

Messagepar ChrisTrenteSix » 23 Avr 2015 à 17:23

:(

idem ça marche pas non plus
ChrisTrenteSix
Apprenti-posteur
Apprenti-posteur
 
Messages: 121
Enregistré le: 29 Jan 2015 à 19:24

Re: centrer l'avatar et .....

Messagepar sub60 » 23 Avr 2015 à 18:13

A l'origine je t'ai fait mettre ça
sub60 a écrit:.avatar-container { margin-bottom: xpx; }


après

sub60 a écrit:Arf... ok essaie comme suit

Remplace
Code: Tout sélectionner
.avatar-container

par
Code: Tout sélectionner
.postprofile .has-avatar .avatar-container 


Actuellement tu a:
Code: Tout sélectionner
.postprofile .has-avatar .avatar-container 
    margin-bottom: 200px;
}


donc elle est passer ou cette {
en retraite sur le woueb :mrgreen:
Avatar de l’utilisateur
sub60
Floodeur universel
Floodeur universel
 
Messages: 9519
Enregistré le: 19 Juin 2006 à 15:14
Localisation: oise

Re: centrer l'avatar et .....

Messagepar ChrisTrenteSix » 23 Avr 2015 à 19:07

:? oups ^^

voilà c'est remis.
http://prntscr.com/6xagq5
là j'ai un espace au dessus du pseudo, y a t il moyen d'avoir le même en dessous ? juste entre le pseudo et l'image du rang ?
ChrisTrenteSix
Apprenti-posteur
Apprenti-posteur
 
Messages: 121
Enregistré le: 29 Jan 2015 à 19:24

Re: centrer l'avatar et .....

Messagepar cabot » 23 Avr 2015 à 19:25

Supprime ça dans les CSS ajoutées :
Code: Tout sélectionner
dd.profile-rank br {
	display: none;
}
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26833
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: centrer l'avatar et .....

Messagepar ChrisTrenteSix » 23 Avr 2015 à 19:37

c'est parfait....

encore merci pour votre aide :wink:
ChrisTrenteSix
Apprenti-posteur
Apprenti-posteur
 
Messages: 121
Enregistré le: 29 Jan 2015 à 19:24


Retourner vers [3.1.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 2 invités