Contour des lettres en gris foncé

**pihug12** · 15/10/2005, 15h38

Bonjour tout le monde !!

DAns un tableau j'ai un texte écris en blanc et j'aimerais que le contour des lettres soit en gros foncé pour qu'il y'est un peu plus de contraste.
J'ai cherché dans la FAQ mais j'ai pas trouvél la réponse.

Voici le fichier en question :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color:white;
	padding:2px 1px;
	text-decoration:none;
/* Ne pas modifier le block */
	display:block;
/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/*	height:100%;
	margin:0px;*/
	margin:0px;
	width:100%;

Merci de me répondre !
pihug12 8)

**AlphaYoDa** · 15/10/2005, 18h10

Je crois que c'est impossible

**pihug12** · 15/10/2005, 19h05

Envoyé par AlphaYoDa

Je crois que c'est impossible

Oh, non ! Ca serait super si je pouvais le faire !
Tu es sur de toi ??

+++
pihug12 8)

**francis m** · 15/10/2005, 20h25

je pense aussi que c'est impossible

ou sinon en créant une image pour chaque caractère et une fonction (par exemple en php) qui associe un caractère à son image. bref un truc ultra-lourd.

je trouve pas plus compliqué, mais si quelqu'un sait comment faire simple, je serais ravi d'en profiter...

**dasdeb** · 15/10/2005, 21h27

Hmm... Comment fonctionne le MOD blur dans phpbb2 ?

**pihug12** · 15/10/2005, 22h32

Bonjour tout le monde !!

Blur fonctionne comme ca :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<!-- BEGIN blur_open --><span style="height: 20; filter:blur(add=1,direction=270,strength=10)"><!-- END blur_open --> 
<!-- BEGIN blur_close --></span><!-- END blur_close -->

Je l'ai trouvé sur le forum de PhpBB-FR.

Vous pensez que c'est possible d'adapter ça en CSS de manière à faire un contour gris foncé de 1 pixel ??

Merci !
pihug12 8)

**AlphaYoDa** · 15/10/2005, 22h40

Etant un filtre, je crois que ca ne va que sur IE.

**pihug12** · 15/10/2005, 22h44

Envoyé par AlphaYoDa

Etant un filtre, je crois que ca ne va que sur IE.

Bein pourtant le BBCode Blur fonctionne bien avec Firefox.
A mon avis ca marche avec tout les navigateurs, enfin bon je suis juste un débutant.

+++
pihug12 8)

**AlphaYoDa** · 15/10/2005, 23h01

Je pensais que tout les filtres comme les filtres pour images et l'opacité n'étaient que pour IE. ,)

**ilood** · 16/10/2005, 08h42

Salut,

C'est possible en css, mais très lourd à gérer. Donc, surtout utilisé pour des textes courts (titres).
La technique consiste à écrire deux fois le même texte, leur aplliquer des tailles différentes, et à les superposer. (position absolue ou relative).

**pihug12** · 16/10/2005, 11h08

Envoyé par ilood

Salut,

C'est possible en css, mais très lourd à gérer. Donc, surtout utilisé pour des textes courts (titres).
La technique consiste à écrire deux fois le même texte, leur aplliquer des tailles différentes, et à les superposer. (position absolue ou relative).

Justement c'est juste pour des en-têtes de menu que je veux faire ça.
Tu peux me passer le script tout fait parce que je n'ai pas du tout le niveau pour faire ca tout seul.

+++
pihug12 8)

**francis m** · 16/10/2005, 12h14

ilood oui j'y avais pensé, mais je ne crois pas que cela puisse fonctionner : si tu superposes le caractère e taille 10 sur un caractère e taille 12, cela ne fait pas un contour équilibré...

**AlphaYoDa** · 16/10/2005, 14h50

Même en jouant sur le letter-spacing ? (que je ne trouve pas très précis)

**francis m** · 16/10/2005, 15h26

malheureusement, oui
il est évident que tou dois jouaer sur le letter-spacing, mais tu as également le problème du fait du caractère lui-même

fais l'expérience avec le e en arial : colle un e de taille 12 sur un e de taille 14. en gros tu auras un cercle autour de ton e, c'est à dire un e dans un o.

je viens de le faire, mais je ne sais pas comment insérer facilement une image dans ce forum, et je trouve que le résultat n'est pas génial

**pihug12** · 16/10/2005, 20h14

Re-bonjour !!

J'aimerais faire un contour de texte mais avec le Hack IE7.
Le problème c'est qu'il y'a le script que pour l'ombre et pas pour le contour.
Quelqu'un peut me l'arranger pour faire un contour ??

+++
pihug12 8)

**francis m** · 16/10/2005, 23h05

le système n'est pas idiot du tout c'est même bien pensé, en fait il s'agit d'ombres (dans ce cas deux ombres) et pas de contour. cela se voit très bien si tu mets le 'contour' en rouge et le 'principal' en blanc
j'ai donc essayé avec 4 ombres qui tournent autour du principal et cela donne un contour acceptable
mais il faut modifier les positions car certains navigateurs (le mien en l'occurence, myIE2) gère très mal les positions négatives
testé avec myie2, mozilla et netscape
par contre cela en fait du code : le texte est affiché 5 fois
pour ceux qui connaissent php, vite faire une fonction...

**pihug12** · 17/10/2005, 18h13

Envoyé par francis m

j'ai donc essayé avec 4 ombres qui tournent autour du principal et cela donne un contour acceptable
mais il faut modifier les positions car certains navigateurs (le mien en l'occurence, myIE2) gère très mal les positions négatives
testé avec myie2, mozilla et netscape

Moi j'utilise Maxthon et je pense que j'ai mal intégré le Hack "IE7".

Envoyé par francis m

par contre cela en fait du code : le texte est affiché 5 fois

Si on utilise la seuxième méthode de la page on peut éviter cet inconvénient.

Envoyé par francis m

pour ceux qui connaissent php, vite faire une fonction...

Je ne comprend pas le rapport. Tu peux m'expliquer ??

__________________________________________________________
J'arrive toujours pas à faire un contour avec le hack "IE7". Je sais faire juste un ombre. Queluq'un peut me changer le code pour faire un contour ??

+++
pihug12

**francis m** · 17/10/2005, 19h30

eh bien avec php, mais ce n'est pas le forum, au lieu de rentrer 3 ou 5 fois le même code de ce genre

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<h1>texte avec contour<span class="ombre">texte avec contour</span><span class="ombre2">texte avec contour</span><span class="ombre3">texte avec contour</span><span class="ombre4">texte avec contour</span></h1>