Séparateur signature

[maxime77]

Bonsoir,

Comment faire pour mettre un séparateur de signature suivant les groupes, comme sur le forum forumactif, un séparateur "Staff forumactif" pour le Staff du forum, alors que pour les membres c'est un trait qui sépare. Comment faire ça ?

Cordialement, maxime77

[Ea]

Bonjour,


Je ne pense pas qu'il y ait moyen ^^

Sur ce forum il n'y a que le staff qui a la possibilité de mettre une signature, les membres n'en ont pas. C'est pour cela qu'on a mis cette image.

Cordialement.

[maxime77]

Bonsoir,

Ok d'accord, merci pour la réponse.
Une autre question : Quel est le code HTML pour faire des tableaux comme ça (avec ombre) en pouvant changer les couleurs du contour et de l'ombre ?

[Ea]

Cela utilise juste la propriété box-shadow ( voir http://www.css3.info/preview/box-shadow/ ).

Par exemple en html :

Code:

<div style="-moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; border: 1px solid red">contenu</div>

Après il suffit de modifier le red pour changer la couleur, pour ce qui est des paramètres des -moz-box-shadow, -webkit-box-shadow et box-shadow ( il y en plusieurs pour que ça fonctionne sur la plupart des navigateurs mais la valeur à donner est là même ) il faut se référer au lien ci-dessus ( en cherchant box-shadow sur google il y a d'autres pages d'explications en français ).

Cordialement.

[maxime77]

Bonsoir,

En allant ici : http://www.westciv.com/tools/boxshadows/index.html
J'ai obtenu un code :

Code:

box-shadow:0px 0px 10px #000000, 0px 0px 10px #000000

Ou dois-je le placer dans ce code ?

Code:

<div style="-moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; border: 1px solid red">contenu</div>

Cela devrait donner ceci :

[Ea]

À la place de :

Code:

-moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888;

Mais par rapport à leur aperçu, pour faire un bord arrondis il faut ajouter :

Code:

-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;

Donc ça donnerait :

Code:

<div style="box-shadow:0px 0px 10px #00000; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; border: 1px solid black">contenu</div>

Maintenant vous pouvez juste mettre :

Code:

<div class="poring">contenu</div>

Et ajouter dans le CSS ( PA > Affichage > Couleurs > Feuille de style ) ceci :

Code:

.poring {
  box-shadow:0px 0px 10px #00000;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid black;
}

Si vous devez utiliser plusieurs fois le bloc c'est + pratique.

Cordialement.

[maxime77]

Bonjour,

Merci pour ces explications.
Si je met votre code, ça ne me donne pas exactement la même chose. J'ai essayé plusieurs choses mais j'avoue que je ne connais pas très bien le HTML. Juste quelques trucs.
Pour aller plus vite, pourriez vous me donner le BBCode (ou HTML mais je préfères BBCode) du tableau que vous utilisez, je le modifierais suivant mes besoins.

Merci d'avance

[Ea]

Code:

[table class="plopinou"][tr][td vertical-align="middle"]contenu[/td][/tr][/table]

Et dans le CSS :

Code:

.plopinou {-moz-border-radius:15px;-webkit-border-radius:15px;background:url(http://bit.ly/acLmW9);border-radius:15px;border-style:solid;border-width:1px;font-weight:700;margin:10px auto;padding:5px;width:90%;
-moz-box-shadow:1px 1px 10px #7BB92B;-webkit-box-shadow:1px 1px 10px #7BB92B;border-color:#7BB92B;box-shadow:1px 1px 10px #7BB92B;color:#7BB92B;}

Cordialement.

[maxime77]

Voila merci beaucoup pour toutes ces explications !

Problème résolu !

Bonne journée,