Design-Tuto - Pour tous les webmaster !
  Ajout boite sur des design
 
Ajouter une boite de droite supplémentaire pour IceBlue !

Les valeurs de rouge, vous devez personnaliser selon vos besoins!

Citation:

<- Voici le code pour le positionnement -->


<style type="text/css">
<!--
table.rb_neu{position: absolute;left:200px;top:200px;}
-->
</style>

<- C'est ici que commence la véritable boîte de droite ->


<table class="rb_neu" width="168" border="0" cellspacing="0" cellpadding="0" id="table1">
<tr>
<td height="24" class="sidebar_heading" background="https://img.webme.com/designs/iceblue/images/heading_right.gif">&nbsp;</td>
</tr>
<tr>
<td style="background-repeat: no-repeat;background-color: #fafbfc;padding:5px;" background="https://img.webme.com/designs/iceblue/images/shouty.gif" class="shouty">Votre texte ici<br><br><p><br><br></td>
</tr>
<tr>
<td background="https://img.webme.com/designs/iceblue/images/poll_bottom_bg.gif" height="27" class="edit_rb_footer">
&nbsp;</td>
</tr>
</table>


Inserez le code dans Réglages Avancés-->Texte au dessus de design!



Ajouter une boit de droite supplémentaire pour Butterfly

Les valeurs de rouge, vous devez personnaliser selon vos besoins!

Citation:

<- Voici le code pour le positionnement -->


<style type="text/css">
<!--
table.rb_neu{position: absolute;left:200px;top:200px;}
-->
</style>

<- C'est ici que commence la véritable boîte de droite ->



<table class="rb_neu" width="182" border="0" cellspacing="0" cellpadding="0" id="table1">
<tr>
<td background="https://img.webme.com/designs/butterfly/images//headline_bg.gif" height="35" class="edit_rechts_headline">
<table width="182" border="0" cellspacing="0" cellpadding="0" id="table2">
<tr>
<td width="9" style="font-family: Tahoma; font-size: 10px; font-style: none; color: #000000; text-decoration: none"></td>
<td class="headline_bar_right" width="5"><img src="https://img.webme.com/designs/butterfly/images_blau/head.gif" width="5" height="21"></td>
<td width="4" style="font-family: Tahoma; font-size: 10px; font-style: none; color: #000000; text-decoration: none"></td>
<td width="155" class="headline7"><font color="#FFFFFF">Titel</font></td>
<td width="9" style="font-family: Tahoma; font-size: 10px; font-style: none; color: #000000; text-decoration: none">
&nbsp;</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="35" align="left" valign="top" bgcolor="#4B595B" class="edit_right_box">
<table width="182" border="0" cellspacing="0" cellpadding="0" id="table3">
<tr>
<td width="9" style="font-family: Tahoma; font-size: 10px; font-style: none; color: #000000; text-decoration: none"></td>
<td width="164" height="5" background="https://img.webme.com/designs/butterfly/images_blau/head.gif" class="edit_rechts_headline2"></td>
<td width="9" style="font-family: Tahoma; font-size: 10px; font-style: none; color: #000000; text-decoration: none"></td>
</tr>
<tr>
<td class="rb_bar_left" width="9">&nbsp;</td>
<td width="164" height="60" bgcolor="#FFFFFF" class="edit_right_box2" style="padding-left:5px;" valign="top">
Votre contenu ici</td>
<td class="rb_bar_right" width="9">&nbsp;</td>
</tr>
<tr>
<td class="rb_bar_bottom" colspan="3" height="9"></td>
</tr>
</table>
</td>
</tr>
</table>


Inserez le code dans Réglages Avancés-->Texte au dessus de design!



Ajouter une boite de droite supplémentaire pour DesignRed


Les valeurs de rouge, vous devez personnaliser selon vos besoins!

Citation:

<- Voici le code pour le positionnement -->


<style type="text/css">
<!--
table.rb_neu{position: absolute;left:200px;top:200px;}
-->
</style>

<- C'est ici que commence la véritable boîte de droite ->


<table class="rb_neu" width="215" border="0" cellspacing="0" cellpadding="0" id="table1">
<tr>
<td height="23" background="https://img.webme.com/designs/red/images/head.gif" style="border-top:4px solid #650000;padding-left:10px;color:white;" class="edit_rechts_header">
Titel</td>
</tr>
<tr>
<td height="17" style="font-family: Tahoma, arial, helvetica, serif; font-size: 12px">
<table width="215" border="0" cellspacing="0" cellpadding="0" id="table2">
<tr>
<td background="https://img.webme.com/designs/red/images/top.gif" height="23" class="edit_rechts_header2">
&nbsp;</td>
</tr>
<tr>
<td align="center" background="https://img.webme.com/designs/red/images/main.gif" class="edit_rechts_bg">Votre texte ici</td>
</tr>
<tr>
<td class="rb_footer"><img src="https://img.webme.com/designs/red/images/bottom2.gif" width="217" height="19"></td>
</tr>
</table></td>
</tr>
</table>


Inserez le code dans Réglages Avancés-->Texte au dessus de design!




Ajouter une boite de droite dans le desing "Yellow"!

Insérez le code suivant dans :
Ajouter un design--> Réglage du design--> Contenu de la première boîte d'extra (droite): Après le contenu de votre première boite!

Citation:
</td>
</tr>
<tr>
<td height="20" align="right">&nbsp;</td>
</tr>
</table>
<table width="182" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="20" align="right">&nbsp;</td>
</tr>
<tr>
<td align="left" background="https://img.webme.com/designs/gelb/images/right/bg_dark.gif" class="Right"><strong>Titre de la boite 2. </strong></td>
</tr>
<tr>
<td align="left"><img src="https://img.webme.com/designs/gelb/images/right/cut_light.gif" width="182" height="2"></td>
</tr>
<tr>
<td align="center" background="https://img.webme.com/designs/gelb/images/right/bg_light.gif" class="Right">
Contenu de la boite 2.


Répéter simplement le code pour une troisième boite!


 
 
  Aujourd'hui sont déjà 9 visiteurs (11 hits) Ici!  
 
Ce site web a été créé gratuitement avec Ma-page.fr. Tu veux aussi ton propre site web ?
S'inscrire gratuitement