Comment ajouter des paneaux comme vbr . [Archives]

suleiman

19/04/2007, 10h04

Salut .

Si vous avez déja votre style , mais sans paneau à gauche et à droite , vous pouves faire une petite modification pour ajouter ces paneaux .

Tout d'abord faites un design simple
comme ca par exemple :
http://www.vbulletin-ressources.com/forum/attachment.php?attachmentid=4004&stc=1&d=1176973098

Maintenant , découpez cette image en 6 parties :
image fixe_droit_haut
http://www.vbulletin-ressources.com/forum/attachment.php?attachmentid=3999&stc=1&d=1176972835
image fixe_droit_bas
http://www.vbulletin-ressources.com/forum/attachment.php?attachmentid=3998&stc=1&d=1176972835
image mobil_droit
http://www.vbulletin-ressources.com/forum/attachment.php?attachmentid=4002&stc=1&d=1176972835

image fixe_gauche_haut
http://www.vbulletin-ressources.com/forum/attachment.php?attachmentid=4001&stc=1&d=1176972835
image fixe_gauche_bas
http://www.vbulletin-ressources.com/forum/attachment.php?attachmentid=4000&stc=1&d=1176972835
image mobil_gauche
http://www.vbulletin-ressources.com/forum/attachment.php?attachmentid=4003&stc=1&d=1176972835

Maintenant , arrangez ces images dans un table .
le table general :

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
<tr>
<td width="41"><img border="0" src="fixe_gauche_haut.jpg" width="41" height="35"></td>
<td> </td>
<td width="41"><img border="0" src="fixe_droit_haut.jpg" width="41" height="35"></td>
</tr>
<tr>
<td width="41" background="mobil_gauche.jpg"> </td>
<td>
<p align="center"> </td>
<td width="41" background="mobil_droit.jpg"> </td>
</tr>
<tr>
<td width="41"><img border="0" src="fixe_gauche_bas.jpg" width="41" height="35"></td>
<td> </td>
<td width="41"><img border="0" src="fixe_droit_bas.jpg" width="41" height="35"></td>
</tr>
</table>

.........................

Ouvrez le template header , et tout en bas mettez :

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
<tr>
<td width="41"><img border="0" src="fixe_gauche_haut.jpg" width="41" height="35"></td>
<td> </td>
<td width="41"><img border="0" src="fixe_droit_haut.jpg" width="41" height="35"></td>
</tr>
<tr>
<td width="41" background="mobil_gauche.jpg"> </td>
<td>
<p align="center">

Ouvrez le template footer et tout en bas mettez :

</td>
<td width="41" background="mobil_droit.jpg"> </td>
</tr>
<tr>
<td width="41"><img border="0" src="fixe_gauche_bas.jpg" width="41" height="35"></td>
<td> </td>
<td width="41"><img border="0" src="fixe_droit_bas.jpg" width="41" height="35"></td>
</tr>
</table>

N.B.
-Pour le design , utilisez comme fond la couleur du fond de votre style .
-Dans src="" mettez le lien exact des images , et sera plus bien si vous mettez le grand lien : http://www.votresite/image....