Image bouton ascenseur

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

Résolu Image bouton ascenseur

Message par Horatio le Mar 12 Juil 2011 - 12:32

Bonjour à tous,

J'ai installé, dans la matinée un bouton asenceur grâce à l'aide de scipion que je remercie.
Le code suivant m'a été fournis :
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>

Néanmoins, les images des boutons haut et bas sont celles par défaults, je souhaiterais y mettre mes images :

Like a Star @ heaven 1ère :
Code:
http://i78.servimg.com/u/f78/15/28/98/12/scroll11.png
Like a Star @ heaven 2ème :
Code:
http://i78.servimg.com/u/f78/15/28/98/12/scroll10.png

Je demande votre aide pour changer ces boutons, merci d'avance.

Cordialement,
Horatio


Dernière édition par Horatio le Mar 12 Juil 2011 - 19:13, édité 1 fois

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image bouton ascenseur

Message par Lixyr le Mar 12 Juil 2011 - 15:46

Bonjour.

Ce sont ces images-là ?

Il me semble que vous devez changer les images dans le code javascript :
<script type="text/javascript" src="http://services.supportduweb.com/navigation_up_down/4-23270-right.js"></script>

en modifiant ceci :
- http://services.supportduweb.com/navigation_up_down/styles/images/s4.png
qui se trouve à deux reprises dans le code.






Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image bouton ascenseur

Message par Horatio le Mar 12 Juil 2011 - 16:27

Bonjour,

Merci pour votre aide. Mais ou se trouve à deux reprises la code ?

Cordialement

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image bouton ascenseur

Message par Lixyr le Mar 12 Juil 2011 - 16:39

Il se trouve ici :
Code:
<script type="text/javascript" src="http://services.supportduweb.com/navigation_up_down/4-23270-right.js"></script>

dans le lien js.

Il faut enregistrer le code contenu dans le lien js. Le modifier en remplaçant les deux liens des images, l'enregistrer sur un serveur, et remplacer le lien dans le code ci-dessus par le nouveau.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image bouton ascenseur

Message par Horatio le Mar 12 Juil 2011 - 16:56

Pouvez m'expliquer comment je dois procéder svp ?

Cordialement

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image bouton ascenseur

Message par Lixyr le Mar 12 Juil 2011 - 17:19

Vous avez 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>

qui fonctionne grâce à un code java, ici :
<script type="text/javascript" src="http://services.supportduweb.com/navigation_up_down/4-23270-right.js"></script>

Si vous cliquez sur le lien http://services.supportduweb.com/navigation_up_down/4-23270-right.js, vous verrez ce code-ci :
Code:

var html_23270 = "<style type=\"text/css\">#navigation_up_down_23270 .navigation_up_down_23270, #navigation_up_down_23270 .navigation_up_down_23270 div{   padding:0px;   margin:0px;   border:0px;}#navigation_up_down_23270 .navigation_up_down{   margin:auto;   width:30px;   height:60px;   position:fixed;   bottom:5px;   right:5px;}#navigation_up_down_23270 .navigation_up_down .navigation_up_down_up{   margin:auto;   display:block;   width:30px;   height:30px;   cursor:pointer;   background:url(\'http://services.supportduweb.com/navigation_up_down/styles/images/s4.png\');   background-position: 0px 0px;}#navigation_up_down_23270 .navigation_up_down .navigation_up_down_up:hover{   background-position: -30px 0px;}#navigation_up_down_23270 .navigation_up_down .navigation_up_down_up:active{   background-position: -60px 0px;}#navigation_up_down_23270 .navigation_up_down .navigation_up_down_down{   margin:auto;   display:block;   width:30px;   height:30px;   cursor:pointer;   background:url(\'http://services.supportduweb.com/navigation_up_down/styles/images/s4.png\');   background-position: 0px -30px;}#navigation_up_down_23270 .navigation_up_down .navigation_up_down_down:hover{   background-position: -30px -30px;}#navigation_up_down_23270 .navigation_up_down .navigation_up_down_down:active{   background-position: -60px -30px;}</style><div class=\"navigation_up_down\">   <div class=\"navigation_up_down_up\" onclick=\"window.scrollTo(0,1);window.scrollTo(0,0);\"></div>   <div class=\"navigation_up_down_down\" onclick=\"window.scrollTo(document.body.scrollWidth,document.body.clientHeight*100000);\"></div></div>";
document.getElementById('navigation_up_down_23270').innerHTML=html_23270;

dedans se trouvent les liens des images utilisées.

background:url(\'http://services.supportduweb.com/navigation_up_down/styles/images/s4.png\'); background-position: 0px 0px;}height:30px;

qui sont donc : http://services.supportduweb.com/navigation_up_down/styles/images/s4.png

Code:
http://services.supportduweb.com/navigation_up_down/styles/images/s4.png

Pour les modifier, il faut donc modifier ces deux liens
Code:
http://services.supportduweb.com/navigation_up_down/styles/images/s4.png

dans le code java*.

Pour ça, il faut que vous enregistriez le code java dans sa totalité dans, par exemple, un bloc note, et que vous modifiez ces deux liens (images) par les votres.

Ensuite, vous enregistrez votre document en tapant entièrement :

NOM_DE_VOTRE_FICHIER.js
dans vos documents.

N'oubliez surtout pas le .js

Ensuite, vous allez sur un site hébergeur, tel que archive host, ou bien vous allez dans la gestion de vos code javascript, et vous enregistrez votre code dedans.

Vous récupérez le lien de la page de votre code js maintenant hébergé.
Et vous le remplacez dans le code, ici :

<script type="text/javascript" src="http://services.supportduweb.com/navigation_up_down/4-23270-right.js"></script>

comme ceci :

<script type="text/javascript" src="VOTRE_URL_DE_VOTRE_FICHIER.js"></script>


Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image bouton ascenseur

Message par Horatio le Mar 12 Juil 2011 - 19:12

Bonsoir,

Parfait sa marche parfaitement bien.
Je vous remercie beaucoup.

Cordialement,
résolu

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image bouton ascenseur

Message par Lixyr le Mar 12 Juil 2011 - 19:23

Je vous en prie.
Bonne continuation à vous.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum