• Bordure page

    Beaucoup en savent bien plus que moi sur les logiciels de traitement d'image et sont capables de réaliser des modules pour remplir ensuite un cadre, en code source.

    Un site qui peut vous aider: ICI.

    J'ai sélectionné sur un exemple du net, la partie spirale, que j'ai placée sur un cadre avec motif de 800x138px, avec un motif de mon choix, qui va me servir de module pour remplir un cadre de 800x450px, dans lequel je placerai ce que je veux.

    Le principe: supposons un cadre de 800x450px, à remplir avec ce motif :

    Votre article.

    <p style="float:left; width: 800px; height: 450px; border: 1px solid black; background: url('http://ekladata.com/f3463HEbuBR1eswTHwwQoQLvE7M.jpg'); background-size: contain;">&nbsp;</p>

     

     

     


    Le motif de gauche peut être une image personnelle ou un gif animé.

    Votre article.

    <p style="float: left; width: 800px; height: 450px; border: 1px solid black; background: url('http://ekladata.com/d3aD1gpiLxkNwuLp6VYSWGNstWs.jpg') repeat-y left top, url('http://ekladata.com/_MnFZ-Gzlevc1PIta7kt4j5PEoY/00044.jpg');">&nbsp;</p>


    Votre article.

    <p style="float:left;width: 800px; height: 450px; border: 3px solid green; background:url(http://ekladata.com/Ffs5j5i4hUIkpagzSI1lTcNDZnc.gif) repeat-y left top, url(http://fonds.toutimages.com/fo_beige/beige002.gif); ">&nbsp;</p>


    La répétition du motif peut être horizontale et son positionnement à droite ou en bas.

    Voici un modèle que vous pouvez modifier:


    Votre article.

    Avec un fond en gradient.

    Une autre spirale à votre disposition