Code personalisé

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

Résolu Code personalisé

Message par mama3802 le Lun 4 Oct 2010 - 13:30

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://i25.servimg.com/u/f25/15/15/84/77/forum18.jpg ;
- Et quand on passe dessus : https://i25.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.


Dernière édition par mama3802 le Sam 9 Oct 2010 - 18:42, édité 1 fois

mama3802
*****

Féminin
Messages : 581
Inscrit(e) le : 30/04/2010

http://perfectmatch.max2forum.com/
mama3802 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code personalisé

Message par mama3802 le Mar 5 Oct 2010 - 19:24

Up =)

mama3802
*****

Féminin
Messages : 581
Inscrit(e) le : 30/04/2010

http://perfectmatch.max2forum.com/
mama3802 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code personalisé

Message par mama3802 le Sam 9 Oct 2010 - 13:17

UP svp

mama3802
*****

Féminin
Messages : 581
Inscrit(e) le : 30/04/2010

http://perfectmatch.max2forum.com/
mama3802 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code personalisé

Message par ge80 le Sam 9 Oct 2010 - 14:09

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

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code personalisé

Message par mama3802 le Sam 9 Oct 2010 - 14:40

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

mama3802
*****

Féminin
Messages : 581
Inscrit(e) le : 30/04/2010

http://perfectmatch.max2forum.com/
mama3802 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code personalisé

Message par ge80 le Sam 9 Oct 2010 - 15:20

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>

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code personalisé

Message par mama3802 le Sam 9 Oct 2010 - 15:27

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? =/

mama3802
*****

Féminin
Messages : 581
Inscrit(e) le : 30/04/2010

http://perfectmatch.max2forum.com/
mama3802 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code personalisé

Message par ge80 le Sam 9 Oct 2010 - 15:30

Non c'était une illustration Wink

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.




ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code personalisé

Message par mama3802 le Sam 9 Oct 2010 - 15:36

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.

mama3802
*****

Féminin
Messages : 581
Inscrit(e) le : 30/04/2010

http://perfectmatch.max2forum.com/
mama3802 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code personalisé

Message par ge80 le Sam 9 Oct 2010 - 15:37

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

Je retourne regarder mon rugby.

A plus tard.
ge

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code personalisé

Message par mama3802 le Sam 9 Oct 2010 - 15:38

Ok merci.

Bon rugby ^^

mama3802
*****

Féminin
Messages : 581
Inscrit(e) le : 30/04/2010

http://perfectmatch.max2forum.com/
mama3802 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code personalisé

Message par ge80 le Sam 9 Oct 2010 - 16:37

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

@+

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code personalisé

Message par mama3802 le Sam 9 Oct 2010 - 17:15

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

mama3802
*****

Féminin
Messages : 581
Inscrit(e) le : 30/04/2010

http://perfectmatch.max2forum.com/
mama3802 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code personalisé

Message par ge80 le Sam 9 Oct 2010 - 18:18

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

Voir le tutoriel Validation de l'HTML

Cordialement
ge

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code personalisé

Message par mama3802 le Sam 9 Oct 2010 - 18:40

Merci beaucoup =)

mama3802
*****

Féminin
Messages : 581
Inscrit(e) le : 30/04/2010

http://perfectmatch.max2forum.com/
mama3802 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code personalisé

Message par ge80 le Sam 9 Oct 2010 - 18:41

victoire

Bonne soirée

ge

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code personalisé

Message par mama3802 le Sam 9 Oct 2010 - 19:51

Merci =) vous aussi

mama3802
*****

Féminin
Messages : 581
Inscrit(e) le : 30/04/2010

http://perfectmatch.max2forum.com/
mama3802 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