• Une bordure double aux images du contenu

    Met une bordure blanche de 4px "pixels" plus une ombre portée aux images du contenu

    y compris aux avatars des commentaires 

    exemple 

     

    Code CSS

    .module_contenu img { border: 4px double #ffffff;
        box-shadow: 0px 0px 20px #000000;
       }

     Vous pouvez changer dans le code 

    la couleur de la bordure 

    l'épaisseur de la bordure

    L'intencité le l'ombre 

    et la couleur de l'ombre

    L'arrondis des coins 

    Avec les coins arrondis  

    Code CSS

    .module_contenu img { border: 4px double #ffffff;
        box-shadow: 0px 0px 20px #000000;
    border-radius:10px; }

     *

    Coller le code à l'emplacement css 

    *

     

    « Supprimer les barres blanches de la barre des menusflèches haut et bas 1 »

  • Commentaires

    1
    Dimanche 26 Janvier 2014 à 12:00

    Et bin ça yé j'ai réussi WOUAOUUUUUUUUUUU Ce que je ne faisais pas, c'est de sélectionner le lien avant de faire copier. Maintenant j'ai compris

    Merci beaucoup.

    2
    Mercredi 29 Janvier 2014 à 10:47

    merciiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii !!!

    3
    Mercredi 5 Février 2014 à 01:08

    coucou ma belle

    Wouaaaaaaaah superbe idée cela fait ressortir les créations de manière étonnante merciiiiiiiii 

    bisous bisous et prends bien soin de toi

     

    4
    Jeudi 13 Février 2014 à 01:12

    Merci pour tous ces précieux conseils , j'aurais aimé trouver un curseur cygne , mais à la place j'ai pris une coccinelle . Douce nuit .

    5
    Jeudi 27 Février 2014 à 15:38

    Merci pour ce code, cela mévitera de le rajouter dans le htlm, et ça le fera à chaque image

    mais je vais enlever le code encadrement mdr !!!

    biz @+

    6
    Samedi 15 Mars 2014 à 15:26

    Ma chère Manola, 

    c'est une idée excellente cette bordure double autour des créas dans le contenu, je viens d'essayer et le rendu est magnifique, du coup les créas sont nettement mise en valeur!

    Un très grand merci Manola, c'est super gentil, j'apprécie beaucoup toutes tes astuces et conseils pour améliorer nos blogs et tu es géniale de partager de telles informations, elles sont précieuses!

    Excellent week-end, de gros bisous s'envolent vers la Belgique!

    7
    Samedi 5 Avril 2014 à 16:45

    Merçi du tuyau ca fontionne très bien

    amitié

    mimi

    8
    Dimanche 13 Avril 2014 à 11:36

    merci pour tout le travail que tu realise

    bon dimanche bisous amitiés

    juju

    9
    Vendredi 18 Avril 2014 à 08:22

    Bonjour,

    Encore une très bonne astuce et ça marche super !

    Merci pour tous ces précieux renseignements, mon blog à vraiment un autre style ,

    Merci encore et bonne fin de semaine.

    10
    Dimanche 18 Mai 2014 à 15:06

    merci j'y suis arrive grace a toi et a ton travail 

    11
    Dimanche 15 Juin 2014 à 11:30

    Bonjour Manola. Merci pour tous ces codes; je les ai tous essaye et adopte

    ; ca fonctionne bien. Bon dimanche; gros bisous. Chrismarie

    12
    Vendredi 4 Juillet 2014 à 22:04

    Bonsoir , je passe voir ce que je peux faire pour améliorer mon blog ...bonne fin de soirée bisous 

    13
    Mardi 22 Juillet 2014 à 15:53

    Coucou Manola ,merci de cet encadremement ,ça me plait bien et ca change ,bisous et merci pour toutes ces nouveautés css que l on trouve chez toi bisous 

    14
    Jeudi 9 Avril 2015 à 12:41

    merci beaucoup!smile

    15
    Lundi 4 Mai 2015 à 20:05

    Coucou ma belle

    C'est vraiment, génial de ta part pour tout ce que tu partage.... j'y arrive petit à petit, ce que je ne sais pas faire aujourd'hui, je le refais demain

    Bonne fin de journée, je t'embrasse et encore un tout grand merci  Puce

    16
    Mercredi 3 Juin 2015 à 23:19

     

    Merci smile

    17
    Mercredi 2 Septembre 2015 à 09:58

    merci manola pour ces codes formidable  smile 

    18
    Jeudi 5 Novembre 2015 à 23:54
    19
    Dimanche 6 Décembre 2015 à 17:40

    merci pour tous ces codes très utiles  , je fini par comprendre un peu !! 

    et obtient ce que je veux !  à peu près  lol lol 

    amicalement  A+

    belle semaine  yes

    20
    Lundi 14 Décembre 2015 à 20:27

    bonsoir Manola

    D'abord merci pour tout ton travail

    Je viens solliciter ton aide

    Voilà mon problème

    Je souhaiterais mettre une bordure sur seulement 3 côtés d'un cadre, en l'occurrence le bas de module

    A l'aide du générateur de Papasti j'ai obtenu ceci :

    background-image: url('');
    background-repeat: no-repeat;
    border:4px double #480e80 ;
    border-radius: 0px 0px 40px 40px ;
    }

    Malgré mes bidouillages successifs je n'ai pas réussi à obtenir une bordure sur 3 côtés seulement

    Dans la mesure où cette manip serait possible, aurais-tu la solution STP ?

    merci d'avance

    Agnès

    21
    Mardi 15 Décembre 2015 à 07:32

    c'est pas possible !!

    moi aussi cela m’arrangerai pour certain code désoler!!!

      • Mardi 15 Décembre 2015 à 13:34

        merci quand même

        bonne journée

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :