Ouvrir une demande d'aide
Derniers sujets
» Mon blog a disparu
Hier à 12:54 par Singleton

» Bonnes fêtes de fin d'année !
Jeu 05 Jan 2017, 03:22 par Derri

» Changements dans le Staff
Dim 30 Oct 2016, 22:46 par Kiyomizu

» Sur les moteurs de recherche
Mar 30 Aoû 2016, 14:03 par Alicia Hopeful

» Date d’un article sur un blog
Lun 27 Juin 2016, 19:50 par Gérard du 07

» achat de crédits défectueux
Mer 11 Mai 2016, 12:33 par Nicoape

» Intégration d'un sondage sur le blog
Mer 27 Avr 2016, 20:40 par Nicoape

» Articles apparaissant dans la partie module
Mer 27 Avr 2016, 11:06 par Nicoape

» (#2105): Problème d'affichage des commentaires
Sam 16 Avr 2016, 19:34 par Singleton

» Présentation des membres
Sam 16 Avr 2016, 18:40 par Zeno

Les posteurs les plus actifs du mois
Singleton
 
Kiyomizu
 
frouge
 

Qui est en ligne ?
Il y a en tout 23 utilisateurs en ligne :: 0 Enregistré, 0 Invisible et 23 Invités

Aucun

[ Voir toute la liste ]


Le record du nombre d'utilisateurs en ligne est de 183 le Mar 16 Juil 2013, 12:37

Ajouter un bouton "Haut"

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

Astuce Ajouter un bouton "Haut"

Message par Singleton le Jeu 31 Mai 2012, 18:11

Ajouter un bouton "Haut"




Ce tutoriel vous permettra de placer un bouton de retour en haut sur l'ensemble des pages de votre blog.

Mettre le code HTML

Pour installer le code HTML allez dans: Administration ›› MultiBlog ›› Général ›› Contenu personnalisable et ajoutez ce code

Code:
<div class="bouhautbas"><a href="#top"><img src="http://i42.servimg.com/u/f42/09/02/12/09/sort_u10.png" alt="Aller en haut" /></a> </div>
en parametrant de cette façon:


Remplacez si vous le souhaitez l'URL des images par vos propres images :
- http://i42.servimg.com/u/f42/09/02/12/09/sort_u10.png



Placer le bouton grâce au CSS

Administration ›› Blog ou MultiBlog ›› Thème personnalisé ›› Edition avancée

et ajoutez ce code:

Code:
.bouhautbas {
    bottom: 40px;
    left: 10px; /* remplacez left par right pour afficher les boutons à droite */
    position: fixed;
    z-index: 100;
}



Ce tutoriel a été rédigé par le Staff du Forum des Blogs,
Et en particulier par Wave sur le modèle d'un tutoriel du Forum des forums.

Aucune reproduction possible sans notre accord, conformément à l’article L122-1 du CPI.


Cordialement,



Singleton
Adminblog
Adminblog

Masculin
Messages : 1529

http://forum.forumactif.com/u134151

Revenir en haut Aller en bas

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