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

2 participants

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

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 Mer 16 Nov 2011 - 16:27

Bonjour,

lien du forum svp..

Celui dans le profil ne fonctionne pas...

cdt.
zz10

zz10
Membre actif

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

http://www.ice-epinal-forum.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 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

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

zz10
Membre actif

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

http://www.ice-epinal-forum.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 Mer 16 Nov 2011 - 16:55

non les bouton suivant

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

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

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

complètement en bas de la page
Dax_CFST

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 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://2img.net/i/fa/empty.gif

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

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

zz10
Membre actif

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

http://www.ice-epinal-forum.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 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

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

zz10
Membre actif

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

http://www.ice-epinal-forum.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 Mer 16 Nov 2011 - 21:52

ÇA fonctionne comme petit charme Very Happy

merci beaucoup
Dax_CFST

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

- Sujets similaires

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