[PhpBB3] Disposition de l'avatar dans les messages

Bonjour à tous

Voilà à quoi ressemble mon avatar dans la page de mon profil :




Et voilà à quoi il ressemble lorsque je poste un message :




J'aimerais bien que le second ressemble au premier... c'est possible?

- centrer l'avatar
- Un espace entre " berny " et " Le maître des clés " serait bien
- Centrer l'image des clés par rapport à l'avatar serait bien aussi

Hello Bernard,
il faut poster sur ce forum et pas dans les astuces.

Pour ta demande,
tu peux tester ceci:


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajouter ceci:

Code:


.inner .postprofile dl dt{text-align:center;}
.inner .postprofile dl dd:first-child{margin-top: 10px;text-align: center;}


Penser a cliquer sur le bouton

Merci

Désolé pour le mauvais endroit où j'ai fait ma demande... une distraction

Voilà ce que j'obtiens.



et pour le rang et l'image des clés, c'est possible de modifier aussi pour qu'ils soient centrés par rapport à l'avatar?

et pour le rang et l'image des clés, c'est possible de modifier aussi pour qu'ils soient centrés par rapport à l'avatar?

Étonnant car le deuxième style devait agir sur cette demande.

Tu as bien ceci dans ta feuille de style ?:

Code:

.inner .postprofile dl dd:first-child{margin-top: 10px;text-align: center;}

Sur ton fofo, tu as ce style:

Code:

/*========================================== AVATAR ================================================
.inner .postprofile dl dt{text-align:center;}
.inner .postprofile dl dd:first-child{margin-top: 10px;text-align: center;}*/

Supprimes et remplaces par:

Code:

/*========================================== AVATAR ================================================*/
.inner .postprofile dl dt{text-align:center;}
.inner .postprofile dl dd:first-child{margin-top: 10px;text-align: center;}

J'avais désactivé temporairement les changements étant donné que je n'avais pas ce que souhaité... là j'ai réactivé

Oui... pareil

Code:

.inner .postprofile dl dd:first-child{margin-top: 10px;text-align: center;}

Code:

.inner .postprofile dl dd:first-child{margin-top: 10px;text-align: center;}

Je dois quitter pour l'instant... de retour en soirée...

Tu peux me communiquer en MP tes identifiants admin afin que je puisse voir ce qui cloche sur ton fofo?
Je verrais tout cela demain matin.
Je dois quitter pour ce soir.

Bonjour, 
un peu normal vu que tu a un script qui change la couleur d'un message à l'autre.
si on regarde ce sujet, on s'en aperçoit assez rapidement :

http://ze-bistro.forumactif.com/t2098-regardez-qui-est-la-au-ze-bistro#56259

Hello Bernard et Stéphane,

hum non pas de script Stéphane, c'est l'apparence concernant l’alternance des class row1 et row2 .

Bernard,
j'ai fais un peu de ménage dans ta feuille de style car c'était un peu ..... .

Attention aux commentaires avec des caractères infinis et d'une longueur affolante comme:

Code:

/*========================truc bidule==========================*/

Ceci suffit amplement:

Code:

/*====truc bidule====*/

Alors pour ton avatar et le reste tout est placé au début de ta feuille de style:

Code:


/*====AVATAR====*/
.inner .postprofile dl dt{text-align:center;}
.inner .postprofile dd:first-of-type{margin-top:10px;text-align:center;}
.inner .postprofile dd:first-of-type img{margin-top:10px;}
.inner .postprofile strong{position:relative;top:5px;}

J'ai ajouté (je me suis permi) ceci:

Code:

/*Suppression des coins sur tout le forum*/
span[class^="corners"]{display:none;}

Cela retire les petits coins blanc arrondis que tu pouvais avoir sur tout le forum.


Tu as avais aussi ceci pour tous les widgets de news (portail) :

Code:

/*=========================================NEWS2  les Anglais=================================================*/
  #newsareal1 div.topic-title-container {
    display: block !important;
    margin: 2px 1px 0;
    padding: 2px 5px 5px 30px;
    border: 1px solid #B1BFC0;
    border-radius: 5px;
    background: #F3F9F9 url('https://i.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center;
    }
    #newsareal1 div.topic-title-container:hover {
    background-color: #D8DEDE;
    }
/*==========================================NEWS3 les virginias========================================*/
  #newsareal3 div.topic-title-container {
    display: block !important;
    margin: 2px 1px 0;
    padding: 2px 5px 5px 30px;
    border: 1px solid #B1BFC0;
    border-radius: 5px;
    background: #f6caa5 url('https://i.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center;
    }
    #newsareal3 div.topic-title-container:hover {
    background-color: #636c59;
    }
/*=============================================NEWS4 Les aros=====================================================*/
  #newsareal4 div.topic-title-container {
    display: block !important;
    margin: 2px 1px 0;
    padding: 2px 5px 5px 30px;
    border: 1px solid #B1BFC0;
    border-radius: 5px;
    background: #d1f6a4 url('https://i.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center;
    }
    #newsareal4 div.topic-title-container:hover {
    background-color: #D8DEDE;
    }
/*=========================================NEWS5 Les bruns===============================================*/
  #newsareal5 div.topic-title-container {
    display: block !important;
    margin: 2px 1px 0;
    padding: 2px 5px 5px 30px;
    border: 1px solid #B1BFC0;
    border-radius: 5px;
    background: #d1d1d1 url('https://i.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center;
    }
    #newsareal5 div.topic-title-container:hover {
    background-color: #D8DEDE;
    }
/*==========================================NEWS6 La grande salle=================================================*/
  #newsareal6 div.topic-title-container {
    display: block !important;
    margin: 2px 1px 0;
    padding: 2px 5px 5px 30px;
    border: 1px solid #B1BFC0;
    border-radius: 5px;
    background: #d1d1d1 url('https://i.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center;
    }
    #newsareal6 div.topic-title-container:hover {
    background-color: #D8DEDE;
    }
/*=========================================News7 Les Accessoires====================================================*/
  #newsareal7 div.topic-title-container {
    display: block !important;
    margin: 2px 1px 0;
    padding: 2px 5px 5px 30px;
    border: 1px solid #B1BFC0;
    border-radius: 5px;
    background: #d1d1d1 url('https://i.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center;
    }
    #newsareal7 div.topic-title-container:hover {
    background-color: #D8DEDE;
    }

/*===========================================News8 Boutique===================================================*/
  #newsareal8 div.topic-title-container {
    display: block !important;
    margin: 2px 1px 0;
    padding: 2px 5px 5px 30px;
    border: 1px solid #B1BFC0;
    border-radius: 5px;
    background: #d1d1d1 url('https://i.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center;
    }
    #newsareal7 div.topic-title-container:hover {
    background-color: #D8DEDE;
    }

/*==========================================NEWS 9 recettes à bebert====================================================*/
  #newsareal9 div.topic-title-container {
    display: block !important;
    margin: 2px 1px 0;
    padding: 2px 5px 5px 30px;
    border: 1px solid #B1BFC0;
    border-radius: 5px;
    background: #d1d1d1 url('https://i.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center;
    }
    #newsareal7 div.topic-title-container:hover {
    background-color: #D8DEDE;
    }

Que j'ai réduis à:

Code:

/*les news en general*/
div[id^="newsareal"] div.topic-title-container
{
display: block !important;
margin: 2px 1px 0;
padding: 2px 5px 5px 30px;
border: 1px solid #B1BFC0;
border-radius: 5px;
background: #F3F9F9 url('https://i.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center;
}
div[id^="newsareal"] div.topic-title-container:hover
{
background-color: #D8DEDE;
}

Wow! je n'en demandais pas tant... je vais méditer sur ces changements... il y a des choses à apprendre là!

Un gros merci encore une fois!

De rien Bernard .