• Fond discret

    En ce moment, j'utilise des fonds de montage constitués d"un cadre avec dégradé et, par dessus, une image en filigrane et je trouve ça agréable ... et simple à mettre en place !

    Un fond doit rester discret pour que le montage soit bien visible et une image est souvent trop "présente"; les couleurs du fond dégradé peuvent être en couleurs rgba, qui permettent un réglage de l'opacité.

    Plusieurs façons d'écrire ça; pour le fond dégradé:

    <div style="width:40vw; height:46vh; border:0.3vh solid black; margin:2vh auto;"><p id="deg">&nbsp;</p></div>

    <style><!--

    #deg{position:absolute; width:40vw; height:46vh; background:linear-gradient(to bottom, rgba(100,0,0,0.5) 0%, rgba(0,100,0,0.3) 100%);}

    --></style>

     

    Il suffit d'ajouter un autre paragraphe, avec une image en fond et en position:absolute, avec opacité 30%, par exemple.

     

     

    <div style="width: 40vw; height: 46vh; border: 0.3vh solid black; margin: 2vh auto;">
    <p id="deg">&nbsp;</p>
    <p id="deg1">&nbsp;</p>
    </div>
    <style><!--
    #deg{position:absolute; width:40vw; height:46vh; background:linear-gradient(to bottom, rgba(100,0,0,0.5) 0%, rgba(0,100,0,0.3) 100%);}
    #deg1{position:absolute; width:40vw; height:46vh; background:url('http://ekladata.com/-cCYN6TIL5JfkemWx0pWAzsBgko.jpg'); background-size:40vw 46vh; opacity:0.3;}
    --></style>

    Et par dessus, votre montage que je ne positionne pas ici.

    Les dégradés sont ici avec 2 couleurs, mais on peut en placer plus, et dans des dispositions variées.