• Fredcloclo3

    Fredcloclo m'a proposé un code pour son montage avec des bordures images animées mais sous une forme très lourde pour le programme.

    J'ai donc voulu revoir ce qu'on pouvait faire de manière simple, ici avec une image en gradiant mais on peut y placer des textures animées.

    Il est préférable d'utiliser une div (division) pour le cadre principal puis des paragraphes (<p>) pour les différents cadres intérieurs car le montage est ainsi plus léger.

     

    coucou

    <div style="width: 1000px; height: 563px; margin: 30px auto; text-align: center; border: 1px solid black; border-radius: 50px; background: url('http://ekladata.com/QhfFP5IYzZRFjVAd9sBAaIPeHMw/rainb3.jpg'); background-size: cover;">
    <p style="position: absolute; width: 970px; height: 533px; border-radius: 40px; margin: 15px 15px; background: black; font-size: 22px; color: white;">coucou <br /><img src="http://ekladata.com/mii32ADC22Soh6UuwAIHm7XryQA@100x100.gif" alt="" /><br>Le reste de votre article ici.<br>....</p>
    </div>

    Son choix est un fond noir et donc de textes en couleur claire.

    Le principe est de faire le cadre du montage avec une image de fond et de placer, par dessus, des paragraphes, de dimensions et position définies, avec des fonds différents, pour laisser apparaître comme une ou des bordures.

    Place à votre imagination...