Code personalisé

[mama3802]

Bonjour =),

Je ne savais pas comment appeller ça déja donc désolé pour le titre d'avance ^^
Je voudrais savoir comment écrire ( dans les topics) quelque chose dans un cadre et le souligner d'une couleur particulier.

Voila un exemple,car je ne sais pas du tout comment expliquer:
- Normal: https://i.servimg.com/u/f25/15/15/84/77/forum18.jpg ;
- Et quand on passe dessus : https://i.servimg.com/u/f25/15/15/84/77/forum_10.jpg

Merci d'avance =) Et désolé pour l'explication médiocre. Si vous avez des questions, il n'y a pas de souci.

[mama3802]

Up =)

[mama3802]

UP svp

[ge80]

Bonjour

Pour une gestion du survol, il faut passer par la CSS

Voici une version simple sans survol pour mettre dans vos messages.

Code:

<div style="height: 70px; border: 1px solid rgb(8, 7, 7); background-color: CornFlowerBlue;" align="center"> <font style=" font-size: 35pt; font-family: georgia; text-shadow: rgb(0, 0, 0) 1px 1px 1px; letter-spacing: 2px;"><font  color="Black"><br/>TITRE<br/><br/></font></font><div style="height: 7px; border: 1px solid rgb(80, 70, 70); background-color: green;" align="center"> </div></div>

Cordialement
Ge

[mama3802]

Bonjour,

Heu ça ne marche pas, ça me met le code tel quel dans mes messages.

Edit: Non c'est bon, je n'avais pas activé le HTML ^^

J'aurais voulu savoir comment on faisait un effet, quand on passe dessus avec la souris, ça change de couleur par exemple =)

[ge80]

Il faut passer par la feuille de style CSS mettre une classe ou un ID à la balise html DIV.
Propriétés :hover.

Savez-vous modifier votre CSS ?





ge

Pose des problème avec IE
Utilisation d'un <a ... est préférable

Code:


dans la ccs
.texte{}
texte:hover{color:red;}


<div class="texte">Salut</div>

[mama3802]

Je n'ai pas tout compris la ^^ Je doit le mettre ou le code dans le CSS? à la fin?

Et pour le <a, je met comment? =/

[ge80]

Non c'était une illustration

Il faut modifier le code HTML fourni.

Si vous ne savez pas le modifier mais que vous savez compléter votre CSS alors je ferai la procédure.

[mama3802]

Ok, j'ai déja modifier du CSS mais je ne sais pas comment faire le code, si c'est ça que vous voulez dire.

[ge80]

OK donc je vous ferai le code à implanter dans le CSS et dans le message.

Je retourne regarder mon rugby.

A plus tard.
ge

[mama3802]

Ok merci.

Bon rugby ^^

[ge80]

Le code à mettre dans un message

Code:

<div class='texte'><br/>TITRE<br/><br/><div style="height: 7px; border: 1px solid rgb(80, 70, 70); background-color: green;" align="center"> </div></div>

La partie à mettre dans votre CSS personnalisée.
A la fin et ne pas oublier d'enregistrer

Code:



.texte {
 height: 70px;
 border: 1px solid rgb(8, 7, 7);
 background-color: CornFlowerBlue;
 text-align: center;
 font-size: 35pt;
 font-family: georgia;
 text-shadow: rgb(0, 0, 0) 1px 1px 1px;
 letter-spacing: 2px;
 color: Black;
}

.texte:hover {
 color: Red;
 background-color: black;
}


Re -> rugby

@+

[mama3802]

Merci pour le code, parcontre j'ai un souci. Il marche quand je le met et que je fais prévisualiser mais quand je fais envoyer , ça marche plus. Il m'écris le code, comme si il y avait plus HTML

[ge80]

Vous devez vérifier les trois points de l'html

Voir le tutoriel Validation de l'HTML

Cordialement
ge

[mama3802]

Merci beaucoup =)

[ge80]

Bonne soirée

ge

[mama3802]

Merci =) vous aussi