Forum de Graphisme - Best of Graph'
Les inscriptions au forum sont maintenant fermée, en effet, nous ne trouvons pas juste de faire s'inscrire des membres pour rien, vu que le forum en dans un état actuellement passif.
Merci, bien à vous!
BOG.

Remarque : la partie publique du forum, tutoriels, ... restent actifs.

Vous n'êtes pas connecté. Connectez-vous ou enregistrez-vous


Voir le sujet précédent Voir le sujet suivant Aller en bas  Message [Page 1 sur 1]

1 De l'ombre sur vos Textes le 26/12/2010, 03:43

Arkantos22

avatar
Administrateur
Aujourd'hui, je vais vous montrer comment mettre de l'ombre sur vos textes, mettre de l'ombre sur vos images, ...

1. De l'ombre sur du textes

Exemple : De l'ombre sur mon texte

Ca vous plait ? Oui ? Alors voici comment faire.
Nous allons nous servir de l'attribut Text-shadow pour faire un effet d'ombre sur le texte.

Voici le code utiliser pour mon exemple. Placez ce code dans votre fichier Css.


Spoiler:
.ombre_text
{
text-shadow: 1px 2px 3px black;
}

Une petite explication, en cyan c'est le décalement horizontal de votre ombre, en vert c'est le décalement vertical de l'ombre, en violet c'est le flou de votre ombre et en orange c'est la couleur de votre ombre.


Pour mieux vous rendre compte, je vous invite à modifier ces valeurs et voir ce qui se passe.

Maintenant, pour utilisez votre ombre, il vous suffit de faire <*p class="ombre-text"> . (Enlever les *)

L'attribut text-shadow est compatible avec les navigateurs Mozilla Firefox (version 3.5 et plus), Safari (version 4.0 et plus), Google Chrome (version 4.0 et plus) et Opera (version 9.6 et plus).

Et voilà, c'est fini.

_____________


[center]

Fondateur & Administrateur de Best of Graph'
»Ma galerie sur BoG«

bestofgraph@gmail.com - Envoyer un message privé

2 Re: De l'ombre sur vos Textes le 23/1/2011, 09:25

Blur's

avatar
Membre
je viens ajouter ici que si on change le text par box et en ajoutant ce CSS a une cellule d'un tableau celle-ci aura une ombre
http://forumgraph.forumactif.com/forum.htm

3 Re: De l'ombre sur vos Textes le 24/1/2011, 02:04

Arkantos22

avatar
Administrateur
Merci de l'information.

Ps: Ton astuce marche aussi avec les images, les blocs (div.), ...

_____________


[center]

Fondateur & Administrateur de Best of Graph'
»Ma galerie sur BoG«

bestofgraph@gmail.com - Envoyer un message privé

4 Re: De l'ombre sur vos Textes le 25/6/2011, 03:01

Euphora

avatar
Membre
je ne comprend pas ou placer les codes HTLM ou je met mon texte dans le code ?

5 Re: De l'ombre sur vos Textes le 1/7/2011, 01:28

Arkantos22

avatar
Administrateur
Tu veux tant servir pour quoi ?

PS :
Code:
<p class="ombre-text">  TU METS TON TEXTE ICI  </p>

_____________


[center]

Fondateur & Administrateur de Best of Graph'
»Ma galerie sur BoG«

bestofgraph@gmail.com - Envoyer un message privé

6 Re: De l'ombre sur vos Textes le 4/11/2011, 05:25

ART-N0-DESiGN

avatar
Membre

Merci, c'est pas mal Smile

7 Re: De l'ombre sur vos Textes le 4/11/2011, 05:48

Arkantos22

avatar
Administrateur
De rien.

_____________


[center]

Fondateur & Administrateur de Best of Graph'
»Ma galerie sur BoG«

bestofgraph@gmail.com - Envoyer un message privé

8 Re: De l'ombre sur vos Textes le 4/11/2011, 05:50

XplowZ

avatar
Membre
Le One Word est interdit sur ce forum.
Arkantos22, pour ton insolence, je te bannis de ce forum dévinitivement.

Hum... Pa staper, pas taper pray
Nan, sinon, j'aime pas l'effet ombre, je trouve ça vraiment moche, et ça rend encore plus illisible le forum... C'est comme si je vous écrivais comme ça :
Hey comment ça va !

9 Re: De l'ombre sur vos Textes le 4/11/2011, 06:16

Arkantos22

avatar
Administrateur
Ah, ben j'ai diminué l'effet d'ombre : Ombre

_____________


[center]

Fondateur & Administrateur de Best of Graph'
»Ma galerie sur BoG«

bestofgraph@gmail.com - Envoyer un message privé
Contenu sponsorisé


Voir le sujet précédent Voir le sujet suivant Revenir en haut  Message [Page 1 sur 1]


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum

 

Optimisé pour Mozilla Firefox et Google Chrome
Tous droits reservés - Copyright 2011-2013