AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Principe des ombres portées

    Partagez
    Lucky Numb£r
    MasculinAge : 23Messages : 1971

    le Mer 21 Avr 2010 - 0:54

    Plop, on continue sur la même lancée. Cette fois ci je viens vous parler des ombres ! Bouh ça fait peur *.* Sérieusement cette petite astuce vous permettra de reproduire un petit effet de CSS que beaucoup de gens cherchent et que d'autres gardes bien farouchement en secret :p. Voici le code à placer dans votre CSS pour appliquer une ombre à tous vos liens., en remplaçant "X" par la valeur souhaitée.
    Code:
    a
    {
    text-shadow: #000000 Xpx Xpx Xpx;
    }
    Ce code peut aussi ne s'appliquer qu'à un petit bout de texte pour cela il suffit d'utiliser le code suivant.
    Code:
    <span style="text-shadow:#000 Xpx Xpx Xpx">....votre texte...</span>
    Ce qui donne avec une valeur de 2 pixels: Lucky est génial ! Évidemment vous pouvez aussi modifier la couleur de l'ombre en modifier tout simplement le "#000". Pas mal hein ? Et c'est pas encore fini je garde le meilleur pour la fin... *.*
    P.S ~ Merci à Shinomix qui m'a appris cela lors de mon test de codeur CSS Wink.



    Okhmhaka
    FémininAge : 31Messages : 31713

    le Mer 21 Avr 2010 - 9:51

    nickel ! Merci pour toutes ces astuces mises à jour et au bon endroit, ça plaira à plus d'un Razz

    Je préciserai simplement pour celle là qu'il faut faire très attention en l'utilisant ! En effet, elle donne un bel effet, certes, mais ne doit pas être utilisée n'importe où et n'importe comment car elle diminue la lisibilité du texte concerné ! ^^



    Hekireki
    MasculinAge : 22Messages : 79

    le Jeu 22 Avr 2010 - 16:40

    Merci beaucoup pour ce code que je cherchais Very Happy



    aymene256
    MasculinAge : 21Messages : 245

    le Jeu 22 Avr 2010 - 19:50

    Merci pour toutes ces astuces,ce code me va bien je compte bientot l'esseyer.



    Riku Asakura
    MasculinAge : 29Messages : 5736

    le Lun 26 Avr 2010 - 20:49

    Merci.
    Cela ne marche cependant pas sous Internet Explorer et les vieilles versions de Firefox, Safari et Opera.




    Yo ho, all together
    Hoist the colours high
    Heave oh, thieves and beggars
    Never shall we die
    Lucky Numb£r
    MasculinAge : 23Messages : 1971

    le Lun 26 Avr 2010 - 21:01

    Si on utilise la balise "span", ça serait compatible avec la plupart des navigateurs non ? Si c'est le cas je pourrai recommencer l'astuce au pire..



    Unforcrew
    MasculinAge : 23Messages : 30

    le Jeu 29 Avr 2010 - 15:23

    Merci je vais essayer :)
    Sympa les astuces que tu donnes quand même, depuis longtemps je m'embête à faire des images pour les textes sur lesquels je veux une ombre ^^

    :-)



    Mon site & Mon deviantART :)
    Invité

    le Jeu 29 Avr 2010 - 17:29

    Merci ! C'est sympa ^^
    Okhmhaka
    FémininAge : 31Messages : 31713

    le Jeu 29 Avr 2010 - 18:25

    Lucky : non je ne pense pas que ça change quelque chose, le truc c'est que la donnée en css n'est pas encore comprise par tout les navigateurs, il me semble que c'est du CSS3 c'est pour ça^^



    Lucky Numb£r
    MasculinAge : 23Messages : 1971

    le Jeu 29 Avr 2010 - 23:27

    Bouh ! Pas cool pour les autres :'( Ce que je peux assurer en tout c'est que le code fonctionne pour les dernières versions de Firefox et Opéra !



    Lou'N@il
    FémininAge : 36Messages : 5

    le Sam 1 Mai 2010 - 8:23

    oh merci je chercher cet effet là suis contente moi "^_^"
    kro
    MasculinAge : 25Messages : 14

    le Dim 8 Mai 2011 - 13:16

    Merci, c'est trow beau. :)
    Soul
    MasculinAge : 20Messages : 1719

    le Dim 8 Mai 2011 - 14:58

    Merci je le cherchais il y pas longtemps !
    Sharky
    FémininAge : 24Messages : 16

    le Jeu 18 Aoû 2011 - 12:39

    Cooool Very Happy Merciiii <3
    Valiane
    FémininAge : 24Messages : 289

    le Lun 22 Aoû 2011 - 18:16

    Super, je cherchais depuis longtemps et je trouve par hasard *.*

    Merciiiiiiiiiii



    Ravener
    FémininAge : 25Messages : 193

    le Ven 9 Mar 2012 - 22:15

    Merci beaucoup pour ce truc, je le cherchais également depuis un ptit moment!



    Togira Ikonoka
    MasculinAge : 17Messages : 132

    le Lun 26 Mar 2012 - 2:05

    Merci beaucoup c'est super ! Very Happy

    Maintenant je cherche le code pour mettre un effet sur les liens qui change la couleur, un peu comme ici.



    Titane
    FémininAge : 32Messages : 11

    le Sam 28 Avr 2012 - 21:44

    Very Happy
    Skyleen
    FémininAge : 24Messages : 476

    le Lun 30 Avr 2012 - 16:09

    Merci **



    2013 ▬
    Commandes en cours : 0    ▬ Commandes finis : 2
    LeFimoteur
    MasculinAge : 17Messages : 18

    le Jeu 22 Nov 2012 - 21:55

    Merci !
    Dellou
    FémininAge : 18Messages : 54

    le Dim 24 Mar 2013 - 0:21

    Merci :3



    teck
    MasculinAge : 25Messages : 63

    le Dim 27 Oct 2013 - 13:03

    Merci



    Contenu sponsorisé

    Aujourd'hui à 11:10


      La date/heure actuelle est Mar 6 Déc 2016 - 11:10