Archives FluxBB.fr

NoX09

Membre

Remonter en haut de page sur chaque post

Bonjour, Bonsoir,

Je vous propose une petite astuce qui permet de rajouter en bas à gauche de chaque réponse (post) un "Revenir en haut de page".

Exemple:

=> La flèche est une image que vous devez enregistrer

=> Pour ce faire, vous devez :

#---------[ UPLOADER l'image de la flèche (à télécharger au dessus) ]-------------------------------------------------------

./img/

#---------[ OUVRIR ]-------------------------------------------------------

./viewtopic.php

#---------[ CHERCHER ]----------------------------------------------------------

<div class="postfootleft"><?php if ($cur_post['poster_id'] > 1) echo '<p>'.$is_online.'</p>'; ?></div>

#---------[ REMPLACER PAR ]----------------------------------------------------------

<div class="postfootleft"><?php if ($cur_post['poster_id'] > 1) echo '<span>'.$is_online.' | <a href="#punwrap">Haut <img alt="" src="./img/ico-up.gif"/></a></span>'; ?></div>

#---------[ OUVRIR ]----------------------------------------------------------

./style/votre_feuille_de_style.css

#---------[ CHERCHER ]----------------------------------------------------------

DIV.postfootleft P, DIV.postfootright UL, DIV.postfootright DIV {PADDING: 10px 6px 5px 6px;}

#---------[ AJOUTER APRES ]----------------------------------------------------------

DIV.postfootleft SPAN a:hover img {
bottom:6px;
position:relative;
}

#---------[  ENREGISTRER et UPLOADER ]----------------------------------------------------------

./viewtopic.php
./style/votre_feuille_de_style.css

* Donc en gros, j'ai remplacé la balise <p> par la balise <span> car avec le padding, on ne voyait pas le texte "haut".
* Le CSS permet lors du survol de la souris de monter la flèche (voir la démo sur le site alsacréation dont j'ai pompé l'idée).
* Compatibilité: Firefox 2* et supérieur, IE 7 et IE8, Opera, Chrome, les autres je ne les ai pas testés.

Cette astuce peut être implémenté en complément de celle ci

Dernière modification par NoX09 (14-11-2009 20:47:32)

---

Utiliser : FAQ - AIDE - RECHERCHE

fanf73

Wik-wiki

Re : Remonter en haut de page sur chaque post

Pratique comme astuce. Je l'avais déjà croisée sur le forum (un peu différemment) mais pas moyen de la retrouver.

---

Nous ne faisons pas le travail à votre place mais nous prenons le temps de vous montrer le chemin. Merci de lire ce que l'on vous dit et de réfléchir avant de re-demander une explication.

NoX09

Membre

Re : Remonter en haut de page sur chaque post

C'est pas celle-ci => http://www.punbb.fr/forums/viewtopic.php?id=6703 ?

---

Utiliser : FAQ - AIDE - RECHERCHE

fanf73

Wik-wiki

Re : Remonter en haut de page sur chaque post

Nope, s'en était une autre, mais ce n'est pas bien grave.

---

Nous ne faisons pas le travail à votre place mais nous prenons le temps de vous montrer le chemin. Merci de lire ce que l'on vous dit et de réfléchir avant de re-demander une explication.

Guims

Membre

Re : Remonter en haut de page sur chaque post

Bonsoir,

je trouvais plus pratique de l'avoir a droite et d' avoir en meme temps un lien vers le footer (directement donc sur les liens de modération)

J' ai donc juste modifié le code donné.
Après :

<div class="postfootleft"><?php if ($cur_post['poster_id'] > 1) echo '<p>'.$is_online.'</p>'; ?></div>

J ai ajouté ça :

<div class="postfootright"><span><a href="#brdfooter"><img alt="" src="./img/ico-down.gif"/></a><a href="#punwrap"><img alt="" src="./img/ico-up.gif"/></a></span></div>

avec ces deux icones (up et down) : et

voilà

Dernière modification par Guims (17-11-2009 12:50:28)

Mattt07

Membre

Re : Remonter en haut de page sur chaque post

Salut fanf et les autres forumers,

Je ne retrouve pas le topic mais c'est possible que ce soit comme sur mon forum ce que tu cherchais, j'en avais parlé y'a pas mal de temps...