passage de la souris sur un bouton créé dans "entête et navigation"

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

Résolu passage de la souris sur un bouton créé dans "entête et navigation"

Message par Dax_CFST le Mer 16 Nov 2011 - 15:26

Bonjour

J'ai appliqué le tutorial passage de la souris. Ça fonctionne très bien.

Mais j'ai 3 bouton créé dans "entête et navigation" et j'aimerais refaire le même css.IL me manque seulement un "id" pour relier le css hover. comment les trouver.

merci de votre attention


Dernière édition par Dax_CFST le Mer 16 Nov 2011 - 21:53, édité 1 fois

Dax_CFST
***

Féminin
Messages : 173
Inscrit(e) le : 05/01/2010

http://projetst.frbb.net
Dax_CFST a été remercié(e) par l'auteur de ce sujet.

Résolu Re: passage de la souris sur un bouton créé dans "entête et navigation"

Message par zz10 le Mer 16 Nov 2011 - 16:27

Bonjour,

lien du forum svp..

Celui dans le profil ne fonctionne pas...

cdt.

zz10
+ Hyperactif +

Masculin
Messages : 2202
Inscrit(e) le : 04/07/2009

http://www.forum-ice-epinal.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: passage de la souris sur un bouton créé dans "entête et navigation"

Message par Dax_CFST le Mer 16 Nov 2011 - 16:32

Voici

http://daxx.1fr1.net/

le menu est tout en bas de la page

merci bien de votre attention

Dax_CFST
***

Féminin
Messages : 173
Inscrit(e) le : 05/01/2010

http://projetst.frbb.net
Dax_CFST a été remercié(e) par l'auteur de ce sujet.

Résolu Re: passage de la souris sur un bouton créé dans "entête et navigation"

Message par zz10 le Mer 16 Nov 2011 - 16:52

Si j'ai bien compris vous voulez l'id des 3 boutons STAR TREK, FORUM et Contact

De gauche à droite :

Code:
#bg1

Code:
#bg2

Code:
#bg3

cdt

zz10
+ Hyperactif +

Masculin
Messages : 2202
Inscrit(e) le : 04/07/2009

http://www.forum-ice-epinal.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: passage de la souris sur un bouton créé dans "entête et navigation"

Message par Dax_CFST le Mer 16 Nov 2011 - 16:55

non les bouton suivant







complètement en bas de la page

Dax_CFST
***

Féminin
Messages : 173
Inscrit(e) le : 05/01/2010

http://projetst.frbb.net
Dax_CFST a été remercié(e) par l'auteur de ce sujet.

Résolu Re: passage de la souris sur un bouton créé dans "entête et navigation"

Message par Dax_CFST le Mer 16 Nov 2011 - 16:59

si je mettais ça dans la feuille de css

Code:
/*IMAGE BONUS*/
        #bonus{
          background-image:url('http://me-in-the-machine.com/Schmullus/Dax_genesis_Phase_II/bouton_2011/Bonus.png'); /*image si la souris ne survole pas*/
            width:168px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
        }
        #bonus:hover{
          background-image:url('http://me-in-the-machine.com/Schmullus/Dax_genesis_Phase_II/bouton_2011/Bonus_ROUGE.png'); /*image si la souris survole*/
            width:168px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
        }

et çâ

Code:
http://illiweb.com/fa/empty.gif

dans entête et navigation, est-ce que ça marcherais.

Dax_CFST
***

Féminin
Messages : 173
Inscrit(e) le : 05/01/2010

http://projetst.frbb.net
Dax_CFST a été remercié(e) par l'auteur de ce sujet.

Résolu Re: passage de la souris sur un bouton créé dans "entête et navigation"

Message par zz10 le Mer 16 Nov 2011 - 17:10

Oui mais il faut ajouter un javascript qui va donner des id car pour le moment les boutons n'en ont pas. C'est peut-être faisable par template, je ne sais pas. En javascript ça donnerait ça pour le bouton bonus :

A mettre dans PA->module->javascript->nouveau javascript

Placez le javascript sur toutes les pages puis insérez ce code :
Code:
$(document).ready(function(){
   $('img[title="bonus"]').attr("id","bonus");
});

zz10
+ Hyperactif +

Masculin
Messages : 2202
Inscrit(e) le : 04/07/2009

http://www.forum-ice-epinal.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: passage de la souris sur un bouton créé dans "entête et navigation"

Message par Dax_CFST le Mer 16 Nov 2011 - 17:54

Ca ne fonctionne pas

1- mis le js dans le panneau prevu a cet effet: marche pas
2-j'ai créé un fichier js que j'ai mis dans le template - affichage - general-overal header. marche pas

Code:
   {T_HEAD_STYLESHEET}
   {CSS}
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
   
<script type="text/javascript" src="http://me-in-the-machine.com/Schmullus/Dax_genesis_Phase_II/test_roll-over/js_id_bonus.js"></script>
 
 
  <script src="{JQUERY_PATH}" type="text/javascript"></script>
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>


et le problème vient peut-être de 2 point.
1 - attribuer un id a l'image, donc le code que vous m'avez fourni soit fonctionne et fonctionne pas dans FA.
2- quand on met un fichier vide dans entete et navigation il enleve le bouton
carrément.


Dax_CFST
***

Féminin
Messages : 173
Inscrit(e) le : 05/01/2010

http://projetst.frbb.net
Dax_CFST a été remercié(e) par l'auteur de ce sujet.

Résolu Re: passage de la souris sur un bouton créé dans "entête et navigation"

Message par zz10 le Mer 16 Nov 2011 - 19:01

Mettez TOUT le code, là il en manque ! Et ne passez pas par un hebergeur externe. Utilisez les outils du PA Wink PAs besoin de modifier le template du coup !

Code:
    $(document).ready(function(){
          $('img[title="bonus"]').attr("id","bonus");
        });

zz10
+ Hyperactif +

Masculin
Messages : 2202
Inscrit(e) le : 04/07/2009

http://www.forum-ice-epinal.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: passage de la souris sur un bouton créé dans "entête et navigation"

Message par Dax_CFST le Mer 16 Nov 2011 - 21:52

ÇA fonctionne comme petit charme Very Happy

merci beaucoup

Dax_CFST
***

Féminin
Messages : 173
Inscrit(e) le : 05/01/2010

http://projetst.frbb.net
Dax_CFST 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