PHPBB2] Améliorer mon message du Tchatbox.

Bonjour,

serait-il possible d'améliorer mon message en mettant une écriture en italique, pas en "gras" et centrer?

Aussi pour l'encadrement lui donnait du relief?

Merci d'avance,

mes amitiés,

Lydie

screen:

Code:

#chatbox.recently-connected:after {
  font-family: "Comic Sans MS", serif;
  font-size: 1.5em; line-height:1.5em; font-weight: bold; color: #4a90c3;
  box-shadow:0 0 5px #21587c; display:block; background: #ced6db; margin:auto;
  width:80%; margin:1.5% auto; padding:1%; white-space: pre;
  content: "Bienvenue sur le Tchatt \a Pensez à visualiser les archives \a pour mettre à jour vos discussions.\a Merci et à bientôt de Tchatter :)";
}

Hello Lydie,
tu peux tester ce style stp:

Code:

#chatbox.recently-connected:after {
font-style: italic;
  font-family: "Comic Sans MS", serif;
  font-size: 1.5em; line-height:1.5em; font-weight:normal; color: #4a90c3;
box-shadow: 5px 5px 5px 5px #21587c; display:block; background: #ced6db; margin:auto;
  width:80%; margin:1.5% auto; padding:1%; white-space: pre;
  content: "Bienvenue sur le Tchatt \a Pensez à visualiser les archives \a pour mettre à jour vos discussions.\a Merci et à bientôt de Tchatter :)";
}

bonjour Phil et merci , mais est-ce que c'est possible de faire plus petit, italic, Georgia et centré s'il te plait ?
avec ton code :

Hum, centré non ce ne sera pas possible car on part avec du css et
non un code html Lydie .

Pour ajouter une taille de police, il faut ajouter un font-size et modifier la valeur 12 si besoin:

Code:


font-size:12px ;


Pour la forme de police:
tu as déjà ceci:

Code:

  font-family: "Comic Sans MS", serif;

remplaces par:

Code:

font-family: Georgia;

Pour le style en Italic tu as déjà:

Code:

 font-style: italic;

bonsoir Phil , alors d'accord, déjà l'encadrement c'est génial juste un peut plus petit si on ne peut pas centrer ,c'est possible ?

j'ai mis 10 pour la taille de la police et ça ne bouge pas :

Code:

#chatbox.recently-connected:after {
font-style: italic;
  font-family: "Georgia", serif;
  font-size:10px ;
  font-size: 1.5em; line-height:1.5em; font-weight:normal; color: #4a90c3;
box-shadow: 5px 5px 5px 5px #21587c; display:block; background: #ced6db; margin:auto;
  width:80%; margin:1.5% auto; padding:1%; white-space: pre;
  content: "Bienvenue sur le Tchatt \a Pensez à visualiser les archives \a pour mettre à jour vos discussions.\a Merci et à bientôt de Tchatter :)";
}

Alors, on va commencer les cours ma tite Lydie,

lorsque tu regardes le code mentionné, que remarques tu ?
Je te le détaille afin que tu puisses mieux visualiser le soucis que tu rencontres:

Code:

   
#chatbox.recently-connected:after {
font-style: italic;
font-family: "Georgia", serif;
font-size:10px ;
font-size: 1.5em;
line-height:1.5em;
font-weight:normal;
color: #4a90c3;
box-shadow: 5px 5px 5px 5px #21587c;
display:block;
background: #ced6db;
margin:auto;
width:80%;
margin:1.5% auto;
padding:1%;
white-space: pre;
content: "Bienvenue sur le Tchatt \a Pensez à visualiser les archives \a pour mettre à jour vos discussions.\a Merci et à bientôt de Tchatter :)";
    }

ébé y'a plein de font-size ... là je suis paumée !

box-shadow: 5px 5px 5px 5px #21587c; ? ça doit être l'encadrement donc je réduis non ?

Non, il y en a deux lydie:

Code:


font-size:10px ;
font-size: 1.5em;
 

Supprimes celui-ci:

Code:

font-size: 1.5em;

ah je m'en douté mais je n' osais pas ...

c'est déjà mieux

petitefeuille a écrit:ah je m'en douté mais je n' osais pas ...

Ah, il faut oser, tu ne perds rien et tu as le privilége de prendre en main le style de ton fofo.
Car le faite de copier les codes tout bêtement sans comprendre le fonctionnement, il n'y a pas de réel intérêt

exact mon ami et ..... j'ai trouvé pour le cadre "width:40%" je l'ai mis à 40%  :)

bon ébé c'est bon ... dommage qu'on ne peut pas centrer .. je te remercie Phil et passe une bonne soiré

La c.s.s a ses limites .
De rien Lydie

tant pis merci

bon je ne vois toujours pas le bouton résolu

Ben tu as encore touché quelque chose qu'il ne fallait pas

j'en sais rien !!