Membres connectés récemment
[PhpBB3] Disposition de l'avatar dans les messages
3 participants
Page 1 sur 1
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
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:
Penser a cliquer sur le bouton
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
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
Je dois quitter pour l'instant... de retour en soirée...
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...
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
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:
Ceci suffit amplement:
Alors pour ton avatar et le reste tout est placé au début de ta feuille de style:
J'ai ajouté (je me suis permi) ceci:
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) :
Que j'ai réduis à:
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;
}
Sujets similaires
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum