1ère étape : fixer la largeur de vos modules.

Je choisis 310px, ce qui est très large. En général, c'est plutôt 180px.

Dans le CSS, vous rajoutez

 

2ème étape : réaliser les côtés

Réaliser avec un logiciel de dessin une texture avec bordure de la largeur de vos modules. La hauteur n'a pas beaucoup d'importance, elle va se répéter.
Si vous désirez que l'on voit l'image de fond, pensez à garder l'intérieur transparent
Un exemple : 
Dimension totale de la texture : hauteur 30px-largeur 310px. 
Dimension totale de la frise : hauteur 30px-largeur de la frise 20px

Je place cette texture dans le CSS approprié :

J'obtiens :

Je constate que les puces à gauche et les mots à droite mordent sur les bordures

Je rajoute dans le même CSS des marges à droite et à gauche:

et j'obtiens

 


Elle doit toujours faire 310px de large, largeur du module.
Par contre, elle devra être haute de 20px, 2* la largeur de la frise. Car nous allons faire un retour vers le bas.

Ainsi :



Je le place ensuite dans le CSS en demandant qu'elle ne se répète pas


et j'obtiens


J'aimerai bien que mon titre soit sous la frise. Je le fais donc descendre :




Côté conception, c'est tout simple. Il suffit sur sur logiciel de dessin, de faire une rotation de 180° de l'entête.
 
Le voici donc :

Je le place dans le pied de module

Voilà, ce n'est aps bien difficile, il faut seulement être attentif et précautionneux.