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

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 le 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 :



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
**

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 Final-Blonde le 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:
.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 ?

Final-Blonde
# Tropactif #

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

http://www.siteduzero.com/
Final-Blonde 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 le 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
**

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 Final-Blonde le 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.

Final-Blonde
# Tropactif #

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

http://www.siteduzero.com/
Final-Blonde 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 Final-Blonde le 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.

Final-Blonde
# Tropactif #

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

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

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


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