Texte qui s'agrandit au passage de la souris

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

Résolu Texte qui s'agrandit au passage de la souris

Message par Meladu45 le Mer 13 Juin 2012 - 14:08

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.


Dernière édition par Meladu45 le Mer 13 Juin 2012 - 20:58, édité 1 fois

Meladu45
***

Féminin
Messages : 100
Inscrit(e) le : 17/02/2012

http://secondsouffle.forums-actifs.com/
Meladu45 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte qui s'agrandit au passage de la souris

Message par Yoshikuni le Mer 13 Juin 2012 - 14:18

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

Yoshikuni
***

Messages : 172
Inscrit(e) le : 07/04/2012

Yoshikuni a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte qui s'agrandit au passage de la souris

Message par Meladu45 le Mer 13 Juin 2012 - 14:27

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

Meladu45
***

Féminin
Messages : 100
Inscrit(e) le : 17/02/2012

http://secondsouffle.forums-actifs.com/
Meladu45 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte qui s'agrandit au passage de la souris

Message par Yoshikuni le Mer 13 Juin 2012 - 14:47

Tu as autoriser le HTML ?

Yoshikuni
***

Messages : 172
Inscrit(e) le : 07/04/2012

Yoshikuni a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte qui s'agrandit au passage de la souris

Message par Meladu45 le Mer 13 Juin 2012 - 15:05

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.

Meladu45
***

Féminin
Messages : 100
Inscrit(e) le : 17/02/2012

http://secondsouffle.forums-actifs.com/
Meladu45 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte qui s'agrandit au passage de la souris

Message par Yoshikuni le Mer 13 Juin 2012 - 15:17

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

Yoshikuni
***

Messages : 172
Inscrit(e) le : 07/04/2012

Yoshikuni a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte qui s'agrandit au passage de la souris

Message par Meladu45 le Mer 13 Juin 2012 - 15:24

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



Dernière édition par Meladu45 le Mer 13 Juin 2012 - 16:07, édité 1 fois

Meladu45
***

Féminin
Messages : 100
Inscrit(e) le : 17/02/2012

http://secondsouffle.forums-actifs.com/
Meladu45 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte qui s'agrandit au passage de la souris

Message par Yoshikuni le Mer 13 Juin 2012 - 15:40

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

Yoshikuni
***

Messages : 172
Inscrit(e) le : 07/04/2012

Yoshikuni a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte qui s'agrandit au passage de la souris

Message par Meladu45 le Mer 13 Juin 2012 - 16:01

Ah oui !

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

Meladu45
***

Féminin
Messages : 100
Inscrit(e) le : 17/02/2012

http://secondsouffle.forums-actifs.com/
Meladu45 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte qui s'agrandit au passage de la souris

Message par Yoshikuni le Mer 13 Juin 2012 - 16:11

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 ?

Yoshikuni
***

Messages : 172
Inscrit(e) le : 07/04/2012

Yoshikuni a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte qui s'agrandit au passage de la souris

Message par Meladu45 le Mer 13 Juin 2012 - 16:12

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

Meladu45
***

Féminin
Messages : 100
Inscrit(e) le : 17/02/2012

http://secondsouffle.forums-actifs.com/
Meladu45 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte qui s'agrandit au passage de la souris

Message par Yoshikuni le Mer 13 Juin 2012 - 16:20

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

Yoshikuni
***

Messages : 172
Inscrit(e) le : 07/04/2012

Yoshikuni a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte qui s'agrandit au passage de la souris

Message par Meladu45 le Mer 13 Juin 2012 - 16:29

Comment ça ? Embarassed
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 ^^

Meladu45
***

Féminin
Messages : 100
Inscrit(e) le : 17/02/2012

http://secondsouffle.forums-actifs.com/
Meladu45 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte qui s'agrandit au passage de la souris

Message par Yoshikuni le Mer 13 Juin 2012 - 16:40

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

Yoshikuni
***

Messages : 172
Inscrit(e) le : 07/04/2012

Yoshikuni a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte qui s'agrandit au passage de la souris

Message par Meladu45 le Mer 13 Juin 2012 - 16:42

Euh oui Wink

Meladu45
***

Féminin
Messages : 100
Inscrit(e) le : 17/02/2012

http://secondsouffle.forums-actifs.com/
Meladu45 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte qui s'agrandit au passage de la souris

Message par Yoshikuni le Mer 13 Juin 2012 - 17:20

Ok je vais le faire ^^

Yoshikuni
***

Messages : 172
Inscrit(e) le : 07/04/2012

Yoshikuni a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte qui s'agrandit au passage de la souris

Message par Meladu45 le Mer 13 Juin 2012 - 17:25

Merci beaucoup Smile

Meladu45
***

Féminin
Messages : 100
Inscrit(e) le : 17/02/2012

http://secondsouffle.forums-actifs.com/
Meladu45 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte qui s'agrandit au passage de la souris

Message par Yoshikuni le Mer 13 Juin 2012 - 17:28

Fait


Yoshikuni
***

Messages : 172
Inscrit(e) le : 07/04/2012

Yoshikuni a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte qui s'agrandit au passage de la souris

Message par Meladu45 le Mer 13 Juin 2012 - 17:42

Han super, merci beaucoup *-*

Meladu45
***

Féminin
Messages : 100
Inscrit(e) le : 17/02/2012

http://secondsouffle.forums-actifs.com/
Meladu45 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte qui s'agrandit au passage de la souris

Message par Yoshikuni le Mer 13 Juin 2012 - 20:38

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

Yoshikuni
***

Messages : 172
Inscrit(e) le : 07/04/2012

Yoshikuni a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte qui s'agrandit au passage de la souris

Message par Meladu45 le Mer 13 Juin 2012 - 20:57

Ah oui ^^
Merci encore.

Meladu45
***

Féminin
Messages : 100
Inscrit(e) le : 17/02/2012

http://secondsouffle.forums-actifs.com/
Meladu45 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