C'est top ! Mais je ne trouve pas comment appliquer le CSS qu'à un seul mot dans ma ligne, il y a encore qqun pour m'aider ? HELP ! Merci :)

• • Tripoteurenchef

    Jeudi 14 Octobre 2021 à 10:35
    

    Bonjour,

    Oui, je suis encore en vie !

    Pour un seul mot dans une ligne, il faut aller dans le code HTML, et encadrer le mot d'une balise SPAN, comme ceci afin de l'isoler :

    <span>mot</span>

    Ensuite, dans cette balise, on ajoute un attribut STYLE contenant le code css comme ça :

    <span style="mon code css ici">mot</span>

     

    NB : dans une balise STYLE, on écrit le code CSS comme dans les accolades, mais sans passer à la ligne, comme ça :

    nom-de-la-propriété: valeur; nom-d-une-autre-propriété: valeur1, valeur2; nom-d-une-autre-propriété: fonction(valeur1,valeur2,valeur3);

    Cela donne par exemple :

    <span style="text-stroke: 2px; -webkit-text-stroke: 2px;">Hello!</span>

Mais tu es un Dieu pour une noob comme moi ! Mille mercis !

Comme je suis une noob, déjà j'arrive pas à changer mon fond couleur, en fait je voudrais que le texte soit blanc avec contour noir. Et sur le titre j'ai l'impression qu'il n'y a pas de code HTML, que je n'ai accès qu'au css personnalisé du titre... Me trompe-je ?

Encore merci à toi 

• • Tripoteurenchef

    Jeudi 14 Octobre 2021 à 13:11
    

    Pour un titre blanc avec une bordure noire, je mettrais ce code :color:#fff;text-shadow: 2px 0 0 #000, 2px 2px 0 #000, 0 2px 0 #000, -2px 2px 0 #000, -2px 0 0 #000, -2px -2px 0 #000, 0 -2px 0 #000, 2px -2px 0 #000;

    Mais pour répondre plus précisément, j'aurais besoin de contexte : quel titre ? Celui du site ? Celui en tête d'article ? Dans l'article ?

Encore merci pour ta réponse !

Alors c'est pour le Titre dans un bloc en-tête plein écran violet

• • Tripoteurenchef

    Lundi 18 Octobre 2021 à 09:23
    

    Si c'est le titre d'en-tête du site, le code est à placer dans Apparence, Modifier le thème, Ajouter du CSS.

    Pour le fond complet c'est :
    #header{background: purple;}
    Et si ça ne fonctionne pas il faut ajouter espace + !important :
    #header{background: purple !important;}
    
    Pour mettre le fond du titre lui-même (surlignage), c'est :
    #header-link a{background: purple;}
    Et du coup, il faudrait ajouter à la suite (juste avant l’accolade finale) la règle ajoutant la bordure noire :
    text-shadow: 2px 0 0 #000, 2px 2px 0 #000, 0 2px 0 #000, -2px 2px 0 #000, -2px 0 0 #000, -2px -2px 0 #000, 0 -2px 0 #000, 2px -2px 0 #000;

    Et pour la couleur du titre, c'est dans Apparence, Modifier le thème, En-tête, Titre, cocher Couleur et mettre :
    #fff
    (En profiter pour le mettre éventuellement en gras si besoin (bouton B).)

    Cordialement.

    PS: Je ne vais pas te faire un cours de HTML/CSS, mais pour ce qui nous occupe, je te dirais simplement que les espaces sont importants dans le code CSS. Ils sont nécessaires pour séparer les valeurs à l'intérieur des règles, ou pour déterminer une hiérarchie dans le ciblage des éléments HTML. En revanche, les passages à la lignes ne sont pas importants, du moment qu'on les fait en dehors d'une ligne de règle. Par exemple, on peut écrire comme ceci :

    #element-cible
    {
    regle: valeur;
    seconde-regle: valeur, valeur;
    }

Hello !

Merci pour ta réponse, je ne la vois que maintenant désolé du retard :/ 

En fait j'ai moitié de mon titre en plein et moitié en contour, j'ai bricolé un truc qui a l'air de fonctionné. Dommage qu'on ne puisse pas t'envoyer de photo :/ ou peut-être tant mieux pour ne pas que tu fasses une syncope ! 

• • Tripoteurenchef

    Mardi 9 Novembre 2021 à 12:21
    

    Hello!

    Bah je pense que si, moi j'ai un bouton "insérer une image" :

    Après je clique sur "uploader un fichier" et c'est bon.

L'option uploader une image ne s'affiche pas chez moi :( 

• • Tripoteurenchef

    Mercredi 10 Novembre 2021 à 11:12
    

    Étrange... Bon pas grave : pour bien faire il me faudrait un lien pour voir le titre en question. Tu fais tes tests sur un blog non publié ?

Oui, c'est bien ça :) je fais des tests sur le site en maintenance :) je l'ai désactivé, si tu veux jeter un coup d'œil  https://flamazingstudio.com/index.php/produit/le-t-shirt/

• • Tripoteurenchef

    Mercredi 10 Novembre 2021 à 13:33
    

    D'accord, je pensais qu'il s'agissait d'un blog sur cette plateforme (Eklablog).

    Depuis mon navigateur, le titre apparaît ainsi :

    

    Ça m'a l'air réussi : ça reprend l'identité visuelle du logo.

    Tu cherchais à montrer l'ensemble du titre "LE T-SHIRT" avec une bordure, et pas seulement "SHIRT" ? Je ne comprends pas ce que tu cherches à faire précisément.

Le visuel que tu as c'est le résultat que je voulais :) mais pour ça j'ai dû faire une bidouille, je sais pas si c'est très catholique mais ça a fonctionné ! J'ai dû mettre le bout de code dans l'emplacement titre du module. En back office c'est pas ouf, mais ça fonctionne !