Ombre autour d'une image.

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

Résolu Ombre autour d'une image.

Message par pulps le Mer 16 Mai 2012 - 19:37

Bonjour, pouvez-vous me donner les codes pour mettre une ombre autour d'une image ?
Merci.


Dernière édition par pulps le Jeu 17 Mai 2012 - 16:14, édité 1 fois

pulps
*

Féminin
Messages : 40
Inscrit(e) le : 14/12/2011

http://area-hevana.forumperso.com/
pulps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ombre autour d'une image.

Message par Yoshikuni le Mer 16 Mai 2012 - 21:20

Simple Very Happy

La propriété box-shadow est implémentée sous des noms différents selon les navigateurs.

Code:
.ombreimage
{  -moz-box-shadow: 4px 4px 10px #888; 
  -webkit-box-shadow: 4px 4px 10px #888; 
  box-shadow:4px 4px 6px #888;
}

Le premier paramètre est le décalage horizontal de l'ombre.
Le second paramètre est le décalage vertical.
On peut mettre des valeurs négatives pour placer l'ombre du coté opposé de la boite.
La troisième valeur, toujours positive, est la longueur du dégradé.
Une quatrième valeur, non utilisée dans la démo, étend l'ombre dans la direction opposée.
Un code de couleur donne la coloration de cette ombre.

Ensuite il faut juste faire
Code:
<img src="IMAGE" class="ombreimage">

et le tour est jouer

Yoshikuni
***

Messages : 172
Inscrit(e) le : 07/04/2012

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

Résolu Re: Ombre autour d'une image.

Message par pulps le Jeu 17 Mai 2012 - 10:18

En fait, je demandais des codes pour mettre dans une signature. Razz

pulps
*

Féminin
Messages : 40
Inscrit(e) le : 14/12/2011

http://area-hevana.forumperso.com/
pulps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ombre autour d'une image.

Message par Yoshikuni le Jeu 17 Mai 2012 - 11:05

c'est la même chose sauf que tu mets class="ombreimage" sur ta signature.

Sache aussi que tu peux changer le nom ombreimage dans le css en mettant ombresigna

Yoshikuni
***

Messages : 172
Inscrit(e) le : 07/04/2012

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

Résolu Re: Ombre autour d'une image.

Message par Psyaliah le Jeu 17 Mai 2012 - 12:03

Non, on ne peut pas mettre une class dans une signature si on est pas administrateur du forum même, vu que l'on a pas accès au css du forum..

Mettez ceci:
Code:
 <img src="lien_de_limage_de_signature" style="box-shadow:4px 4px 6px #888;">

Psyaliah
# Tropactif #

Féminin
Messages : 1280
Inscrit(e) le : 22/12/2011

http://e-booking.forumgratuit.org
Psyaliah a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Ombre autour d'une image.

Message par pulps le Jeu 17 Mai 2012 - 13:48

Merci beaucoup, c'est bon ! (:

pulps
*

Féminin
Messages : 40
Inscrit(e) le : 14/12/2011

http://area-hevana.forumperso.com/
pulps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ombre autour d'une image.

Message par pulps le Jeu 17 Mai 2012 - 14:13

#double post
Mais comment mettre de l'ombre tout autour, comme ici ? :
Spoiler:

pulps
*

Féminin
Messages : 40
Inscrit(e) le : 14/12/2011

http://area-hevana.forumperso.com/
pulps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ombre autour d'une image.

Message par Psyaliah le Jeu 17 Mai 2012 - 15:57

Il faut laisser les deux premières valeurs sur 0, pour qu'il n'y ai pas de décalage.
La troisième valeur définit la taille, la quatrième la couleur.
Code:
 <img src="lien_de_limage_de_signature" style="box-shadow: 0px 0px 5px #888;">

Psyaliah
# Tropactif #

Féminin
Messages : 1280
Inscrit(e) le : 22/12/2011

http://e-booking.forumgratuit.org
Psyaliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ombre autour d'une image.

Message par pulps le Jeu 17 Mai 2012 - 16:14

Merci beaucoup !

pulps
*

Féminin
Messages : 40
Inscrit(e) le : 14/12/2011

http://area-hevana.forumperso.com/
pulps 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