Vous trouvez ça comment ?
J'ai laissé ça très monochromatique pour coller aux dessins de Rigamix et pour que ça passe avec tous les styles de Punbb qu'on a ici.
Il faudra bien sûr modifier le css.
La bannière sera ainsi coupée automatiquement en fonction des résolutions de chacun.
Je peux aussi changer l'ordre des vignettes et réaliser plusieurs bannières alternatives.
Edit : pensez à cliquer sur la bannière pour la voir à la taille réelle.
Re-edit : je vais ajouter des alternatives en fonction des remarques, si elles sont pertinentes et les changements faciles à faire.
Pour le css, dans base.css, il suffira de remplacer ça
/****************************************************************/
/* 0. CUSTOM STYLES. */
/****************************************************************/
#brdtitle {
z-index: 80;
position: relative;
padding: 0;
margin: 0 0 -5px 0;
background: transparent url(/banner04bg.gif) repeat-x 20px 0; }
#brdtitle h1 {
z-index: 90;
padding: 0;
margin: 0;
width: 100%;
height: 150px;
background: transparent url(/banner04.gif) no-repeat left top; }
#brdtitle > p {
z-index: 100;
position: absolute;
top: -15px;
right: -15px;
padding: 0;
margin: 0;
width: 156px;
height: 150px;
background: transparent url(/photo3.png) no-repeat 0 0; }
#brdtitle span {
z-index: 70;
display: none;
padding: 0;
margin: 0; }
p#prelude {
z-index: 95;
position: absolute;
top: 125px;
right: 5px;
padding: 0;
margin: 0;
width: auto;
height: auto;
background: none; }Par ça :
/****************************************************************/
/* 0. CUSTOM STYLES. */
/****************************************************************/
#brdtitle {
padding: 0;
margin: 0;
background: #D1D1D1; }
#brdtitle h1 {
z-index: 90;
padding: 0;
margin: 0;
width: 100%;
height: 150px;
background: #4a0000 url(http://kur0.free.fr/divers/images/banner05.jpg) no-repeat left top; }
#brdtitle span {
z-index: 70;
display: none;
padding: 0;
margin: 0; }
#prelude {
padding: 2px 5px;
color: #fff; }
#prelude a {
font-weight: bold;
color: #000; }