Page d'accueil

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

Résolu Page d'accueil

Message par coco18 le Jeu 4 Nov 2010 - 20:00

Bonjour ou bonsoir !

Je vais expliquer mon probleme

Donc je c'est mettre un tableau normal sur mon forum , mais sur mon forum je voudrai mettre un système un peu spécial . Voyons le curseur de la souris quant on passe dessus sa affiche un message et quant on passe sur un autre truc sa change le message aprés on continue

enfaite Je voudrai plusieurs tableau
ex : | message de bienvenue | tableau de garde | tableau de carde du centre d'appelle | personnelle disponible

imaginons je passe mon curseur sur message de bienvenue sa va m'afficher un message avec ce que j'ai envie d'écrit , ensuite , je passe le curseur sur tableau de garde , sa va m'afficher un tableau avec des nom ... Ainsi de suite pour les autre
Mais j'arrive pas et je n'est au aucune idée comment faire sa , pouvez vous m'aidais svp

mon forum ==> http://cs-waterlune.forum-pro.fr


Dernière édition par coco18 le Jeu 4 Nov 2010 - 21:55, édité 1 fois

coco18
***

Messages : 118
Inscrit(e) le : 11/04/2010

http://cs-waterlune.forum-pro.fr/
coco18 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Page d'accueil

Message par zz10 le Jeu 4 Nov 2010 - 21:05

Bonsoir,

Le code HTML et javascript

Code:
<a href="#" onmouseover="gestionTab(1)">message de bienvenue</a> |
<a href="#" onmouseover="gestionTab(2)"> tableau de garde </a> |
<a href="#" onmouseover="gestionTab(3)">tableau de carde du centre d'appelle</a> |
<a href="#" onmouseover="gestionTab(4)">personnelle disponible</a>

<div id="accueil_1">
   message bienvenue message bienvenue message bienvenue message bienvenue message bienvenue message bienvenue message bienvenue message bienvenue message bienvenue
</div>
<div id="accueil_2">
   tableau de garde tableau de garde tableau de garde tableau de garde tableau de garde tableau de garde tableau de garde
</div>
<div id="accueil_3">
   tableau de carde tableau de carde tableau de carde tableau de carde tableau de carde tableau de carde tableau de carde tableau de carde tableau de carde tableau de carde
</div>
<div id="accueil_4">
   personnelle personnelle personnelle personnelle personnelle personnelle personnelle personnelle
</div>

<script>
    function gestionTab(id){
      for(i=1;i<=4;i++){
         if(i == id){
            document.getElementById("accueil_"+i).style.display = "block";
         }else{
            document.getElementById("accueil_"+i).style.display = "none";
         }   
      }
    }

</script>

et le code CSS :

Code:
#accueil_1
   {
   display:block;
   }
   #accueil_2,#accueil_3,#accueil_4
   {
   display:none;
   }

Si vous voulez des retouches, n'hésitez pas Wink

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: Page d'accueil

Message par coco18 le Jeu 4 Nov 2010 - 21:15

Oui cet sa mais est ce que on peut mettre comme un cadre fermé autour , avec un épaisseur du trait de contour de 5 couleur blanc svp

coco18
***

Messages : 118
Inscrit(e) le : 11/04/2010

http://cs-waterlune.forum-pro.fr/
coco18 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Page d'accueil

Message par zz10 le Jeu 4 Nov 2010 - 21:18

Code:
#accueil_1,#accueil_2,#accueil_3,#accueil_4
{
border:5px solid #fff;
}
#accueil_1
{
display:block;
}
#accueil_2,#accueil_3,#accueil_4
{
display:none;
}

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: Page d'accueil

Message par coco18 le Jeu 4 Nov 2010 - 21:19

c'est le code HTLM ?

coco18
***

Messages : 118
Inscrit(e) le : 11/04/2010

http://cs-waterlune.forum-pro.fr/
coco18 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil

Message par zz10 le Jeu 4 Nov 2010 - 21:24

Non, CSS...

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: Page d'accueil

Message par coco18 le Jeu 4 Nov 2010 - 21:33

Je pourrait avoir le code htlm car j'ai du mal avec css ? Sad silent

coco18
***

Messages : 118
Inscrit(e) le : 11/04/2010

http://cs-waterlune.forum-pro.fr/
coco18 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil

Message par zz10 le Jeu 4 Nov 2010 - 21:36

Le code HTML n'a pas changé donc reprenez celui de mon message !

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: Page d'accueil

Message par coco18 le Jeu 4 Nov 2010 - 21:52

Ok merci beaucoup pour ton aide , bonne continuation et continue a aidez les personne c'est génial votre boulot (y)

coco18
***

Messages : 118
Inscrit(e) le : 11/04/2010

http://cs-waterlune.forum-pro.fr/
coco18 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