• Résolu Images dans titres rubriques


    Lundi 4 Juin 2018 à 17:31
    chatom105

    Bonjour je suis nouvelle sur le blog et je cherche comment illustrer mes menus de rubriques avec des petits dessins qui ne font pas partis des émoticônes. J'en ai trouvé comme Icônes Famfamfam mais je n'arrive pas à les insérer...

    Merci d'avance pour votre aide

    Lundi 4 Juin 2018 à 21:02
    stormalo

    Bonjour,

    Les icônes Famfamfam sont des mini-images.  Il suffit donc d’héberger les images que l'on souhaite (médiathèque) pour les utiliser comme n'importe quelle image.

    Au cas où, voici une adresse trouvée par DuckDuckGo qui traite de ce sujet :.  http://www.infowebmaster.fr/10,news-icones-gratuits-famfamfam.html

    Lundi 4 Juin 2018 à 21:07
    chatom105

    Merci beaucoup pour votre réponse ! Il faudrait alors que je télécharge chaque petite image et non le pack entier pour pouvoir les inclure dans mon titre de menu ?

    J'arrive à les télécharger pour le mettre dans le texte mais pas dans le titre...

    Lundi 4 Juin 2018 à 21:55
    stormalo

    Perso je téléchargerai le pack qui m’intéresse (ce sont des dossiers compressés, il faudra donc en extraire toutes les images dans un dossier sur l'ordinateur avant de mettre celles qui intéresse dans la médiathèque)

    Lundi 4 Juin 2018 à 22:05
    chatom105

    C’est bien ce que j’ai fait et j’arrive à les insérer dans le texte mais pas dans mon titre je ne comprends pas pourquoi... je vais essayer de chercher encore !

    merci de votre aide en tout cas vous m’avez beaucoup aidé c’est très gentil !

    Lundi 4 Juin 2018 à 22:13
    stormalo

    Pour l'image dans le titre c'est par ajout de css

    Si c'est au début du titre (de tous les titres dans cet exemple il faut ajouter ce css (Modifier le thème)

    .module_titre {
      background-image: url("adresse de l'image");
      background-repeat: no-repeat;
      padding-left: 60px
    }

    60px à ajuster

    Mardi 5 Juin 2018 à 06:45
    chatom105

    Merci beaucoup vous m’avez énormément aidé !!

    une dernière petite question, j'ai écrit le css dans modifier le thème mais comment je fais pour appliquer le css ?

    Car lorsque j'applique celui ci, il met mon icône dans le texte et non devant le titre...

    Mercredi 6 Juin 2018 à 13:47
    stormalo

    pour le blog chatom105, si tu ajoutes ça dans le css :

    .module_titre {
      background-image: url("http://ekladata.com/1njqfFfKMtrHeT0ZRwVDNnA8ZB8");
      background-repeat: no-repeat;
      padding-left: 40px;
    }


    ça doit afficher selon cette copie d'écran :
    < clic sur image

    sauf si dans ce qui n'est pas visible en ligne il y a déjà un css qui affecte cette zone de titre

    Mercredi 6 Juin 2018 à 13:51
    chatom105

    Oui ça ça marche mais ce n'est pas tout à fait ce que je veux… 

    l'icône je la veux juste devant le titre dans le menu (sur l'image: devant Accueil en dessous de rubrique) et pas devant le titre comme sur la photo… et il m'en faudrait un spécifique pour chaque titre mais je pense que c'est trop compliqué...

    Mercredi 6 Juin 2018 à 14:12
    stormalo

    ouch Alors essaye ça :

    #module_menu_contenu155664032 li a:before {content: url("http://ekladata.com/1njqfFfKMtrHeT0ZRwVDNnA8ZB8@20x20.gif");}

    le @20x20.gif dans l'adresse de l'image c'est pour réduire la taille d'origine de l'image

    Sinon il faut impérativement être plus précis dans la description de la demande




    Ce sujet est verrouillé. Vous ne pouvez donc pas poster de nouvelles réponses.