Ouvrir une demande d'aide
Connexion

Récupérer mon mot de passe

Derniers sujets
» 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

» inserer un tableau dans un article
Dim 27 Mar 2016, 20:28 par Nicoape

» Répertoriage de mon blog sur les moteurs de recherche
Lun 14 Mar 2016, 16:01 par Nicoape

» Redirection Adf.ly
Ven 04 Mar 2016, 21:55 par mespetitstresors

Les posteurs les plus actifs du mois
Moustache
 
Caryle chaverot
 
kikikapitaine
 
Zeno
 
Singleton
 

Qui est en ligne ?
Il y a en tout 7 utilisateurs en ligne :: 0 Enregistré, 0 Invisible et 7 Invités :: 1 Moteur de recherche

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

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