Comment faire, message de modération sans le css

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

Résolu Comment faire, message de modération sans le css

Message par Maitre Orion le Jeu 6 Jan 2011 - 19:59

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:

Bonjour,

Afin de passer une commande dans les règles, merci :

- De fournir les images. C'est à vous de les chercher et non aux créateurs.

Pour cela, cliquez sur :editer: de votre 1er message pour en modifier son contenu.

Pour plus de détails sur la conduite à tenir sur le support, je vous invite à lire :

A bientôt sur ForumActif Wink


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.

Maitre Orion
****

Masculin
Messages : 491
Inscrit(e) le : 19/08/2009

http://portedesmondes.1fr1.net
Maitre Orion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire, message de modération sans le css

Message par Neptunia le Jeu 6 Jan 2011 - 20:10

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

Neptunia
+ Hyperactif +

Féminin
Messages : 11002
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire, message de modération sans le css

Message par Maitre Orion le Jeu 6 Jan 2011 - 20:16

Oui mais à quoi correspondes ces attributs =SS

Maitre Orion
****

Masculin
Messages : 491
Inscrit(e) le : 19/08/2009

http://portedesmondes.1fr1.net
Maitre Orion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire, message de modération sans le css

Message par Neptunia le Jeu 6 Jan 2011 - 20:18

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

Neptunia
+ Hyperactif +

Féminin
Messages : 11002
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire, message de modération sans le css

Message par Maitre Orion le Jeu 6 Jan 2011 - 20:21

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

Maitre Orion
****

Masculin
Messages : 491
Inscrit(e) le : 19/08/2009

http://portedesmondes.1fr1.net
Maitre Orion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire, message de modération sans le css

Message par Neptunia le Jeu 6 Jan 2011 - 20:23

Et quel est cet effet ?

Neptunia
+ Hyperactif +

Féminin
Messages : 11002
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire, message de modération sans le css

Message par Maitre Orion le Jeu 6 Jan 2011 - 20:25

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

Maitre Orion
****

Masculin
Messages : 491
Inscrit(e) le : 19/08/2009

http://portedesmondes.1fr1.net
Maitre Orion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire, message de modération sans le css

Message par Neptunia le Jeu 6 Jan 2011 - 20:28

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

Neptunia
+ Hyperactif +

Féminin
Messages : 11002
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire, message de modération sans le css

Message par Maitre Orion le Jeu 6 Jan 2011 - 20:49

Je dois mettre quoi pour que ça marche ?

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

Maitre Orion
****

Masculin
Messages : 491
Inscrit(e) le : 19/08/2009

http://portedesmondes.1fr1.net
Maitre Orion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire, message de modération sans le css

Message par Neptunia le Jeu 6 Jan 2011 - 20:56

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.

Neptunia
+ Hyperactif +

Féminin
Messages : 11002
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire, message de modération sans le css

Message par Maitre Orion le Jeu 6 Jan 2011 - 21:01

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

Maitre Orion
****

Masculin
Messages : 491
Inscrit(e) le : 19/08/2009

http://portedesmondes.1fr1.net
Maitre Orion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire, message de modération sans le css

Message par Neptunia le Jeu 6 Jan 2011 - 21:40

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.

Neptunia
+ Hyperactif +

Féminin
Messages : 11002
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire, message de modération sans le css

Message par Maitre Orion le Jeu 6 Jan 2011 - 21:50

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

Maitre Orion
****

Masculin
Messages : 491
Inscrit(e) le : 19/08/2009

http://portedesmondes.1fr1.net
Maitre Orion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire, message de modération sans le css

Message par Neptunia le Jeu 6 Jan 2011 - 22:00

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/

Neptunia
+ Hyperactif +

Féminin
Messages : 11002
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire, message de modération sans le css

Message par Maitre Orion le Jeu 6 Jan 2011 - 22:16

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-

Maitre Orion
****

Masculin
Messages : 491
Inscrit(e) le : 19/08/2009

http://portedesmondes.1fr1.net
Maitre Orion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire, message de modération sans le css

Message par Neptunia le Jeu 6 Jan 2011 - 22:33

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

Neptunia
+ Hyperactif +

Féminin
Messages : 11002
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Comment faire, message de modération sans le css

Message par Maitre Orion le Jeu 6 Jan 2011 - 22:59

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

Maitre Orion
****

Masculin
Messages : 491
Inscrit(e) le : 19/08/2009

http://portedesmondes.1fr1.net
Maitre Orion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire, message de modération sans le css

Message par Neptunia le Jeu 6 Jan 2011 - 23:03

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

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

Neptunia
+ Hyperactif +

Féminin
Messages : 11002
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia 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