Positionner la signature

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

Résolu Positionner la signature

Message par kailash35 le Mar 25 Fév 2014 - 18:58

Bonjour,

je voudrais déplacer la signature pour la faire apparaitre tout  en bas du message comme indiqué sur la photo.

J'ai besoin de votre aide, merci.



Dernière édition par kailash35 le Mer 26 Fév 2014 - 6:20, édité 1 fois

kailash35
*

Messages : 49
Inscrit(e) le : 18/01/2014

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

Résolu Re: Positionner la signature

Message par Neptunia le Mar 25 Fév 2014 - 19:22

Bonjour !

Je ne suis pas sûr de comprendre !

Dans l'exemple de la capture écran, quel est le texte du champ Editer la signature de l'onglet Sugnature du profil.

Il me semble que ce champ est tout bonnement vide.


Neptunia
+ Hyperactif +

Féminin
Messages : 10399
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Positionner la signature

Message par Kinotto le Mar 25 Fév 2014 - 19:25

Bonsoir,

http://forum.forumactif.com/t253380-separateur-message-signature
Il vous suffit de rajouter des sauts de ligne
Code:
<br />
à l'intérieur de ce séparateur. Wink

Bien cordialement.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Positionner la signature

Message par Neptunia le Mar 25 Fév 2014 - 19:44

Je crois que le souci, c'est que là le message est pour ainsi dire vide

Code:
.postbody {
  min-height: 800px;
}
Avec ce code dans le CSS, tous les posts auront une hauteur minimale, peu importe que le contenu soit plus haut que le volet profil ou non.

J'ai volontairement exagéré sur le 800px

Neptunia
+ Hyperactif +

Féminin
Messages : 10399
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Positionner la signature

Message par kailash35 le Mar 25 Fév 2014 - 20:19

de fait, le message est quasiment vide
je voudrais que le blablabla qui est la signature  (d'accord ,texte 'test" mal choisi) soit tout au bas du message et ce pour tous les messages sans avoir à insérer des sauts de ligne

kailash35
*

Messages : 49
Inscrit(e) le : 18/01/2014

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

Résolu Re: Positionner la signature

Message par Neptunia le Mar 25 Fév 2014 - 20:39

Je crois que mon code CSS remplit cet office.

Si le message n'est pas suffisament long, un blanc est ajouté en dessous de la signature pour que ca soit a la meme hauteur que le volet gauche.

Si le message est plus long, ce blanc est superflu.
Mon code force le message a faire une hauteur minimale, qu'il faudra ajuster en modifiant le 800px

Neptunia
+ Hyperactif +

Féminin
Messages : 10399
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Positionner la signature

Message par kailash35 le Mar 25 Fév 2014 - 22:20

AoF-Neptune,
merci pour le code mais ce code agit sur toute la 'zone' message,l'idée est bonne mais je voudrais pouvoir définir une hauteur minimale pour la partie située au-dessus de la signature.

kailash35
*

Messages : 49
Inscrit(e) le : 18/01/2014

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

Résolu Re: Positionner la signature

Message par Neptunia le Mar 25 Fév 2014 - 22:43

Vous voulez dire que si votre message fait 30 mètres de long votre signature sera toujours à 5 centimètres de la bordure basse du message ?

Neptunia
+ Hyperactif +

Féminin
Messages : 10399
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Positionner la signature

Message par kailash35 le Mar 25 Fév 2014 - 22:53

tout à fait. Je n'explique sans doute pas bien. Je voudrais que la signature soit toujours tout en bas que le message fasse une seule ligne ou bien plus.

kailash35
*

Messages : 49
Inscrit(e) le : 18/01/2014

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

Résolu Re: Positionner la signature

Message par Neptunia le Mer 26 Fév 2014 - 0:21

je pense avoir trouvé

Code:
.signature_div {
  margin-top: 400px;
  margin-bottom: 20px;
}

Le margin-top règle en somme la hauteur minimale du message puisque la signature sera placée à 400 pixels du sommet du message.
Le margin-bottom quant à lui règle la marge entre la fin de signature et le bas de cadre.

Le 400px a été volontairement exagéré.




Edité à 00h22
J'ai oublié de préciser qu'il fallait enlever le code donné plus haut.

Neptunia
+ Hyperactif +

Féminin
Messages : 10399
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Positionner la signature

Message par MlleAlys le Mer 26 Fév 2014 - 0:50

bonjour,
je me permets de proposer un code, parce que je n'ai pas compris exactement la même chose que AoF-Neptune, je suis désolée si c'est inutile =s :

Code:
div.postbody > div:nth-child(1) {
    min-height: 800px;
}

Il permet normalement d'appliquer une hauteur minimale au message, à la manière du premier code proposé par AoF-Neptune, mais non compris la signature... (comme jai testé sur mon forum test par exemple ici avec 800px).
Après, si c'était ce qu'il fallait comprendre mais que le code ne fonctionne pas, je pense qu'il faudra passer par les templates ^^"

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Positionner la signature

Message par Neptunia le Mer 26 Fév 2014 - 3:05

Coucou ^^

@MlleAlys a écrit:... je n'ai pas compris exactement la même chose que AoF-Neptune

On a bien compris la même chose, c'est juste que je suis trop nouille pour produire un code "propre"  lol! 
Je ne comprends pas encore comment fonctionnent ces -child Sad

On a compris que le placement de la signature dépend de la hauteur de ce qui précède ! C'est à dire du corps du message.
Et comme mon premier code agissait sur la totalité de la zone (message + signature), ne sachant pas agir sur le corps du message, j'ai agi sur la signature.

Pour caricaturer, si kailash35 tombe en panne d'essence, MlleAlys sort ses bras musclés et pousse la voiture jusqu'à la station-service alors que moi je prends le bulldozer pour pousser la station-service jusqu'à la voiture.




Là par contre je me pose deux questions.
1/ Hormis le fait que mon code n'était pas propre, fonctionnait il en toute circonstance ?
2/ On a un identifiant CSS pour le bloc séparateur+signature. N'est il pas possible d'agir sur cet identifiant pour le positionner par rapport au bas de post ?




Le code de MlleAlys semble effectuer ce qui est demandé, toutefois je rajoute une partie de mon code précédent au cas où la signature collée en bas semblerait justement trop collée.

Code:
.signature_div {
  margin-bottom: 20px;
}
Avec xxpx correspondant à la marge entre le bas de signature et le bas de message.

Neptunia
+ Hyperactif +

Féminin
Messages : 10399
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Positionner la signature

Message par kailash35 le Mer 26 Fév 2014 - 6:20

Merci merci à tous les deux. Un bulldozer et des bras musclés ont résolu mon problème  Very Happy 

kailash35
*

Messages : 49
Inscrit(e) le : 18/01/2014

http://chiensadopt.forumactif.org/
kailash35 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