 | Love Story
|
|
Mettre un bouton haut/bas by Minseul (LG) Love Story1er personnage : Étoile du Lion - 36 lunes - Tonnerre - Chef PUF : Mew.  Messages : 801 Fusions : 5872 Réputation : 0 Date d'inscription : 02/07/2014   Sujet: Mettre un bouton haut/bas by Minseul (LG) Sam 14 Fév - 14:48 | |
| - Minseul a écrit:
Mettre un bouton haut/bas pour la navigation de son forum.
Bonjour à tous !
Aujourd'hui nous allons apprendre à faire ceci : Clic (en bas à droite, les flèches).
Il n'y a rien de plus simple (façon de parler). Vous allez dans votre panneau d'administration et ensuite : Afichage -> Généralités. Dans le corps (contenu) du message, vous mettez ce code.
- Code:
-
<div id="navigation_up_down_23270"><noscript>Javascript est desactivé - <a href="http://www.supportduweb.com/">Support du web</a> - <a href="http://www.supportduweb.com/generateur-boutons-navigation-haut-bas-scroll-defilement-racourcis-page-monter-descendre-up-down.html">Generateur boutons de navigateur html</a></noscript><script type="text/javascript" src="http://services.supportduweb.com/navigation_up_down/4-23270-right.js"></script></div>
Vous validez.
Ensuite, si vous les voulez sur toutes les pages, attention accrochez vous... non ce n'est pas si dur que ça. Il suffit juste de bien suivre et d'être FONDATEUR du forum.
Allez, on commence par aller dans Affichage -> Templates -> Oberhall_Header.
Vous recherchez avec CTRL + F ce code :
- Code:
-
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
En dessous, vous allez mettre ce code ci, sans supprimer ce que vous avez recherché, bien entendu.
- Code:
-
<div class="top_bottom"> <a href="#top"><img class="haut" src="http://2img.net/i/fa/empty.gif" title="Remonter" alt="Remonter"></a> <a href="#bottom"><img class="bas" src="http://2img.net/i/fa/empty.gif" title="Descendre" alt="Descendre"></a> </div>
Vous validez, et vous publiez. Ne faites pas attention à ce que vous avez pour l'instant, ce n'est pas important. Ensuite, votre partie CSS, collez ça :
- Code:
-
/* début boutons monter descendre */
.top_bottom{
position: fixed;
bottom: 50px;
right: 0px;
background-color:#212121;
background-image:
-moz-linear-gradient(
top,
rgba(255,255,255,0.25),
rgba(255,255,255,0.05)
);
border:1px solid #111;
-moz-border-radius: 9px 0px 0px 9px;
-webkit-border-radius: 9px 0px 0px 9px;
border-radius: 9px 0px 0px 9px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
z-index: 999;
padding: 8px;
}
.top_bottom:hover{
-moz-box-shadow: 1px 1px 5px #00ff54;
-webkit-box-shadow: 1px 1px 5px #00ff54;
box-shadow: 1px 1px 5px #00ff54;
}
.haut{width:18px; height:22px; background:url(http://i65.servimg.com/u/f65/11/95/30/70/2310.png) no-repeat 0 0;}
.haut:hover{background:url(http://i65.servimg.com/u/f65/11/95/30/70/2310.png) no-repeat 0 -22px;}
.bas{width:18px; height:22px; background:url(http://i65.servimg.com/u/f65/11/95/30/70/2412.png) no-repeat 0 0;}
.bas:hover{background:url(http://i65.servimg.com/u/f65/11/95/30/70/2412.png) no-repeat 0 -22px;}
/* fin boutons monter descendre */ Wouhou ! On a terminé.  Prévisualisez par vous même, et si vous savez bidouiller, changez les images (ou demandez moi de remplacer les images par les votre /BUS/. J'espère que je ne vous ai pas trop embrouillée... Si vous avez des questions, je suis toujours là pour vous aider.
A bientôt !
Yuuki/Kuroi'. |
| | Mettre un bouton haut/bas by Minseul (LG) | |
|
| | Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
|
| |
Accueil