Comment faire, message de modération sans le css

2 participants

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


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

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 Jeu 6 Jan 2011 - 20:10

Bonsoir !


Le css est à ajouter ici

Panneau d'administration
Comment faire, message de modération sans le css Arrow10 Affichage
Comment faire, message de modération sans le css Arrow10 Images et couleurs
Comment faire, message de modération sans le css Arrow10 Couleurs
Comment faire, message de modération sans le css Arrow10 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

Neptunia
Membre actif

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

https://www.galaxie-series.net/
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 Jeu 6 Jan 2011 - 20:16

Oui mais à quoi correspondes ces attributs =SS
Maitre 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 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

Neptunia
Membre actif

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

https://www.galaxie-series.net/
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 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

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 Jeu 6 Jan 2011 - 20:23

Et quel est cet effet ?
Neptunia

Neptunia
Membre actif

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

https://www.galaxie-series.net/
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 Jeu 6 Jan 2011 - 20:25

l'arrondis et le alo de vert autour. . .
Maitre 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 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

Neptunia
Membre actif

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

https://www.galaxie-series.net/
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 Jeu 6 Jan 2011 - 20:49

Je dois mettre quoi pour que ça marche ?

.modos {
border-radius: 1px . . . ;
box-shadow: . . . ;
}
Maitre 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 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

Neptunia
Membre actif

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

https://www.galaxie-series.net/
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 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

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

Neptunia
Membre actif

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

https://www.galaxie-series.net/
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 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

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

Neptunia
Membre actif

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

https://www.galaxie-series.net/
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 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

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

Neptunia
Membre actif

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

https://www.galaxie-series.net/
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 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

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

Neptunia
Membre actif

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

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum