• Résolu Image en bas des modules


    Mardi 26 Juin à 11:33
    foxy53

    Bonjour 

    Dans mes menus, je souhaite que le bas de chaque module soit arrondi (comme pour le titre).

    Je n'ai pas trouvé la solution. Quelqu'un aurait(il l'astuce ? 

    Merci d'avance pour votre aide

     

    Mardi 26 Juin à 17:47
    Colette95

    Bonjour,

    Ta demande n'est pas vraiment explicite "images en bas de modules" et (comme pour le titre) car je ne vois rien de ce que tu indiques c'est à dire ni image ni titre arrondi.

    Mais si tu fais bien allusion aux modules contenus dans le menus1  (colonne de gauche) et menu2 (colonne de droite), comme je le pense, cette modification se fait à partir de codes css.

    Pour cela, aller dans Apparence -> Modifier le thème -> Ajouter du css et dans la fenêtre qui s'ouvre copier/coller les codes ci-dessous :

    #menu1 .module_menu_contenu {
        border-radius10px 10px
        }
    #menu2 .module_menu_contenu {
        border-radius10px 10px;
        }

    Les valeurs en rouge sont à adapter en fonction de l'arrondi souhaité.

    Mardi 26 Juin à 18:09
    foxy53

    Bonjour Colette

    Afin que les arrondis soient visibles sous IE, j'ai mis des images en png pour le haut des modules ainsi que pour le haut et le bas des articles.

    Merci pour ton aide, c'est exactement ce que je souhaitais.

    Bonne fin de journée

    Mardi 26 Juin à 18:53
    Colette95

    Le blog concerné n'était pas en ligne, c'est pour cela que je ne comprenais pas. Pour obtenir de l'aide il faut toujours mettre le plus de précisions possibles et évidemment l'url du blog concerné.

    En ce qui concerne les bords arrondis en haut du titre du module, tu peux faire beaucoup plus simple. Pas besoin de mettre une image à bords arrondis. Il suffit de mettre une couleur de fond dans les paramètres et dans la feuille de style où tu as déjà mis les codes précédents tu rajoutes ceux-ci :

    .module_menu_titre {
      border-radius: 10px 10px 0 0;
    }

    Bonne fin de journée et bonne continuation. smile

    Mardi 26 Juin à 19:27
    foxy53

    Je craignais que cela n'apparaisse pas sous IE vu qu'il n'est toujours pas compatible avec les W3C.

    Le blog concerné : Vox Populo

    Je continue sur ma lancée.
    Encore merci smile

    Mardi 26 Juin à 20:21
    Colette95

    Pour IE pas de problème avec ces codes, il les interprète très bien.

    Pour le W3C (css) tu fais une confusion. Pour obtenir la validation de celui-ci, il ne doit y avoir tout simplement aucune erreur dans ta feuille de style, les navigateurs n'étant en rien concernés. Et pour les bons élèves (comme moi he), j'ai le petit logo que tu peux voir sur mon blog en bas de colonne.

    Par contre pour le W3C (html), il n'est pas possible sur la plateforme Eklablog de l'obtenir en raison de quelques "erreurs" qui ne sont pas du fait des blogueurs et qu'il est impossible de rectifier puisque n'ayant pas accès aux codes en question. Dommage... sarcastic  




    Vous devez être membre pour poster un message.