modifier l'apparence des signatures et des messages (si possible)
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
modifier l'apparence des signatures et des messages (si possible)
Bonjour,
- Je voudrais en priorité encadrer le champ signature de tout membre en mettant une pour ne pas que ça dépasse 150pixels. J'ai mit le code, le overflow là où il y avait le code "{postrow.displayed.SIGNATURE}" et ça marche sauf que ça me met un immense vide avant la signature :
Comment l'enlever ?
- Ensuite, comme vous pouvez le voir sur l'image ci-dessus, l'encadrement que j'ai mit aux messages n'encadre que le texte. Serait-ce possible d'étendre l'encadrement à toute la largeur et toute la longueur du message (déterminé par la taille de l'avatar et la taille du profil) sans avoir à mettre une longueur spécifique (car si on dépasse, ça ne se réajusterait pas...) ?
Cordialement,
- Je voudrais en priorité encadrer le champ signature de tout membre en mettant une pour ne pas que ça dépasse 150pixels. J'ai mit le code, le overflow là où il y avait le code "{postrow.displayed.SIGNATURE}" et ça marche sauf que ça me met un immense vide avant la signature :
Comment l'enlever ?
- Ensuite, comme vous pouvez le voir sur l'image ci-dessus, l'encadrement que j'ai mit aux messages n'encadre que le texte. Serait-ce possible d'étendre l'encadrement à toute la largeur et toute la longueur du message (déterminé par la taille de l'avatar et la taille du profil) sans avoir à mettre une longueur spécifique (car si on dépasse, ça ne se réajusterait pas...) ?
Cordialement,
Dernière édition par Hishnack le Ven 21 Oct 2011 - 20:53, édité 1 fois
Re: modifier l'apparence des signatures et des messages (si possible)
Salut Hishnack,
1°- Apparement c'est le "line-heigh: 18px;" dans le class="postbody" d'origine qui est à l'origine de ceci.
Il te suffit de reprendre le class="signature_div" de la signature cette propriété dans le CSS et de l'adapter à ce que tu voudrais :
Dans le CSS, à toi les foiles :
1°- Apparement c'est le "line-heigh: 18px;" dans le class="postbody" d'origine qui est à l'origine de ceci.
Il te suffit de reprendre le class="signature_div" de la signature cette propriété dans le CSS et de l'adapter à ce que tu voudrais :
En outre, je te suggère pour plus de joulis effets du CSS3, plus de stabilité et d'adaptabilité, tant qu'à déjà être au niveau du template et du CSS, de mettre la signature dans un tableau avec le class existant déjà :.signature_div {
line-height: ?px;
}
- Code:
<div class="clear"></div>
<table width="94%" align="center" border="0" cellspacing="0" cellpadding="0"><tr><td valign="top" width="100%" class="signature_div">
{postrow.displayed.SIGNATURE}
</td></tr></table>
Dans le CSS, à toi les foiles :
- Spoiler:
- .signature_div {
width: auto;
height: 150px;
line-height: 7px;
overflow: heidden;
margin: 17px auto 4px auto;
background: transparent;
text-align: center;
color: black;
font-variant: small-caps;
text-shadow: 1px -3px 0px #eadabc;
padding: 4px 7px 4px 7px;
border: 3px solid #000000;
box-shadow: 2px 2px 2px #000000;
-moz-box-shadow: 2px 2px 2px #000000;
-o-box-shadow: 2px 2px 2px #000000;
-htm-box-shadow: 2px 2px 2px #000000;
-webkit-box-shadow: 2px 2px 2px #000000;
}
.signature_div:hover {
color: red;
opacity : 0.8;
-moz-opacity : 0.8;
-ms-filter: "alpha(opacity=80)"; /* IE 8 */
filter : alpha(opacity=80); /* IE < 8 */
tranform-property: all;
-moz-tranform-property: all;
-o-tranform-property: all;
-htm-tranform-property: all;
-webkit-tranform-property: all;
transition: 3s;
-moz-transition: 3s;
-o-transition: 3s;
-webkit-transition: 3s;
-htm-transition: 3s;
}
2°-Je n'ai hélas pas bien compris...
Peux-tu donner ton template viewtopic_body ?
Re: modifier l'apparence des signatures et des messages (si possible)
Désolée pour le temps de réponse j'ai eu des petits soucis pour me connecter au net >< ! Alors le code marche super bien merci beaucoup c'est vraiment super gentil ! Concernant le deuxième problème, finalement j'ai trouvé un compromis et le problème ne se pose plus^^
En tout cas merci d'avoir pris le temps de faire cette réponse, ça me fait très plaisir ! Je vais mettre le sujet en résolu
En tout cas merci d'avoir pris le temps de faire cette réponse, ça me fait très plaisir ! Je vais mettre le sujet en résolu
Re: modifier l'apparence des signatures et des messages (si possible)
Je t'en prie.
Il y a aussi une chose que j'ai omise dans le CSS et qui me parait utile :
Tu peux préciser quel overflow tu veux ainsi :
Bonne soirée.
Il y a aussi une chose que j'ai omise dans le CSS et qui me parait utile :
Tu peux préciser quel overflow tu veux ainsi :
overflow-x: heidden; /"ne pas voir le scroll latéral*/
overflow-y: auto; /*ou scroll pour le vertical*/
/*ou inversement*/
Bonne soirée.
Re: modifier l'apparence des signatures et des messages (si possible)
Pardon de ce double-post, mais en fait j'ai fait une erreur dans le template et s'en suit une ligne manquante dans le CSS pour pouvoir positionner la signature dans le message :
Dans le template, il faut placer le tableau dans une div tout d'abord, au même endroit :
Dans le CSS, il faut indiquer que c'est la cellule (le "td") que l'on veut paramétrer et lui donner un "display: block;" pour le positionner avec un "margin":
Dans le template, il faut placer le tableau dans une div tout d'abord, au même endroit :
- Code:
<div>
<table width="90%" align="center" border="0" cellspacing="0" cellpadding="0"><tr><td valign="top" width="100%" class="signature_div">
{postrow.displayed.SIGNATURE}
</td></tr></table>
</div>
Dans le CSS, il faut indiquer que c'est la cellule (le "td") que l'on veut paramétrer et lui donner un "display: block;" pour le positionner avec un "margin":
Là c'est le margin-top qui peut maintenant déterminer l'espace entre le message et le cadre (visible ou pas) de la signature, puisque ça agit sur un bloc.td.signature_div {
display: block;
width: auto;
height: 180px;
line-height: 10px;
overflow-x: heidden;
overflow-y: auto;
margin-top: 142px;
Sujets similaires
» Modifier : voir ses nouveaux messages/ses messages/ses messages sans réponses /marquer comme non lus
» Modifier taille colonne "Sujets/Messages/Derniers messages"
» Enlever/modifier la bar "forum,sujets,messages,derniers messages"
» Impossible de modifier les avatars et les signatures
» signatures et anciens messages
» Modifier taille colonne "Sujets/Messages/Derniers messages"
» Enlever/modifier la bar "forum,sujets,messages,derniers messages"
» Impossible de modifier les avatars et les signatures
» signatures et anciens messages
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum