Love Story
Bonjour et bienvenue à toi cher chat. Souhaites-tu rejoindre le Clan du Tonnerre ? Le Clan de la Rivière ? Le Clan du Vent ? Ou le Clan de l'Ombre peut-être ? A moins que tu ne veilles rejoindre les solitaires ou les domestiques ? Dans tout les cas, nous t'invitons à t'inscrire sur ce forum pleins d'aventures ! Allez, n'hésites pas et viens nous rejoindre permis tant de plaisir !
Love Story



Partagez|

Mettre un bouton haut/bas by Minseul (LG)

avatar
Love Story
1er personnage : Étoile du Lion - 36 lunes - Tonnerre - Chef
PUF : Mew.
Masculin Messages : 801
Fusions : 3697
Réputation : 0
Date d'inscription : 02/07/2014
Voir le profil de l'utilisateur http://thisislovestory.forumactif.org
MessageSujet: 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://illiweb.com/fa/empty.gif" title="Remonter" alt="Remonter"></a>
       <a href="#bottom"><img class="bas" src="http://illiweb.com/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é. Very Happy 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. Very Happy
A bientôt !
Yuuki/Kuroi'.

♥♥♥

Mettre un bouton haut/bas by Minseul (LG)

Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Sujets similaires

-
» On devrait mettre les gens du nord en quarantaine pour les empêcher d'entrer à
» Haut les Nains ! [Messagers du Rêve - MJC Savouret, Epinal]
» Inutile de mettre les points sur les I
» vous aimer les puzzles??? a mettre dans vos favoris
» L'habitat au haut Moyen-Age

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Love Story :: Power :: A. Love Story in Film-