Ancrage des messges les plus récents

[photoclic]

Bonjour,

Lorsque l'on accède au dernier message d'un sujet à parti de la page d'accueil en cliquant sur l’icône "Voir le message le plus récent" le dernier message se positionne tout en haut de la page.

De ce fait, le haut du message est caché par la où les toolbars présentes sur le forum en haut de page.

Serait-il possible de décaler le message vers le bas lorsqu'on y accède via la page d'accueil par l’icône "Voir le message le plus récent"?

Merci pour votre aide.

[mSyx]

Oy o/
Un peu dur à bien voir avec ce script anti-invités :b

Je ne suis pas sûr, mais essaies quand même avec ce CSS:

Code:

body {
margin-top: 171px;
}

[photoclic]

Bonjour mSyx,

Merci pour ton aide.

J’avais essayé cela ainsi que sur le #page-body mais rien à faire le message fini en remontant tout en haut y compris en ajoutant !important;

Mais cela n'est pas propre à mon forum, cela se passe ainsi sur tous les forums FA.

[Invité]

Hello Serge et mSyx ,

il faut bien mentionner que cela est en rapport avec la Toolbar,
si cette dernière lorsqu'elle est en position fixe dans la P.A:
Fixer la toolbar : Oui



Le body reçoit un :

Code:

margin-top: 30px;

Ce qui décale l'ancrage de la même valeur.

Si on coche le champ non , le soucis ne se produit plus.

a++

[photoclic]

Bonsoir Philippe,

Oui, tu as raison de préciser cela.
Ce qui interdit tout ancrage correct pour les forums qui ont plusieurs toolbars et pour les forums qui cochent oui pour avoir une toolbar fixe.

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[photoclic]

Bonjour,

S'agissant d'un problème Forumactif, je tente un up.

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[photoclic]

Bonjour,

Je tente un second up.

[Invité]

Hello Serge,

j'ai trouvé quelque chose qui pourrait te convenir ,
pour cela on va décaler de 30 px tous les messages seulement si la Toolbar est affichée.

Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.

Cocher Sur les sujets

Déposes ceci:

Code:


$(function(){$(function(){
$('#fa_toolbar').each(function(){
var a =$(this).attr('style');
if(a==undefined){$('div[class*="post--"]').each(function(){
$(this).css('margin-top','30px');});}});}) });



Penses à cliquer sur le bouton VALIDER

a++

[photoclic]

Merci Philippe,

Je teste dès que possible et je reviens.

[photoclic]

Bonjour,

Le script fonctionne.
Par contre pour mon forum, il me faut un margin top de 100px.

Et une si grande marge sur chaque message n'est vraiment pas esthétique.

[Invité]

Hello Serge,
pour en revenir à ton soucis,
tu as deux barres de navigation en position "fixed" qui viennent
par dessus les messages, donc quelque soit le correctif apporté, cela ne changera rien pour toi.
Il faut comme je te l'avais suggéré, mettre ces dernières tout en bas à cet endroit.

a++

[photoclic]

Bonsoir Philippe et merci d'y revenir.

J'ai fait l'essai avec le positionnement des barres de navigation en bas, mais je trouve pas cela terrible.

L'idéal aurait été de pourvoir descendre l'ensemble de la page pour éviter ce recouvrement par les barres de navigation.

Comme cela n'est pas possible j'ai opté pour une solution bâtarde pour l'instant:
. un décalage des messages d'une valeur acceptable pour que les messages se présentent à peu près au bon endroit et restent relativement esthétique
. et un autre décalage du dernier message uniquement pour que l'on arrive bien sur ce dernier message .

Si FA ne propose rien de mieux, je laisserai cela ainsi. Tant pis.

[Invité]

Coucou Serge,
on peut aussi masquer partiellement les deux barres de navigations sur la gauche
Le script a déposer sur les sujets:

Code:

$(function(){
$('#page-header').find('ul').addClass('reduc');
});

La css:

Code:

ul.reduc
{
left:-98%!important; 

}
ul.reduc:hover
{
left:0%!important;
  transition: left 0.5s ease-in-out;
}


Je ne pense pas que l'on puisse faire quelque de chose de mieux car le body de la page ne peut être guère modifié.

a++

[photoclic]

Hello Philippe,

Très astucieux ce dernier script, et il fonctionne.

Cela me fait une variante de plus.
Un grand merci.

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[photoclic]

Faute de mieux, je reste sur les variantes proposées par Milouze. Merci Philippe.