• Mettre les titres de votre blog en 3D avec du codage CSS

    Voici ce que ça donne par exemple : 

    Mettre les titres de votre blog en 3D avec du codage CSS

    Ce code est à mettre dans la partie "Ajouter du CSS" quand vous modifiez votre thème : 

    REMPLACER PAR UN SÉLECTEUR {text-shadow: 2px 0.2px REMPLACER PAR UNE COULEUR, -2px 0.2px REMPLACER PAR UNE COULEURcolorREMPLACER PAR UNE COULEUR;}

    Au niveau des sélecteurs, vous pouvez mettre ce que vous voulez. En voici des exemples, vous devez juste en coller un à la place du REMPLACER PAR UN SÉLECTEUR dans le code : 

    .module_titre_contenu, .module_titre_contenu a
    #titre_header, #titre_header a
    .module_menu_titre, .module_menu_titre a
    Etc ...

     

    Pack 011 : Puces (Flèches 2) Retrouvez d'autres tutoriels CSS ici !

    « Les raccourcis du clavier pratiques5 vidéos ASMR bruits de bouche pour vous détendre »
    Pin It

    Tags Tags : , , , ,
  • Commentaires

    1
    Mardi 11 Septembre à 09:46

    Bonjour Némusi,

    J' ai essayé de mettre ce code dans le css mais cela ne'a pas l'air de fonctionner.

    Cela me dit que le code à une erreur et de corriger. Je pense ne pas bien avoir compris 

    la manip. Pourrais tu mieux me l' expliquer. Merci à toi.

    Je te souhaite une agréable journée.

      • Mardi 11 Septembre à 18:36

        Bonsoir Loralie, pouvez-vous me montrer votre code s'il-vous-plaît (pour que je vois ce qui ne va pas dans vos modifications) ?

        Merci, je vous souhaite une bonne soirée en retour vu l'heure qu'il est :)

    2
    Mercredi 12 Septembre à 09:44

    Bonjour Némusi,

    J' ai mis ce code+celui çi : REMPLACER PAR UN SÉLECTEUR {text-shadow2px 0.2px REMPLACER PAR UNE COULEUR-2px 0.2px REMPLACER PAR UNE COULEURcolorREMPLACER PAR UNE COULEUR;

    .module_titre_contenu.module_titre_contenu a
    #titre_header, #titre_header a
    .module_menu_titre, .module_menu_titre a
    Etc ...

    C' est quoi le sélecteur et par quoi il faut le remplacer ? Je suis désolée de vous ennuyer.

    Merci de m' avoir répondu si rapidement.

    Belle journée à vous.

     

      • Mercredi 12 Septembre à 13:41

        Bonjour, c'est normal que ça ne marche pas, vous n'avez pas remplacé ce qu'il fallait dans le code, vous avez laissé les écritures en rouge telles quelles. Un sélecteur permet de cibler les éléments que l'on veut modifier avec du CSS.

        Le code est celui : 

        REMPLACER PAR UN SÉLECTEUR {text-shadow2px 0.2px REMPLACER PAR UNE COULEUR-2px 0.2px REMPLACER PAR UNE COULEURcolorREMPLACER PAR UNE COULEUR;}

        En dessous, je donnais des exemples de sélecteurs pour les remplacer dans le code là où il y a marqué "REMPLACER PAR UN SELECTEUR". J'ai donné ces exemples :

        .module_titre_contenu.module_titre_contenu a
        #titre_header, #titre_header a
        .module_menu_titre, .module_menu_titre a
        Etc ...

        Il fallait en prendre un et le remplacer où c'est indiqué. Le premier sélecteur, qui est ".module_titre_contenu.module_titre_contenu a", concerne le titre de vos articles, le deuxième le titre de votre blog, le troisième le titre de vos modules dans vos menus. Des sélecteurs pour EklaBlog, vous en trouverez pleins ici pour modifier les textes que vous voulez pour qu'ils soient en 3D comme sur l'exemple. Attention, le code que je mets à disposition ne s'applique que pour les textes, vérifiez bien que les sélecteurs que vous utilisez concernent du texte (et non des images par exemples).

        Ensuite, à place des 3 "REMPLACER PAR UNE COULEUR", vous devez écrire une couleur en anglais pour chacun (différentes à chaque fois de préférence, comme White pour l'un et Green et Red pour les autres par exemple), ou les remplacer le code hexadécimal des couleurs. Les codes hexadécimaux correspondent à ce type de couleur avec le hashtag #00000 par exemple, vous avez déjà dû voir ce genre d'écriture en modifiant les couleurs de votre blog dans les paramètres. Ce genre de codes pour les couleurs, ainsi que le nom des couleurs en anglais, vous en trouverez sur ce site.

        Si je reprends ce que je vous disais, quand vous remplacez les endroits où il faut par ce qu'il faut, ça peut donner un exemple comme ça :
        #titre_header, #titre_header a {text-shadow2px 0.2px Black-2px 0.2px PinkcolorWhite;}

        Sachant que les 2 premières couleurs correspondent à la couleur des ombres et le dernier à la couleur du texte en lui-même

         

        J'espère que vous réussirez, n'hésitez pas à tester plusieurs sélecteurs et couleurs. Je vous souhaite une bonne journée !

    3
    Jeudi 13 Septembre à 08:25

    Bonjour Némusi, merci de votre aide. j' ai réussi à mettre les codes comme

    il faut et cela à bien marché.

    Génial vos tutoriels pour eklablog.

    Je suis aussi allez voir les sélecteurs CSS. Il y a vraiment le choix.

    Je oius souhaite une belle journée.

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :