Texte qui s'agrandit au passage de la souris

[Meladu45]

Bonjour,

Sur certain forum, j'ai remarqué que les textes s'agrandissaient au passage de la souris. J'aimerais donc savoir comment faire, car je souhaiterai faire la même chose sur mon forum.

D'avance merci.
Bonne journée.

[Yoshikuni]

On utilise :hover

Par exemple tu met cela sur ton forum dans ta page CSS

Code:

.exemple
{font-size:15px;}

.exemple:hover
{font-size:45px;}

Puis tu mets cela

Code:

<div class="exemple">TExte</div>

ET voilà le texte s'agrandit ^^

[Meladu45]

Merci d'avoir répondu.
Mais j'ai essayé et ça n'a pas marché. :s
Désolée.

[Yoshikuni]

Tu as autoriser le HTML ?

[Meladu45]

Oui.
Peut-être que je n'ai pas compris... où dois-je mettre le 2ème code ?
En fait, c'est sur les textes comme : Accueil, Membres, Connexion, les titres des catégories, forums etc... que je souhaiterais que ça fasse cela.
Cordialement.

[Yoshikuni]

Code:

<div class="exemple">TExte</div>


Devras être mis sur ton forum dans un nouveau sujet

Pour le reste je peux t'aider pourrais tu me donner ta feuille CSS fait le sous

Code:

[hide] [/hide]

Si tu veux pas qu'on la voit

[Meladu45]

Merci beaucoup.

Voici mon CSS :

Code:

h/*--WIDGET NAVIGATION RAPDIDE--*/

.boite{
position: fixed; /* position de boite */
top: 0px; /* position à partir du haut */
left: 0px; /* position à partir de la droite */
width: 130px; /* largeur de la boite */
background-color:#b08854; /* couleur de fond */
padding: 8px; /* marge intérieure */
-moz-border-radius:6px; /* coins arrondis */
-webkit-border-radius:6px; /* coins arrondis */
border-radius:6px; /* coins arrondis */
opacity: 0.8; /*opacite de la boite*/
}

.titre{
background-color:#A3A1A1; /* couleur de fond */
color:#A3A1A1; /* couleur de la police */
font-weight:bold; /* épaisseur de la police en gras */
font-size:11px; /* taille de la police */
text-align : center; /* alignement du texte */
padding: 6px; /* marge intérieure */
margin-bottom: 5px; /* marge extérieure pour moi 5px en bas */
-moz-border-radius:6px; /* coins arrondis */
-webkit-border-radius:6px; /* coins arrondis */
border-radius:6px; /* coins arrondis */
}

.cadre{
text-align: left; /* alignement du texte */
color:#5e4c38; /* couleur du texte */
font-size:11px; /* taille du texte */
background-color: #5e4c38; /* couleur du fond */
padding: 6px; /* marge intérieure */
-moz-border-radius:6px; /* coins arrondis */
-webkit-border-radius:6px; /* coins arrondis */
border-radius:6px; /* coins arrondis */
}
.navrap{
  text-align:left;
  margin-left:-25px;
  font-size:14px;
  padding-left: -32px; color:#5e4c38;
  } 

.titre2{
}

.cadre2{
text-align: center; /* alignement du texte */
heigt: 50px;
color:#5e4c38; /* couleur du texte */
font-size:11px; /* taille du texte */
background-color: #5e4c38; /* couleur du fond */
padding: 6px; /* marge intérieure */
-moz-border-radius:6px; /* coins arrondis */
-webkit-border-radius:6px; /* coins arrondis */
border-radius:6px; /* coins arrondis */
}

/*--FIN WIDGET NAVIGATION RAPDIDE--*/
a {

padding:3px; }

#nav_barr {
position: fixed; /*--- Cette ligne permet de toujours afficher la barre ---*/
width:1000px; /*--- pour régler la largeur de la barre ---*/
border:2px #5e4c38 solid;  /*--- On ajoute une bordure ---*/
margin-left:-500px; /* pour centrer:  largeur divisée par -2 */
left:50%;
-moz-border-radius:0px 0px 10px 10px; /* pour mozilla */
-webkit-border-radius: 0px 0px 10px 10px; /* pour chrome et safari */
border-radius:0px 0px 10px 10px; /* réglage des arrondis */
  background-image: url('http://i44.servimg.com/u/f44/14/84/74/09/barre_13.png');
height:30px;
}
.mainmenu{
color:#000000;
text-shadow: 2
    0px 0px 0px ;
font-variant: small-caps;}
a.mainmenu{
text-decoration: none;
color : #000000;
text-align: center;
}
a.mainmenu:hover{
text-decoration: underline;
color : #000000;
}


/* TITRES DES CATEGORIE */







/*-- Deco des sujets --*/


#qeel_tfa{
wge de fond"
}



[Yoshikuni]

Tout d'abord es ce que tu utilises toute ta feuille CSS, si cela n'est pas le cas tu peux tout enlever et mettre seulement les choses que tu utilises ^^

Alors pour changer le menu c'est à dire Acceuil, membres etc tu utilises cette partie

En général

Code:

a.mainmenu{
text-decoration: none;
color : #000000;
text-align: center;
}

Quand tu passes la souris

Code:

.mainmenu:hover{
text-decoration: underline;
color : #000000;
}

C'est ici que tu mettra ce que tu voudras

Ensuite pour les forums tu utilises ce code

En général

Code:

a.forumlink{
METS CE QUE TU VEUX
}


Quand tu passe la souris

Code:

a.forumlink:hover{
METS CE QUE TU VEUX
}

Bien sur il faut savoir les bases du CSS et si tu les connais pas je peux t'aider décrit moi ce que tu veux que je fasse ^^

Yo

[Meladu45]

Ah oui !

Oh super, pas contre je connais pas du tout les bases du CSS
Donc en fait, pour les codes, je ne sais pas trop où il faut les mettre etc...

[Yoshikuni]

Tous ces codes tu dois les mettre dans ta feuille ensuite je peux t'aider pour les codes, tu pourrais me montrer un exemple de ce que tu veux ?

[Meladu45]

D'accord merci beaucoup.
J'aimerais un peu comme sur ce forum : http://forumdetest4.lebonforum.com/

[Yoshikuni]

Question tu veux que cela se face directement ou tu veux faire EXACTEMENT comme le forum ^^

[Meladu45]

Comment ça ?
Euh juste qu'à chaque passage de la souris sur un lien (texte), cela s'agrandit comme sur le forum ^^
Par contre sur le forum, il y a des surlignages, ça par contre je n'en veux pas ^^

[Yoshikuni]

Lorsque tu passe la souris il faut un temps d’attente pour que cela soit fixé donc tu veux cela ?

[Meladu45]

Euh oui

[Yoshikuni]

Ok je vais le faire ^^

[Meladu45]

Merci beaucoup

[Yoshikuni]

Fait

[Meladu45]

Han super, merci beaucoup *-*

[Yoshikuni]

Mets le sujet sur résolu en allant sur ton premier sujet, appuyer sur le bouton éditer et mettre l'icone résolu ^^

[Meladu45]

Ah oui ^^
Merci encore.