Bienvenue sur le forum d'entraide d'OverBlog.
Nous vous conseillons de chercher une réponse sur notre base de connaissances avant de poster une demande sur le forum.
*** [INTÉRESSANT] Faire une liste de catégories avec un intitulé sous forme d'image
  • Mehdi 2Mehdi 2
    Bonjour,

    Comment mettre des images à la place de l 'intitulé des catégories.

    question reprise de ce post

  • Mehdi 2Mehdi 2
    re bonjour

    difficile d'aller dans le code du blog pour insérer des images à la place de l'intitulé des catégories vu l'automatisation de leur affichage

    Par contre une solution technique alternative existe relativement "simple" qui donne le même résultat.

    • tu crée un article en mode "brouillon"
    • Dans cet article tu insère tes petites images d'intitulé de catégorie avec le lien pointant vers la catégorie concerné.

    exemple (tu peut tester en cliquant sur l'image qu'elle renvoie bien vers son lien)

    image
    Cela impose 2 contraintes:

    1 - tu devra passer par une section texte + car la section image n'accepte pas d'ajouter un lien

    2 - il te faudra héberger toutes tes petite images pour récupérer leur adresse url

    tu va donc te retrouver avec un article en mode bouillon avec une série d'image les unes sous les autres qui pointe toutes vers le lien de leur catégorie respective

    • Tu bascule ton article en mode HTML et tu récupère tout son code par un "copier" (tu peux éventuellement le coller provisoirement sur ton "bloc note")

    • tu va ensuite en gérer..;thème...configuration

    • Tu cherche un module texte libre disponible ou tu ouvre un module existant et tu colle tout le code précédemment récupéré dans ce module en mode html (tu peux ensuite re basculer en mode texte..tu y verra tes images et leurs lien)


    sur ta colonne droite de blog, tu verra bien tes images les une sous les autres pointant vers leur catégorie.

    si tu ajoute des catégories il faudra à chaque fois refaire la même méthode pour ajouter son image et son lien


  • lady.fleur-bleuelady.fleur-bleue
    Merci beaucoup Mehdi ; 
    Je vais essayer d'y arriver, ce n'est pas gagné, que la force soit avec moi !:D
     Bon week-end Cordialement.:\">
  • Mehdi 2Mehdi 2
    Fait un test en créant 3 catégories (article brouillon)......si tu y arrive cela sera facile ensuite d'ajouter toutes les catégories souhaités

    il te faut au préalable de bonne petite image bien dimensionné et toute a la même dimensions (hauteur -largeur)
  • lady.fleur-bleuelady.fleur-bleue
    Bonsoir, Mehdi ; 
    Hum me re-voilà ! :)
    Donc voilà un peu le résumé de mes démêlés avec Html Css et cætera...
    La bonne nouvelle, c'est que j'ai réussi à ce que mes bannières soient toutes de la même dimension et sans contour blanc.
    La moins bonne nouvelle, c'est quoique j'ai opté pour une dimension de l'image de 400/200 sur le blog, les vignettes, ne sont pas grands, d'ailleurs, j'ai laissé en état sur le blog pour que tu puisses les voir.
    Et enfin la très mauvaise nouvelle, c'est que malgré des heures passées à suivre ton mode d'emploi rien, n'est fait, je ne suis pas arrivé à mettre mon petit bidouillage à la place de catégorie !
    Bonne fin de journée 
    Cordialement :-h
  • Mehdi 2Mehdi 2
    Bonjour

    la dimension de tes images est de 165 x 82  (pas 400/200)

    il faudrait 300 x 82 (c'est a dire plus large..même hauteur...voir légèrement moins haut)

    sinon, je vois le  module que tu a crée et c'est ce qu'il fallait faire

    tu ne peux pas mettre "a la place".........tu peux créer un module avec tes catégories en images comme tu viens de le faire et ensuite choisir de garder apparent le module catégories initiale ou demander  en configuration à le rendre non visible

  • lady.fleur-bleuelady.fleur-bleue
    Merci Mehdi, juste une dernière question sur ce sujet , en tous les cas je l'espère !:D
    Comment, fait-on pour cacher la catégorie originale ? 
    Bonne nuit.:)

  • Mehdi 2Mehdi 2
    Bonsoir

    Va dans  "gérer"......"thème"...."configuration" et décoche la case: "afficher les catégories"
  • lady.fleur-bleuelady.fleur-bleue
    Bonjour Mehdi;

    Tout est parfait dommage que je ne peux pas avoir mes vignettes un peu plus grandes, mais tant pis en tous les cas pour l'unième fois merci beaucoup.
     
    Bonne journée:)  

    Cordialement.:-h
  • Mehdi 2Mehdi 2
    Bonjour

    tu peux avoir tes vignettes plus grande, il te suffit avec photofiltre de les mettre à la bonne dimension

    actuellement elles sont en  165 px x 82 px

  • lady.fleur-bleuelady.fleur-bleue
    Excellent ! merci mille fois et de tout mon cœur  Mehdi =D>
    image
  • Mehdi 2Mehdi 2
    Je viens de regarder ton blog..la, tu a augmenter la hauteur de tes images..tu peux aussi augmenter  leur largeur si tu le souhaite

    le module accepte jusqu’à 300 px de large il me semble
  • lady.fleur-bleuelady.fleur-bleue
    Maintenant que j'ai enfin compris le système, je vais m'y mettre pour faire un joli rectangle dès que j'aurais un moment où au pire ce week-end en espérant que je ne flinguerais pas tout ce que j'ai enfin réussi ! :\">

    Bonne après-midi Mehdi.:)

    Cordialement.
  • Mehdi 2Mehdi 2
    Cela ira....tu a compris le principe c'est le principal...le reste c'est juste du "réglage"

  • lady.fleur-bleuelady.fleur-bleue
    Bonjour Mehdi;

    Voilà toutes mes petites vignettes sont installés exactement comme je le voulais, béé finalement, je vais bientôt devenir une pro comme toi, et même prendre ta place,  : " dis la fille dont les chevilles enflent à vue d'œil ";:D  bon ne pousse pas, c'est juste une blague et oui, je connais la sortie, je m'y dirige tout de suite hihihi...

    Merci beaucoup pour ton aide et ta patience très bonne week-end :)

    Cordialement :-h
  • Mehdi 2Mehdi 2
    Bonjour

    je les vois en effet

    personnellement je te suggère à l'occasion, de les faire plus large vu que le module accepte jusqu’à dans les 300 px de large.....

    je ne mettrais pas de texte a l’intérieur des images pour les rendre plus lisible et j’augmenterais un peu la police de leur titre

    Bon week end aussi

Rédiger un commentaire