Cadre vert ou rouge pour sanctions et autres.

2 participants

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

Résolu Cadre vert ou rouge pour sanctions et autres.

Message par Invité Mer 28 Déc 2011 - 14:56

Bonjour,

Je suis à la recherche d'un cadre à fond vert ou rouge avec image à insérer.
Rouge pour les sanctions. Vert pour remercier.
Un peu comme vous mettez ici en bleu quand vous n'avez pas de nouvelles dans un topic.
(Image -> Cadre vert ou rouge pour sanctions et autres. Warnin10 pour dans le rouge par exemple.
Merci d'avance.
Gwelallyn.


Dernière édition par Gwelallyn le Mer 28 Déc 2011 - 17:15, édité 1 fois
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre vert ou rouge pour sanctions et autres.

Message par Gorgorbey Mer 28 Déc 2011 - 15:49

Bonjour,

Il suffit de faire un div que vous appliquez au texte voulu.
Par exemple :
Code:
[table class="cadre"][tr][td vertical-align="middle"][img]http://i46.servimg.com/u/f46/15/46/85/43/warnin10.png[/img][/td][td vertical-align="middle"]Le texte blablabla[/td][/tr][/table]
Puis dans PA > Affichage > Images et couleurs > Couleurs > Onglet Feuille de style CSS
Code:
.cadre
{
border: 1px solid black;
background-color: red;
}

Bien sur le CSS peut être amélioré Wink

Cordialement.
Gorgorbey

Gorgorbey
Membre actif

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre vert ou rouge pour sanctions et autres.

Message par Invité Mer 28 Déc 2011 - 16:34

Coucou,

Merci, dans l'ensemble c'est à peu près ce que je recherche, ça donne ça :
Spoiler:

Mais si possible, j'aimerais trouver quelque chose de vraiment plus élaboré avec des marges de chaque côté, les bords arrondis, etc...
Spoiler:
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre vert ou rouge pour sanctions et autres.

Message par Psyaliah Mer 28 Déc 2011 - 16:56

Comme il l'a dit, il suffit de modifier le CSS.
Je t'en ai fait un, à toi de me dire si cela te va:

Code:
<style>
.cadrerouge
{
   <!-- Arrondis de ton tableau -->;
   border-radius: 8px;
   <!-- Bordure du tableau Epaisseur/Style/Couleur-->;
   border: 2px solid #F00;
   <!-- Police de ton texte -->;
   font-family: "Comic Sans MS", cursive;
   <!-- Taille/Epaisseur/Style de ton texte -->;
   font-size: 14px;
   font-weight: bold;
   font-style: normal;
   <!-- Alignement objet/texte -->;
   vertical-align: middle;
   text-align: center;
   <!-- Longueur/Hauteur du tableau -->;
   width: 400px;
   height: auto;
   <!-- Marges du tableau -->;
   padding: 5px;
   <!-- Couleur du texte -->;
   color: #F00;
}
</style>

Code:
[table class="cadrerouge"][tr][td vertical-align="middle"][img]http://i46.servimg.com/u/f46/15/46/85/43/warnin10.png[/img][/td][td vertical-align="middle"]Le texte blablabla[/td][/tr][/table]

Tu peux faire de même pour le vert, en copiant collant le CSS un deuxieme fois, en mettant "cadrevert" à la place de "cadrerouge" et en faisant de même dans le BBCode quand tu créer un cadre.


Dernière édition par Psyaliah le Mer 28 Déc 2011 - 17:11, édité 2 fois
Psyaliah

Psyaliah
Membre habitué

Féminin
Messages : 1281
Inscrit(e) le : 22/12/2011

https://forum.forumactif.com/
Psyaliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre vert ou rouge pour sanctions et autres.

Message par Gorgorbey Mer 28 Déc 2011 - 16:59

Et en plus il faut tout faire Wink
Pour les arrondis il suffit d'ajouter dans la balise CSS :
Code:
-moz-border-radius:10px;
-webkit-border-radius:10px;
-ô-border-radius:10px;
-khtml-border-radius:10px;
border-radius:10px;
Pour l'ombre c'est
Code:
box-shadow: 8px 8px 0 #aaa;
- La première valeur indique le décalage horizontal vers la droite (ici 8px)
- Le deuxième correspond au décalage vertical vers le bas (ici 8px)
- Le chiffre suivant indique la force du dégradé (ici 0)
- Et enfin, la couleur (ici #aaa)
Pour les marges c'est

Code:
margin: 10px;
pour les marges intérieures :
Code:
padding: 10px;

Bien sur tout est modifiable.
Gorgorbey

Gorgorbey
Membre actif

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre vert ou rouge pour sanctions et autres.

Message par Invité Mer 28 Déc 2011 - 17:14

Là c'est nikel Smile
Merci beaucoup

(Vouis suis vraiment nulle en code Sad )
Anonymous

Invité
Invité


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