Séparateur signature

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

Résolu Séparateur signature

Message par maxime77 le Mar 3 Mai 2011 - 20:44

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


Dernière édition par maxime77 le Mer 4 Mai 2011 - 13:28, édité 1 fois

maxime77
***

Masculin
Messages : 105
Inscrit(e) le : 30/06/2010

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

Résolu Re: Séparateur signature

Message par Ea le Mar 3 Mai 2011 - 21:09

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.

Ea
Aidactif
Aidactif

Messages : 23418
Inscrit(e) le : 04/04/2008

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

Résolu Re: Séparateur signature

Message par maxime77 le Mar 3 Mai 2011 - 22:06

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 ?

maxime77
***

Masculin
Messages : 105
Inscrit(e) le : 30/06/2010

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

Résolu Re: Séparateur signature

Message par Ea le Mar 3 Mai 2011 - 22:22

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.

Ea
Aidactif
Aidactif

Messages : 23418
Inscrit(e) le : 04/04/2008

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

Résolu Re: Séparateur signature

Message par maxime77 le Mar 3 Mai 2011 - 22:55

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 :


maxime77
***

Masculin
Messages : 105
Inscrit(e) le : 30/06/2010

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

Résolu Re: Séparateur signature

Message par Ea le Mar 3 Mai 2011 - 23:05

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

Ea
Aidactif
Aidactif

Messages : 23418
Inscrit(e) le : 04/04/2008

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

Résolu Re: Séparateur signature

Message par maxime77 le Mer 4 Mai 2011 - 13:19

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 Wink



maxime77
***

Masculin
Messages : 105
Inscrit(e) le : 30/06/2010

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

Résolu Re: Séparateur signature

Message par Ea le Mer 4 Mai 2011 - 13:26

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.

Ea
Aidactif
Aidactif

Messages : 23418
Inscrit(e) le : 04/04/2008

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

Résolu Re: Séparateur signature

Message par maxime77 le Mer 4 Mai 2011 - 13:28

Voila merci beaucoup pour toutes ces explications !

Problème résolu ! Very Happy

Bonne journée,

maxime77
***

Masculin
Messages : 105
Inscrit(e) le : 30/06/2010

http://yakaldir.forumactif.com
maxime77 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