Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

[CSS] Comment faire des ombres tout autour du tableau

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

Résolu [CSS] Comment faire des ombres tout autour du tableau

Message par Wave le Ven 6 Jan 2012 - 13:13

Bonjour je voudrai un résultat comme celui-ci (sans le texte juste les contours)

Mais je n'ai pu trouver que ça:
Code:
/*-- trame de administrateur dans les messages, style --*/
.admin {
  background: #e7f0f5;
 -moz-border-radius: 10px;
 -webkitborder-radius: 10px;
 border-radius: 10px;
  border: 3px double #000000;
  color: #000000;
  font-weight: bold;
  width: 80%;
  margin: auto;
  box-shadow: 1px 1px 12px #000000;
}                     

N'y aurait-il pas un code plus... comment dire... précis?

Amicalement.


Dernière édition par Flo-73 le Ven 6 Jan 2012 - 19:23, édité 1 fois
avatar

Wave
*****

Masculin
Messages : 567
Inscrit(e) le : 04/12/2011

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

Résolu Re: [CSS] Comment faire des ombres tout autour du tableau

Message par Invité le Ven 6 Jan 2012 - 15:57

Bonjour,

Difficile de faire plus précis, à moins d'annoter le code CSS:
Code:
/*-- trame de administrateur dans les messages, style --*/
.admin {
  background: #e7f0f5;/*couleur de fond*/
 -moz-border-radius: 10px;
 -webkitborder-radius: 10px;/*arrondis*/
 border-radius: 10px;
  border: 3px double #000000;/*contours*/
  color: #000000;/*couleur du texte*/
  font-weight: bold;/*gras*/
  width: 80%;/*largeur*/
  margin: auto;/*marge extérieure*/
  -moz-box-shadow: 1px 1px 12px #000000;
  -webkit-box-shadow: 1px 1px 12px #000000;/*ombre*/
  box-shadow: 1px 1px 12px #000000;
}
Il vous suffit de vous servir de cette class CSS dans un tableau ou dans une div pour votre message:
Code:
[table class="admin"][tr][td]texte[/td][/tr][/table]
ou
Code:
<div class="admin">texte</div>
Cordialement.
avatar

Invité
Invité


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

Résolu Re: [CSS] Comment faire des ombres tout autour du tableau

Message par Final-Blonde le Ven 6 Jan 2012 - 15:59

Bonjour,

C'est une propriété du CSS3 qui se nomme "box-sahdow".
Il suffit d'ajouter cette prorpriété comportant 4 lignes de mêmes valeurs pour que d'autres navigateurs puissent les lire :
http://css.mammouthland.net/css3/boites-et-lettres-ombres.php


EDIT : Arf Isolde, les routes sont glissantes, les carambolages de topics aussi, même si les freins fonctionnent bien... Mr. Green
avatar

Final-Blonde
Membre habitué(e)

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [CSS] Comment faire des ombres tout autour du tableau

Message par Wave le Ven 6 Jan 2012 - 19:23

Merci Isolde et Final-Blonde, pour vos astuces Smile
avatar

Wave
*****

Masculin
Messages : 567
Inscrit(e) le : 04/12/2011

Wave 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