Je suppose que c'est une question idiote, mais on met le code uniquement dans le CSS ou il faut l'ajouter ailleurs, pour voir l'effet ?

Il faut créer une class css, puis y mettre les codes, pour ensuite mettre du html.
Par exemple:

CSS

Code:

.boite {
-moz-box-shadow: Xpx Ypx Apx #EEEEEE;
-webkit-box-shadow: Xpx Ypx Apx #EEEEEE;
box-shadow: Xpx Ypx Apx #EEEEEE;
}

HTML

Code:

<div class="boite">Blablabla</div>

Ah d'accord ! Merci Iko !

Heu Iko, on ne peut pas faire:

Code:

<span style="text-shadow: Xpx Ypx Apx #EEEEEE;">Texte Texte Texte</span>

Bizarrement, ça ne marche pas quand je veux l'appliquer à mes sous forums qui sont en vignettes si on peut dire. J'ai bien mis ça dans .vignettes:hover pour qu'il n'y est que l'ombre au passage de la souris et aucun résultat.

Mon code css :

Code:

.vignettes
{
background-color: #ffffff;
padding-right:5px;
padding-left:10px;
padding-bottom: 3px;
padding-top:3px;
}

 .vignettes:hover
{
-webkit-box-shadow: 2px 2px 4px #A0A1A1;
box-shadow: 2px 2px 4px #A0A1A1;
background-color: #ffffff;
padding-right:5px;
padding-left:10px;
padding-bottom: 3px;
padding-top:3px;
color : #768CCC;
}

je ne vois pas où se trouve le problème

Vu que le tuto existe déjà , je post ceci pour y apporter un ajout concernant Internet Explorer

Pour que l'effet Box-Shdaow ou une sorte de Halo y soit ajouté.

Code:

    filter:progid:DXImageTransform.Microsoft.Shadow(color='#Coulor', Direction=X, Strength=Y);
    zoom: 1;

Le Strength représente la taille de l'effet simplement x)

Super tuto, merci ! Je savais l'appliquer au texte mais je n'arrivais pas à le faire sur mes tableaux. En plus c'était pas sorcier, juste à mettre box devant... Comme quoi des fois...

Bonjour les gens.


En fait c'est exactement l'effet que je recherchais pour mon Forum. Moi ce qui m'intéresse c'est plutôt la Fonction "Box-Shadow". Bon j'ai lu le Tuto, j'ai a peu près compris comment ca fonctionne, comment on paramètre, mais ce que je n'ai pas compris, c'est ou il faut mettre tout ca...

Que faut il mettre exactement dans le CSS ? Et si il y a du HTML, ou faut il le mettre ?


Merci d'avance pour votre patience.

Personne ne pourrai éclairer ma lanterne ?

Et bien en suivant le tuto, il faut que tu mettes ceci dans ta feuille css :

Code:

-moz-box-shadow: Xpx Ypx Apx #EEEEEE;
-webkit-box-shadow: Xpx Ypx Apx #EEEEEE;
box-shadow: Xpx Ypx Apx #EEEEEE;

Ensuite tu n'as plus qu'à changé les valeurs avec la couleur de l'ombre que tu veux (pour le noir à savoir #000000)
Comme expliqué plus haut tu changes également les X Y et A qui correspondent à la grosseur par 2 ou 3px ou plus si t'en as envie.

Tu ajoutes tout ça dans le code qui correspond à tes tableaux, onglets ect là où tu veux y mettre ton ombre dans ta feuille CSS. (PA/Affichage/Couleur/Feuille de style CSS)

J'espère que j'ai été assez claire dans mes explications

Très clair, merci Steff J'ai donc réussi a avoir cette ombre, cependant je l'ai que sur la droite et en bas et moi j'aimerai qu'il y est cet effet tout autour de mes catégories

EDIT : Bon bah j'ai finalement réussi a obtenir ce que je désirai, c'est a dire avoir cet effet d'ombre tout autour de mes catégories. Et vu que cela n'a pas été expliqué sur ce post, peut etre que si je post la solution ici, ca aidera des gens qui comme moi voudrai avoir cette effet sur son forum

@ Mettre dans le CSS :

Code:

.forumline{
-moz-box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
box-shadow: 0px 0px 10px #000000;
}

0 est la valeur qu'il faut mettre si on veux l'effet tout autour de votre forum