Code personalisé

2 participants

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

Résolu Code personalisé

Message par mama3802 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://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.


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

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 Mar 5 Oct 2010 - 19:24

Up =)
mama3802

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 Sam 9 Oct 2010 - 13:17

UP svp
mama3802

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

ge80
Membre actif

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

http://www.tsi80.net/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code personalisé

Message par mama3802 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

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

ge80
Membre actif

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

http://www.tsi80.net/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code personalisé

Message par mama3802 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

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

ge80
Membre actif

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

http://www.tsi80.net/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code personalisé

Message par mama3802 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

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

ge80
Membre actif

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

http://www.tsi80.net/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code personalisé

Message par mama3802 Sam 9 Oct 2010 - 15:38

Ok merci.

Bon rugby ^^
mama3802

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

ge80
Membre actif

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

http://www.tsi80.net/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code personalisé

Message par mama3802 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

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

ge80
Membre actif

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

http://www.tsi80.net/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code personalisé

Message par mama3802 Sam 9 Oct 2010 - 18:40

Merci beaucoup =)
mama3802

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 Sam 9 Oct 2010 - 18:41

victoire

Bonne soirée

ge
ge80

ge80
Membre actif

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

http://www.tsi80.net/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code personalisé

Message par mama3802 Sam 9 Oct 2010 - 19:51

Merci =) vous aussi
mama3802

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