Contour arrondi et ombré

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

Résolu Contour arrondi et ombré

Message par Playgirl1986 le Mer 21 Juil 2010 - 21:32

Bonsoir,

J'avais posté ma demande dans un sujet qui concernait exactement le même thème visible ici mais l'auteur n'a eu aucune peine et placé le sujet comme "résolu". Or par pur gentillesse, il aurait pu le laisser :/ Bref je remercie la personne qui voudra bien m'aider maintenant ^^

Voici mon code

Code:
<div style="height: 500px; background: #FF0000 url('URL IMAGE') no-repeat; overflow-y: auto; -moz-border-radius: 10px; border-radius: 10px; webkit-border-radius: 10px;">Votre message</div>

Et ma question

Comment rajouter un contour pointillés et une ombre autour ? Quel code dois-je rajouter pour faire quelque chose de joli ombré et contour pointillés.

Encore merci pour votre aide.

Bonne soirée


Dernière édition par Playgirl1986 le Mar 10 Aoû 2010 - 20:26, édité 1 fois

Playgirl1986
**

Féminin
Messages : 75
Inscrit(e) le : 21/07/2009

http://okayahighschool.bbactif.com/forum
Playgirl1986 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contour arrondi et ombré

Message par stefifa le Mer 21 Juil 2010 - 21:59

Salut,

Pour les contours pointillés essaie ça :

Code:
<div style="height: 500px; background: #FF0000 url('URL IMAGE') no-repeat; overflow-y: auto; -moz-border-radius: 10px; border-radius: 10px; webkit-border-radius: 10px; border: 1px dotted #XXXXXX">Votre message</div>
N'oublie pas de remplacer #XXXXXX par ton code couleur.

Et pour faire une ombre en CSS, c'est impossible je crois.

Mais tu peux toujours essayer les effets 3D pour les bordures...

stefifa
****

Masculin
Messages : 279
Inscrit(e) le : 31/07/2007

http://death-graph.forumactif.org
stefifa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contour arrondi et ombré

Message par Playgirl1986 le Jeu 22 Juil 2010 - 0:17

Pourtant :

Code:
La propriété de feuille de style text-shadow css accepte quatre valeurs dans l'ordre:
- nombre, suivit de px, em, %... qui spécifie le décalage horizontal de l'ombre.
- nombre, suivit de px, em, %... qui spécifie le décalage vertical de l'ombre.
- nombre, suivit de px, em, %... qui spécifie le rayon du flou, la valeur peut être omise dans ce cas la sa valeur est 0.
- couleur, au format hexadécimal ou rgb (peu être mise premier)

Code:
.identifiant{
  text-shadow: 2em 2em 0.2em red;
}

Le problème c'est que je ne sais pas du tout où le placer dans mon code initiale.

Playgirl1986
**

Féminin
Messages : 75
Inscrit(e) le : 21/07/2009

http://okayahighschool.bbactif.com/forum
Playgirl1986 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contour arrondi et ombré

Message par Playgirl1986 le Mar 27 Juil 2010 - 2:04

Bonsoir,

Un petit up svp

Mon sujet est toujours d'actualité ^^

merci

Playgirl1986
**

Féminin
Messages : 75
Inscrit(e) le : 21/07/2009

http://okayahighschool.bbactif.com/forum
Playgirl1986 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contour arrondi et ombré

Message par Playgirl1986 le Sam 31 Juil 2010 - 5:32

Un petit up de plus Smile

merci ^^

Playgirl1986
**

Féminin
Messages : 75
Inscrit(e) le : 21/07/2009

http://okayahighschool.bbactif.com/forum
Playgirl1986 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contour arrondi et ombré

Message par Playgirl1986 le Jeu 5 Aoû 2010 - 21:27

Coucou,

Demande toujours d'actualité Smile

Merci

Bonne soirée

Playgirl1986
**

Féminin
Messages : 75
Inscrit(e) le : 21/07/2009

http://okayahighschool.bbactif.com/forum
Playgirl1986 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contour arrondi et ombré

Message par Threax le Ven 6 Aoû 2010 - 15:54

Bonjour,

Peu importe où vous le placez dans le code... Le principal est qu'il soit dans l'attribut style="..." et après un ; Wink

Essayez celui-ci :
Code:
<div style="height: 500px; background: #FF0000 url('URL IMAGE') no-repeat; overflow-y: auto; -moz-border-radius: 10px; border-radius: 10px; webkit-border-radius: 10px; -moz-box-shadow: 1px 1px 12px #555555; -webkit-box-shadow: 1px 1px 12px #555555; border: 1px dotted #FF0000">Votre message</div>

Threax
+ Hyperactif +

Masculin
Messages : 17277
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contour arrondi et ombré

Message par Playgirl1986 le Mar 10 Aoû 2010 - 20:26

Bonsoir,

Ce n'est pas exactement ce que je désirai, mais ça me suffira ^^

Merci beaucoup pour votre aide.

Résolu.

Playgirl1986
**

Féminin
Messages : 75
Inscrit(e) le : 21/07/2009

http://okayahighschool.bbactif.com/forum
Playgirl1986 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