comment crée ce genre de trame

[ab1825]

salut tout le monde

je veux savoir comment faire pour crée des trame comme ceux utilisé par l'équipe de staff du forumactif ; j'aime ce genre de tableau si quelqun peut m'éxpliquer comment les crée afin que je fasse certaine spéciale pour mon forum.

example:

merci d'avance.

bonne journée

[Invité]

Hello

Vous pouvez partir sur cette base:

VOTRE TEXTE

Après c'est un exemple tout basique, ceci est personnalisable à souhait, vous pouvez changer le fond, la bordure, arrondir des bords ect ... Si vous avez des questions concernant la personnalisation j'essaierais d'y répondre du mieux que je pourrais

Cordialement,

Code:

[table style="margin: 10px; border: 2px solid #000000; background:#ffffff ; "][tr][td vertical-align="middle" style="padding-left:5px; padding-right:5px; padding-bottom:5px; padding-top:5px;"]
VOTRE TEXTE
[/td][/tr][/table]

[porchinet]

comment faire pour arrondir les angles et changer de couleurs, et où insère t'on le code ??

Merci

[Invité]

Bonjour,

Pour arrondir les anglais il faut ajouter :

Code:

-moz-border-radius:4px; border-radius:4px;

Il vous suffira de changer les valeurs

Se qui nous donnera:

Code:

[table style="margin: 10px; border: 2px solid #000000; background:#ffffff ; -webkit-border-radius:4px;-moz-border-radius:4px; border-radius:4px;"][tr][td vertical-align="middle" style="padding-left:5px; padding-right:5px; padding-bottom:5px; padding-top:5px;"]
VOTRE TEXTE
[/td][/tr][/table]

Et ce code vous pouvez l'ajouter ou bon vous semble

Cordialement,

[porchinet]

Même dans un message ???

[choopy]

pour avoir un beau arrondi , remplace le 4px par un 20px .
c'est plus joli .

[Invité]

Même dans un message ???

Oui même dans un message

pour avoir un beau arrondi , remplace le 4px par un 20px .
c'est plus joli .

Effectivement, plus la valeur est importante plus l'arrondit l'est aussi

Cordialement,

[porchinet]

Merci !

[ab1825]

oui merci les amis

une derniere question comment faire pour mettre une image de fond

[Invité]

Hello

Il faut remplacer background: #000000 par:

Code:


url(url de l'image) repeat-x top

Cordialement,

[ab1825]

Merci beaucoup les amis

bonne journée