Gros problème avec un code

[TCHIKI95]

Bonjour,

Pour la réalisation d'un design, j'aimerais donner cet effet à mon texte, mais je n'arrive pas

Pouvez vous m'aidez ?

Voici l'image :

[Lixyr]

Bonjour.
Pour ça il faudrait trouver une police qui donne cet effet.
http://www.dafont.com/fr/

Cordialement.

[TCHIKI95]

Non c'est un script CSS que on appel Ombre c'est du css3 je crois et aussi ces Text shadow je c'est pas trop quoi on ma dit

[Lixyr]

Pour le CSS c'est :

Code:

  text-shadow: 0px 0px 3px #a0a0a0;

Pour le script JS par contre, je n'en sais rien. C'est l'effet de fondue que vous voulez ? La police ancrée en relief dans le fond ?

[TCHIKI95]

Oui c'est sa

[TCHIKI95]

par contre il y a aucun changement avec le script CSS je vois aucun changement c'est normal ?

[Invité]

Salut TCHIKI95,

je viens de faire un test avec la class suivante:
il suffira ensuite de trouver la police désirée, mais ce dernier est ressemblant à ton image .

Code:


.police_texte
{
color: #121212;
padding:5px 10px 5px 10px;
background-color: #666666;
text-shadow: 0px 1px 0px rgba(255,255,255,.5); 
text-transform:uppercase;
font-size:20px;
} 


Le code html

Code:

<span class="police_texte"> Texte</span>

a++

[TCHIKI95]

Mai pour se code on et obliger de crée un text car enfaite je voudrais le mettre sur les écriture de tout le forum genre les description d'une catégorie etc..

La police peut importe je veut que sa face un bonne effet ^^ droit comme sur l'image

[Lixyr]

Dans ce cas là, le mettre dans body dans le css :

Code:

body {       
     
        color: #121212;
        padding:5px 10px 5px 10px;
        background-color: #666666;
        text-shadow: 0px 1px 0px rgba(255,255,255,.5);
        text-transform:uppercase;
        font-size:20px;
        } 

et ça prend effet partout. Reste plus qu'à changer les couleurs et la taille, par ce que vous voulez.

[TCHIKI95]

Ha merci vous avez un script pour effet ombre avec qui prend partout ?

[Lixyr]

l'effet ombre y est :

text-shadow: 0px 1px 0px rgba(255,255,255,.5);

ou

text-shadow: 0px 0px 3px #a0a0a0;

suffit de changer le
- premier 0 (décalage vers la droite)
- deuxième 0 (décalage vers le bas)
- le 3 (le flouté)
- et le code couleur #a0a0a0;
par ce que vous voulez qui vous arrange.

[TCHIKI95]

Code:

text-shadow: 0px 1px 0px #a0a0a0 (255,255,255,.5);

je peut faire comme sa ?

[Scoubifitz]

Code:

text-shadow: 0px 1px 0px #a0a0a0 (255,255,255,.5);

je peut faire comme sa ?

bonjour,

le problème que vous rencontrez , est que l'écriture sur votre forum est gris clair sur fond gris sombre ,

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sodales ornare lorem. Donec rhoncus interdum nunc, in suscipit risus elementum id. Suspendisse commodo justo purus. Ut quis lectus sed tellus commodo placerat nec ac massa. Maecenas non augue erat, sed pellentesque justo. Aliquam dapibus porttitor justo, at congue elit placerat vitae. Pellentesque pulvinar venenatis accumsan. Sed venenatis, mi vitae facilisis pellentesque, mi tellus fermentum nunc, et congue lacus lectus nec tortor. Curabitur eu neque eros. Morbi ac mi quis magna scelerisque rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec fringilla lobortis lectus non porttitor. Sed iaculis arcu id mi consectetur sed molestie nisl imperdiet.

Code:

text-shadow: 1px 1px 0px #000000;

alors que l'image que vous montrez est est gris sombre sur fond gris clair ...

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sodales ornare lorem. Donec rhoncus interdum nunc, in suscipit risus elementum id. Suspendisse commodo justo purus. Ut quis lectus sed tellus commodo placerat nec ac massa. Maecenas non augue erat, sed pellentesque justo. Aliquam dapibus porttitor justo, at congue elit placerat vitae. Pellentesque pulvinar venenatis accumsan. Sed venenatis, mi vitae facilisis pellentesque, mi tellus fermentum nunc, et congue lacus lectus nec tortor. Curabitur eu neque eros. Morbi ac mi quis magna scelerisque rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec fringilla lobortis lectus non porttitor. Sed iaculis arcu id mi consectetur sed molestie nisl imperdiet.

Code:

text-shadow: 1px 1px 0px #ffffff;

[TCHIKI95]

Merci mai on peut faire tout les texte du forum en 3D ?

[Lixyr]

Dans ce cas là, le mettre dans body dans le css :

Code:

body {       
     
        color: #121212;
        padding:5px 10px 5px 10px;
        background-color: #666666;
        text-shadow: 0px 1px 0px rgba(255,255,255,.5);
        text-transform:uppercase;
        font-size:20px;
        } 

et ça prend effet partout. Reste plus qu'à changer les couleurs et la taille, par ce que vous voulez.

Oui, vous modifiez juste :

text-shadow: 0px 1px 0px rgba(255,255,255,.5);

par la couleur qui vous arrange le mieux suivant ce que Scoubi vous a dit.

[TCHIKI95]

Si c'est possible avoir une couleur pas pareil que le gris car le fond et gris merci

[Lixyr]

color: #121212;

modifiez 121212 par le code couleur de votre choix.

[TCHIKI95]

et aussi j'ai vu que on pouvez mettre les pseudo avec des truc brillent avec un code css et en plus de sa avec l'écriture mai je c'est pas ou on trouve sa

[Lixyr]

Des trucs qui brillent ? =3

[TCHIKI95]

Oui j'ai déjà vu sa

[Lixyr]

Hum et bien si vous avez un exemple ce n'est pas de refus, parce qu'à part un Gif, je ne vois pas de quoi vous parlez.

[TCHIKI95]

Bah j'ai pas d'image ces par exemple des petit truc qui apparaît sur les pseudo mai sa fait comme si que sa briller en faite

[Pinguino]

Bah j'ai pas d'image ces par exemple des petit truc qui apparaît sur les pseudo mai sa fait comme si que sa briller en faite

Bonjour,


Merci de faciliter le travail des personnes qui vous aident en expliquant avec plus de précisions vos attentes et/ou fournir une capture d'un résultat approchant.
Cordialement,

[TCHIKI95]

J'aimerais bien mai le soucis c'est que j'ai pas d'image j'ai déjà vu sa sur un forum ou sur les pseudo il avez mis un code exprès et les pseudo avec un effet ou sa briller ou comme des mouche sur les pseudo un truc du genre

[Lixyr]

Ca brillait comme des mouches ? Franchement, je ne vois pas.
Cherchez ce dit forum, ou un forum qui a la même chose et prenez un screen, parce que je ne vois pas de quoi vous parlez.

L'effet poussière d'étoile qui suit la souris...
ou bien un gif, mais je ne m'avancerai pas ; je préfère savoir de quoi vous parlez avant de donner des codes.

Regardez ce lien mais je ne pense pas que ce soit ça :
https://forum.forumactif.com/t290837-pluie-d-etoile-sur-le-curseur?highlight=poussi%E8re+%E9toile

Cordialement.

[TCHIKI95]

Ces sur pseudo pas le curseur

[Lixyr]

Ben je ne sais pas alors. Je ne vois pas ce que vous demandez.

[TCHIKI95]

Ok pas grave et vous avez un code pour une opacité sur tout le forum ?

[Lixyr]

Oui j'en ai un. Seulement, maintenant que vous avez réglé votre problème principal, pensez à mettre ce sujet en résolu, et à parcourir le forum via la fonction recherche pour vos autres codes. ^^

toujours dans le css, body :

filter:alpha(opacity=75);
-moz-opacity:0.75;
-khtml-opacity:0.75;
opacity: 0.75;

modifiez le 75, plus vous descendez dans la valeur plus c'est transparent. mettez les mêmes valeurs c'est juste pour les navigateurs qu'il y en a plusieurs, c'est donc le même code à chaque fois.

Cordialement.

[TCHIKI95]

J'ai l'impression que sa marche pas l'opacité