modifier l'apparence des signatures et des messages (si possible)

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu modifier l'apparence des signatures et des messages (si possible)

Message par Hishnack Mer 19 Oct 2011 - 11:59

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 :

modifier l'apparence des signatures et des messages (si possible) Proble10

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
Hishnack

Hishnack
**

Féminin
Messages : 98
Inscrit(e) le : 05/01/2011

http://starwarsriseofforce.forumactif.org/
Hishnack a été remercié(e) par l'auteur de ce sujet.

Résolu Re: modifier l'apparence des signatures et des messages (si possible)

Message par kheino Jeu 20 Oct 2011 - 12:38

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 :
.signature_div {
line-height: ?px;
}
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à :
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>
Déjà la balise "td" est l'une des seules balises alignable verticalement.
Dans le CSS, à toi les foiles :
Spoiler:

2°- Je n'ai hélas pas bien compris...
Peux-tu donner ton template viewtopic_body ?
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: modifier l'apparence des signatures et des messages (si possible)

Message par Hishnack Ven 21 Oct 2011 - 20:53

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 Sourire2
Hishnack

Hishnack
**

Féminin
Messages : 98
Inscrit(e) le : 05/01/2011

http://starwarsriseofforce.forumactif.org/
Hishnack a été remercié(e) par l'auteur de ce sujet.

Résolu Re: modifier l'apparence des signatures et des messages (si possible)

Message par kheino Ven 21 Oct 2011 - 21:19

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 :
overflow-x: heidden; /"ne pas voir le scroll latéral*/
overflow-y: auto; /*ou scroll pour le vertical*/
/*ou inversement*/

Bonne soirée.
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: modifier l'apparence des signatures et des messages (si possible)

Message par kheino Ven 21 Oct 2011 - 22:51

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 :
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":
td.signature_div {
display: block;
width: auto;
height: 180px;
line-height: 10px;
overflow-x: heidden;
overflow-y: auto;
margin-top: 142px;
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.
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum