• Résolu Titre en dégradé


    Vendredi 3 Mai à 18:34
    Kiharu

    Bonjour, je recherche en vain la façon de mettre mon titre de header en couleur dégradé. J'aimerais avoir deux couleur pour représenté mon titre comme ici. Je sais que probablement sur ce site, le texte a été ajouté sur l'image avant d'être publié. Cependant, j'aimerais savoir s'il existe un code css pour pouvoir avoir cette effet svp? Parce que je veux garder mon titre cliquable. 

    Merci encore une fois de votre aide!

    Mon blog: yumenodrama.kazeo.com/

    Dimanche 5 Mai à 08:32
    Colette95

    Bonjour Kiharu,

    Google est ton ami yes alors as-tu au moins fait des recherches sur le Web en tapant par exemple dans ton moteur de recherches "Générateur dégradé couleur sur texte" ?

    Eh bien, pour ma part, j'ai trouvé ces liens :

    http://n.bernier.free.fr/fade

    https://www.smiliz.fr/degrade.php

    https://js01.fra.co/h2-

    https://forum.alsacreations.com/topic-4-78396-1-Degrade-de-couleur-sur-texte-editable.html

    Et j'en conclu que le dégradé ne peut être fait en css et html que de gauche à droite et non comme tu le souhaites. De plus, cela implique l'introduction d'une "tartine" de codes. sarcastic

    Le titre dont il est question a été réalisé avec un logiciel c'est certain et en pratiquant de la même façon, il n'y a aucune raison que ton header ne soit pas cliquable.

    Bonne journée.

    Dimanche 5 Mai à 14:47
    Kiharu

    Oui, j'avais chercher sur google mais les liens que j'avais trouvé, ils donnaient des codes que bizarrement ne fonctionnait pas.

    Merci en tout cas pour les liens je vais les tester. :)

    edit: Après plusieurs essaie erreur. J'ai réussis à obtenir ce que je voulais. Si quelqu'un veut le code que j'ai utilisé. Le voici: 

    #titre_header a {     
     font-size: 50pt;
     background: -webkit-linear-gradient(#e0db97,#e0db97, #3bafcc, #3bafcc);
     -webkit-background-clip: text;   
     -webkit-text-fill-color: transparent;
          -webkit-filter: drop-shadow(4px 4px #292929);
              filter: drop-shadow(2px 2px #292929);
     }

    Ça donne le dégradé ainsi qu'un contour autour du texte. ^w^ Bonne continuation
    les blogueurs!

    Lundi 6 Mai à 17:32
    Colette95

    Bonjour Kiharu,

    Bravo tu t'es bien débrouillée yes mais, à toutes fins utiles, il faut que tu saches que ces codes ne fonctionnent pas sous Internet Explorer. sarcastic

    Lundi 6 Mai à 18:37
    Kiharu

    Salut Colette,

    Est-ce qu'il y a encore des gens qui utilisent internet explorer de nos jours??? oh Mais sinon, est-ce qu'il y a un code que je pourrais ajouté pour ça? parce que j'utilise edge et tout semble en ordre, même chose sur chrome. 

    Lundi 6 Mai à 19:31
    Colette95

    Oui il y en encore un petit nombre de gens qui utilisent I.E. Dans mes statistiques, environ 8%, pas grand chose tu me diras... ^^ 

    C'était simplement à titre d'information. Maintenant pour les personnes qui visitent ton blog avec ce navigateur, ton titre et tout à fait harmonieux au niveau de la couleur.

    Et malheureusement il n'y a pas de code pour y remédier, IE ayant toujours posé problème aux blogueurs. sarcastic

    Lundi 6 Mai à 22:28
    Kiharu

    ah d'accord. Je n'utilises plus IE depuis un moment à cause des nombreux bug. Je préfère largement chrome si c'est pour faire une comparaison de qualité. Mais depuis, que j'ai edge sur mon nouveau pc, je préfère largement l'utiliser, il se rapproche d'avantage de chrome que de IE. 

    Enfin bref, j'ai au moins mis le titre en bleu comme il était avant mais sans contour par contre, c'est le mieux que je puisses faire, je pense. 

    Si jamais je trouve un code pour remédier au problème, je le ferai. smile

    Merci de ton aide! 

     




    Vous devez être membre pour poster un message.