[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: 7915
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: 26821
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: 26821
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:
<< Comment poster au bon endroit sur phpbb-fr >>
Attention..!! les styles pour phpBB 3.0, ne sont pas compatible avec phpBB 3.1
Sur phpBB 3.1, pour rafraîchir le style il suffit de vider le cache du forum.
Si vous considérez votre requête comme résolue, merci d'ajouter l'attribut de sujet [Réglé]
Avatar de l’utilisateur
sub60
Floodeur universel
Floodeur universel
 
Messages: 9518
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 
<< Comment poster au bon endroit sur phpbb-fr >>
Attention..!! les styles pour phpBB 3.0, ne sont pas compatible avec phpBB 3.1
Sur phpBB 3.1, pour rafraîchir le style il suffit de vider le cache du forum.
Si vous considérez votre requête comme résolue, merci d'ajouter l'attribut de sujet [Réglé]
Avatar de l’utilisateur
sub60
Floodeur universel
Floodeur universel
 
Messages: 9518
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 {
<< Comment poster au bon endroit sur phpbb-fr >>
Attention..!! les styles pour phpBB 3.0, ne sont pas compatible avec phpBB 3.1
Sur phpBB 3.1, pour rafraîchir le style il suffit de vider le cache du forum.
Si vous considérez votre requête comme résolue, merci d'ajouter l'attribut de sujet [Réglé]
Avatar de l’utilisateur
sub60
Floodeur universel
Floodeur universel
 
Messages: 9518
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: 26821
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 1 invité