Comment faire, message de modération sans le css

[Maitre Orion]

Bonsoir,

Je suis en difficulté avec le code du message de modération qu'ont les Modos, à savoir celui-ci :

Code:

[table class="tr- modos"][tr][td vertical-align="middle" style="padding-left:5px;"]IMAGE[/td][td vertical-align="middle" style="padding-left:10px; padding-right:5px; padding-bottom:5px; padding-top:5px;"]CONTENUE[/td][/tr][/table]

qui donne ceci :

Spoiler:

je voudrais faire le mêmes contour mais je n'ai pas le CSS et je ne sais pas où le mettre =S
PLZZ HELP !!

Merci d'avance aux codeurs !
Orion.

[Neptunia]

Bonsoir !


Le css est à ajouter ici

Panneau d'administration Affichage Images et couleurs Couleurs Onglet Feuille de style CSS

Vu que "votre" trame en bbcode fait référence à la classe tr-modos, vous devrez ajouter le css équivalent de cette manière

.tr-.modos {
propriété1:valeur;
propriété2:valeur;
...
propriétéN:valeur;
}

[Maitre Orion]

Oui mais à quoi correspondes ces attributs =SS

[Neptunia]

Les propriétés correspondent à ce que vous souhaitez faire.

Ca peut aller de l'image de fond à la couleur ou l'épaisseur des bordures.

Une petite recherche ICI ?

:google:

[Maitre Orion]

Mais je vais chercher infiniment longtemps sur ça !? comment faire pour retrouver le meme effet que j'aimerai ?

[Neptunia]

Et quel est cet effet ?

[Maitre Orion]

l'arrondis et le alo de vert autour. . .

[Neptunia]

Ce sont deux propriétés CSS3 donc ne fonctionneront pas sous Internet Explorer.

Pour l'arrondi il s'agit d'une propriété border-radius, pour l'ombre c'est du box-shadow

[Maitre Orion]

Je dois mettre quoi pour que ça marche ?

.modos {
border-radius: 1px . . . ;
box-shadow: . . . ;
}

[Neptunia]

Je vous invite à rechercher sur le net border-radius ou box-shadow

Il existe même des générateurs de code css sur ce sujet
Générateur Border-radius par exemple.

Mais le plus efficace est encore d'apprendre.

[Maitre Orion]

Merci ! Je ne clôt pas encore ce sujet, je mettrai mon CSS final pour que les gens à qui ça pose problème puissent prendre le code.

EDITE : j'ai un problème voilà mon code qui ne merche pas malgrai le fait que j'ai suvis les instruction de sitre très bien fait sur la question =S

.modos {
border-radius: 15px;
background: white;
color #72ff6b;
box-shadow:-3px -5px 8px green;
}

[Neptunia]

Pour le box shadow il faudra mettre 3 lignes.

-moz-box-shadow: ...... pour Firefox
-webkit-box-shadow: ..... pour me semble t'il Chrome et Safari
box-shadow: ..... pour les navigateurs déjà compatibles CSS3 (Opéra par exemple)

A terme, lorsque tous les navigateurs gèreront complétement le CSS3, seule la dernière ligne sera utile.
Pour la couleur perso j'utilise #xxxxxx avec xxxxxx représentant le code couleur. Je ne pense pas que green passe sous cette forme.

Et pour border-radius, c'est la même chose, il faudra 3 lignes pour une compatibilité maximale avec les différents navigateurs.

[Maitre Orion]

toujours pas =S

.modos {
border-radius: 15px;
background: white;
color #72ff6b;
box-shadow:-3px -5px 8px green;
moz-box-shadow: -3px -5px 8px green;
webkit-box-shadow: -3px -5px 8px green;
}

[Neptunia]

Et quel est le code de votre table en bbcode.

Essayez quand même d'utiliser #xxxxxx pour le code couleur
http://www.code-couleur.com/

[Maitre Orion]

Code:

[table class="modos"][tr][td vertical-align="middle" style="padding-left;"][img]http://img691.imageshack.us/img691/1244/imageaa.png[/img][/td][td vertical-align="middle" style="padding-left:10px; padding-right:5px; padding-bottom:5px; padding-top:5px;"]
[b]Bonjour. . . . . . . . .

EDITE !!! J'AI trouvé, c'était pas webkit- mais -webkit-

[Neptunia]

Et c'est la même chose pour le préfixe moz

Une propriété est suivie d'un double-point :

Vous l'avez oublié derrière color

[Maitre Orion]

Voilà !! Fini !

Code:

[table class="modos"][tr][td vertical-align="middle" style="padding-left:10px;"][/td][td vertical-align="middle" style="padding-left:10px; padding-right:5px; padding-bottom:5px; padding-top:5px;"]
[b]  COMMENTAIRE DU MODO    [/b][/td][/tr][/table]

Avec :

Code:

.modos {
  border-radius: 15px;
  background: white;
  color: green;
  box-shadow: 0px 0px 20px green;
  -moz-box-shadow: 0px 0px 20px green;
  -webkit-box-shadow: 0px 0px 20px green;
}

Sujet résolu !!

[Neptunia]

Pour le border-radius vous devrez aussi insérer les lignes suivantes

-moz-border-radius: ....
-webkit-border-radius: ....