comment crée ce genre de trame

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

Résolu comment crée ce genre de trame

Message par ab1825 le Ven 29 Oct 2010 - 22:30

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



Dernière édition par ab1825 le Sam 30 Oct 2010 - 17:15, édité 1 fois

ab1825
*****

Masculin
Messages : 533
Inscrit(e) le : 20/05/2009

http://www.amis-med.com
ab1825 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment crée ce genre de trame

Message par Invité le Sam 30 Oct 2010 - 11:02

Hello Smile

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 Wink

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]

Invité
Invité


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

Résolu Re: comment crée ce genre de trame

Message par porchinet le Sam 30 Oct 2010 - 11:54

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

Merci

porchinet
****

Masculin
Messages : 432
Inscrit(e) le : 07/08/2008

http://adn911.forumsactifs.net/forum.htm
porchinet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment crée ce genre de trame

Message par Invité le Sam 30 Oct 2010 - 12:02

Bonjour,

Pour arrondir les anglais il faut ajouter :

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

Il vous suffira de changer les valeurs Wink

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 Smile

Cordialement,

Invité
Invité


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

Résolu Re: comment crée ce genre de trame

Message par porchinet le Sam 30 Oct 2010 - 12:04

Même dans un message ???

porchinet
****

Masculin
Messages : 432
Inscrit(e) le : 07/08/2008

http://adn911.forumsactifs.net/forum.htm
porchinet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment crée ce genre de trame

Message par choopy le Sam 30 Oct 2010 - 12:26

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

choopy
****

Masculin
Messages : 427
Inscrit(e) le : 09/03/2009

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

Résolu Re: comment crée ce genre de trame

Message par Invité le Sam 30 Oct 2010 - 12:37

@porchinet a écrit:Même dans un message ???
Oui même dans un message Wink

@choopy a écrit: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 Wink

Cordialement,

Invité
Invité


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

Résolu Re: comment crée ce genre de trame

Message par porchinet le Sam 30 Oct 2010 - 12:50

Merci !

porchinet
****

Masculin
Messages : 432
Inscrit(e) le : 07/08/2008

http://adn911.forumsactifs.net/forum.htm
porchinet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment crée ce genre de trame

Message par ab1825 le Sam 30 Oct 2010 - 16:54

oui merci les amis

une derniere question comment faire pour mettre une image de fond

ab1825
*****

Masculin
Messages : 533
Inscrit(e) le : 20/05/2009

http://www.amis-med.com
ab1825 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment crée ce genre de trame

Message par Invité le Sam 30 Oct 2010 - 17:12

Hello Smile

Il faut remplacer background: #000000 par:
Code:

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

Cordialement,

Invité
Invité


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

Résolu Re: comment crée ce genre de trame

Message par ab1825 le Sam 30 Oct 2010 - 17:14

Merci beaucoup les amis

bonne journée

ab1825
*****

Masculin
Messages : 533
Inscrit(e) le : 20/05/2009

http://www.amis-med.com
ab1825 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