Cadre vert ou rouge pour sanctions et autres.

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

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 le 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
+ Hyperactif +

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

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 le 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
# Tropactif #

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

http://e-booking.forumgratuit.org
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 le 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
+ Hyperactif +

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é le Mer 28 Déc 2011 - 17:14

Là c'est nikel Smile
Merci beaucoup

(Vouis suis vraiment nulle en code Sad )

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