Papier Cadre STYLE .::. JUSTSEV

Papier Cadre STYLE

Mercredi 30 janvier 2008 Pas de commentaire

Vous êtes ici Accueil > Tutoriels > Tuto incredimail > Papier Cadre STYLE

Papier cadre simple 100%

papier cadre simple 100%

Faire un cadre et le diviser en 3 lignes et 3 colonnes

1,2,3.gif pour la premiere ligne
4,5,6.gif pour la deuxieme ligne
7,8,9.gif pour la troisièeme ligne

<TABLE id=INCREDIMAINTABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD align="center" valign="top">

<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0"><!-- CHANGEMENT DE TAILLE ICI EN % OU PX -->
<TBODY>
<TR>
<td width="100%" height="36" id="INCREDIHEADER" colspan="3">
<p align="center">&nbsp;</p>
<p align="center"><img src="entete.gif" width="262" height="41" border="0"></p>
<p align="center">&nbsp;</p>
</td>
</TR>
<TR>
<TD id=INCREDIHEADER width="46" height="48"><IMG id=INCREDISETASATTACH alt="" hspace=0 src="1.gif" align=baseline border=0 width="46" height="138"></TD>
<td width="100%" id="INCREDIHEADER" background="2.gif" height="48"></td>
<td width="24" id="INCREDIHEADER" height="48"><IMG id=INCREDISETASATTACH alt="" hspace=0 src="3.gif" align=baseline border=0 width="24" height="138"></td>
</TR>
<TR>
<TD id=CENTERROW width="100%" colspan="3">
<TABLE cellSpacing=0 cellPadding="0" width="100%" border=0>
<TBODY>
<TR>
<TD id=INCREDITEXTLEFT width=0% height="100%" background="4.gif"></TD>
<TD id=INCREDITEXTREGION style="FONT-SIZE: 10pt" vAlign=top width="100%" height="100%" background="5.gif">
<DIV>
<p>&nbsp;</p>
</div>
</TD>
<TD id=INCREDITEXTRIGHT width=0% height="100%" background="6.gif"></TD>
</TR>
</TBODY>
<TR>
<td width="1%" id="INCREDITEXTLEFT"><img src="7.gif" width="46" height="21" border="0"></td>
<td width="100%" valign="top" background="8.gif" id="INCREDITEXTREGION" style="font-size:10pt;"></td>
<td id="INCREDITEXTRIGHT"><img src="9.gif" width="24" height="21" border="0"></td>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD id=INCREDIFOOTER width="100%" colspan="3">
<TABLE cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD vAlign=bottom>
<TABLE>
<TBODY>
<TR>
<TD width="100%"></TD>
<TD id=INCREDISOUND vAlign=bottom align=middle></TD>
<TD id=INCREDIANIM vAlign=bottom align=middle></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
<TR>
<TD vAlign=bottom width="100%">
<TABLE contentEditable=true style="FONT-SIZE: 12pt; MARGIN: 3px; WIDTH: 100%; FONT-FAMILY: Times New Roman" width="100%">
<TBODY>
<TR>
<TD>
<DIV>
<p align="center"><FONT face=Verdana size=1>Crédits</FONT></p>
</DIV>
<DIV>
</DIV>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>

</TD>
</TR>
</TBODY>
</TABLE>

</BODY>
</html>

papier cadre simple 100% - 68

Papier cadre simple 400px de large

papier cadre simple 400px

Faire un cadre et le diviser en 3 lignes et 3 colonnes

1,2,3.gif pour la premiere ligne
4,5,6.gif pour la deuxieme ligne
7,8,9.gif pour la troisièeme ligne

<TABLE id=INCREDIMAINTABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD align="center" valign="top">

<TABLE cellSpacing=0 cellPadding=0 width="400" border=0"><!-- CHANGEMENT DE TAILLE ICI EN % OU PX -->
<TBODY>
<TR>
<td width="100%" height="36" id="INCREDIHEADER" colspan="3">
<p align="center">&nbsp;</p>
<p align="center"><img src="entete.gif" width="262" height="41" border="0"></p>
<p align="center">&nbsp;</p>
</td>
</TR>
<TR>
<TD id=INCREDIHEADER width="46" height="48"><IMG id=INCREDISETASATTACH alt="" hspace=0 src="1.gif" align=baseline border=0 width="46" height="138"></TD>
<td width="100%" id="INCREDIHEADER" background="2.gif" height="48"></td>
<td width="24" id="INCREDIHEADER" height="48"><IMG id=INCREDISETASATTACH alt="" hspace=0 src="3.gif" align=baseline border=0 width="24" height="138"></td>
</TR>
<TR>
<TD id=CENTERROW width="100%" colspan="3">
<TABLE cellSpacing=0 cellPadding="0" width="100%" border=0>
<TBODY>
<TR>
<TD id=INCREDITEXTLEFT width=0% height="100%" background="4.gif"></TD>
<TD id=INCREDITEXTREGION style="FONT-SIZE: 10pt" vAlign=top width="100%" height="100%" background="5.gif">
<DIV>
<p>&nbsp;</p>
</div>
</TD>
<TD id=INCREDITEXTRIGHT width=0% height="100%" background="6.gif"></TD>
</TR>
</TBODY>
<TR>
<td width="1%" id="INCREDITEXTLEFT"><img src="7.gif" width="46" height="21" border="0"></td>
<td width="100%" valign="top" background="8.gif" id="INCREDITEXTREGION" style="font-size:10pt;"></td>
<td id="INCREDITEXTRIGHT"><img src="9.gif" width="24" height="21" border="0"></td>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD id=INCREDIFOOTER width="100%" colspan="3">
<TABLE cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD vAlign=bottom>
<TABLE>
<TBODY>
<TR>
<TD width="100%"></TD>
<TD id=INCREDISOUND vAlign=bottom align=middle></TD>
<TD id=INCREDIANIM vAlign=bottom align=middle></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
<TR>
<TD vAlign=bottom width="100%">
<TABLE contentEditable=true style="FONT-SIZE: 12pt; MARGIN: 3px; WIDTH: 100%; FONT-FAMILY: Times New Roman" width="100%">
<TBODY>
<TR>
<TD>
<DIV>
<p align="center"><FONT face=Verdana size=1>Crédits</FONT></p>
</DIV>
<DIV>
</DIV>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>

</TD>
</TR>
</TBODY>
</TABLE>

</BODY>
</html>

papier cadre simple 400 - 67

Papier cadre double colonne 70% de large

papier cadre double colonne

Vous devez faire un cadre et le diviser en 3 lignes et 5 colonnes.

j’ai nommé les images

1,2,3,4,5.gif pour la premiere ligne
21,22,23,24,25.gif pour la deuxieme ligne
31,32,33,34,35.gif pour la troisièeme ligne

<TABLE id=INCREDIMAINTABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD align="center" valign="top">

<TABLE cellSpacing=0 cellPadding=0 width="70%" border=0"><!-- CHANGEMENT DE TAILLE ICI EN % OU PX -->
<TBODY>
<TR>
<td width="100%" height="36" id="INCREDIHEADER" colspan="5">
<p align="center"><img src="entete.gif" width="151" height="51" border="0"></p>
</td>
</TR>

<TR>
<TD id=INCREDIHEADER width="9" height="48"><img src="1.gif" width="8" height="58" border="0"></TD>
<td height="48" id="INCREDIHEADER" background="2.gif" width="150">
<!-- regler la taille du tableau 150 -->
       <table width="150">
                    <tr>
                        <td>
                            <p>&nbsp;</p>
                        </td>
                    </tr>
                </table>
<!-- fin regler la taille du tableau 150 -->
</td>

<td width="56" height="48" id="INCREDIHEADER"><img src="3.gif" width="67" height="58" border="0"></td>
<td width="100%" id="INCREDIHEADER" background="4.gif" height="48"></td>
<td width="12" id="INCREDIHEADER" height="48"><IMG id=INCREDISETASATTACH alt="" hspace=0 src="5.gif" align=baseline border=0 width="11" height="58"></td>
</TR>

<TR>
<TD id=CENTERROW width="100%" colspan="5">
<TABLE cellSpacing=0 cellPadding="0" width="100%" border=0>
<TBODY>
<TR>
<td width="1%" height="100%" id="INCREDITEXTLEFT" background="21.gif"></td>
<td width="1%" height="100%" background="22.gif" id="INCREDITEXTLEFT" valign="top">
<!-- regler la taille du tableau 150 -->
    <table width="150">
                    <tr>
                                    <td  style="FONT-SIZE: 10pt" valign="top">
                                        <ul>
                                            <li><a href="http://">Lien</a></li>
                                            <li><a href="http://">Lien</a></li>
                                            <li><a href="http://">Lien</a></li>
                                        </ul>
                                        <p>ou autre...</p>
                                    </td>
                    </tr>
                </table>

 <!-- fin regler la taille du tableau 150 -->
</td>

<TD id=INCREDITEXTLEFT width=0% height="100%" background="23.gif"></TD>
<TD id=INCREDITEXTREGION style="FONT-SIZE: 10pt" vAlign=top width="100%" height="100%" background="24.gif">
<DIV>
<p>&nbsp;</p>
</div>
</TD>
<TD id=INCREDITEXTRIGHT width=0% height="100%" background="25.gif"></TD>
</TR>
</TBODY>

<TR>
<td width="1%" id="INCREDITEXTLEFT"><img src="31.gif" width="8" height="66" border="0"></td>
<td id="INCREDITEXTLEFT" background="32.gif">&nbsp;</td>
<td width="1%" id="INCREDITEXTLEFT"><img src="33.gif" width="67" height="66" border="0"></td>
<td width="100%" valign="top" background="34.gif" id="INCREDITEXTREGION" style="font-size:10pt;"></td>
<td id="INCREDITEXTRIGHT"><img src="35.gif" width="11" height="66" border="0"></td>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD id=INCREDIFOOTER width="100%" colspan="5">
<TABLE cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD vAlign=bottom>
<TABLE>
<TBODY>
<TR>
<TD width="100%"></TD>
<TD id=INCREDISOUND vAlign=bottom align=middle></TD>
<TD id=INCREDIANIM vAlign=bottom align=middle></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
<TR>
<TD vAlign=bottom width="100%">
<TABLE contentEditable=true style="FONT-SIZE: 12pt; MARGIN: 3px; WIDTH: 100%; FONT-FAMILY: Times New Roman" width="100%">
<TBODY>
<TR>
<TD>
<DIV>
<DIV align=center><FONT face=Verdana size=1>.::Crédits::.</FONT></DIV>
</DIV>
<DIV>
</DIV>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>

</TD>
</TR>
</TBODY>
</TABLE>

</BODY>
</html>

papier cadre double colonne - 55

Papier cadre simple + scroll

papier cadre simple scroll

Faire un cadre et le diviser en 3 lignes et 3 colonnes

1,2,3.gif pour la premiere ligne
4,5,6.gif pour la deuxieme ligne
7,8,9.gif pour la troisièeme ligne

<TABLE id=INCREDIMAINTABLE cellSpacing=0 cellPadding=0 width="100%" border=0</li><TBODY>
<TR>
<TD align="center" valign="top">

<TABLE  cellSpacing=0 cellPadding=0 width="400" border=0"><!-- CHANGEMENT DE TAILLE ICI EN % OU PX -->
<TBODY>
<TR>
<td width="100%" height="22" id="INCREDIHEADER" colspan="3">
<p align="center">&nbsp;</p>
</td>
</TR>
<TR>
<TD id=INCREDIHEADER width="6" height="11"><IMG id=INCREDISETASATTACH alt="" hspace=0 src="1.gif" align=baseline border=0 width="13" height="16"></TD>
<td width="93%" id="INCREDIHEADER" background="2.gif" height="11"></td>
<td width="63" id="INCREDIHEADER" height="11"><IMG id=INCREDISETASATTACH alt="" hspace=0 src="3.gif" align=baseline border=0 width="63" height="16"></td>
</TR>

<TR>
<TD id=CENTERROW width="100%" colspan="3">
<TABLE cellSpacing=0 cellPadding="0" width="100%" border=0>
<TBODY>
<TR>
<TD id=INCREDITEXTLEFT width=0% height="100%" background="4.gif"></TD>
<TD  style="FONT-SIZE: 10pt" vAlign=top width="100%" height="400" background="5.gif">
<DIV>
<p align="center"><img src="justsev.gif" width="324" height="134" border="0"></p>
</DIV>
<DIV id=INCREDITEXTREGION style="
  OVERFLOW: auto;
  scrollbar-3dlight-color: #FFFFFF;
  scrollbar-arrow-color: #FFFFFF;
  scrollbar-base-color: #AAD5FE;
  scrollbar-darkshadow-color: #FFFFFF;
  scrollbar-shadow-color: #FFFFFF;
  scrollbar-face-color: #AAD5FE;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-track-color: #AAD5FE;
  HEIGHT: 300px;
  width:100%">
<p>&nbsp;</p>

</div>
</TD>
<TD id=INCREDITEXTRIGHT width=0% height="100%" background="6.gif"></TD>
</TR>
</TBODY>
<TR>
<td width="1%" id="INCREDITEXTLEFT"><img src="7.gif" width="13" height="20" border="0"></td>
<td width="100%" valign="top" background="8.gif" id="INCREDITEXTREGION" style="font-size:10pt;">

</td>
<td id="INCREDITEXTRIGHT"><img src="9.gif" width="63" height="20" border="0"></td>
</TR>
</TABLE>
</TD>
</TR>

<TR>
<TD id=INCREDIFOOTER width="100%" colspan="3">
<TABLE cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD vAlign=bottom>
<TABLE>
<TBODY>
<TR>
<TD width="100%"></TD>
<TD id=INCREDISOUND vAlign=bottom align=middle></TD>
<TD id=INCREDIANIM vAlign=bottom align=middle></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>

<TR>
<TD vAlign=bottom width="100%">
<TABLE contentEditable=true style="FONT-SIZE: 12pt; MARGIN: 3px; WIDTH: 100%; FONT-FAMILY: Times New Roman" width="100%">
<TBODY>
<TR>
<TD>
<DIV>
<DIV align=center><FONT face=Verdana size=1>.::Crédits::.</FONT></DIV>
</DIV>
<DIV>
</DIV>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>

</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>

</TD>
</TR>
</TBODY>
</TABLE>

</BODY>
</html>

papier cadre simple scroll - 69

Si vous avez besoin d’ajouter un scroll à un autre modèle de lettre…

c’est ceci qu’il faut ajouté dans la cellule ou se trouve normalement le texte de votre lettre.

Il faut que vous enleviez le « id=INCREDITEXTREGION » qui se trouve à l’origine dans le tag <td id=INCREDITEXTREGION>

Puis ajoutez ceci dans la cellule on l’on écrit normalement le texte

<DIV id=INCREDITEXTREGION style="
OVERFLOW: auto;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
scrollbar-base-color: #AAD5FE;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-face-color: #AAD5FE;
scrollbar-highlight-color: #FFFFFF;
scrollbar-track-color: #AAD5FE;
HEIGHT: 300px;
width:100%">
TEXTE
</div>

papier cadre scroll seul - 53

Papier cadre avec curseur

papier cadre avec curseur gif

A mettre entre les 2 balises <head></head> de votre flavor.htm

code si votre curseur est hébergé en ligne

<STYLE>
BODY
{
CURSOR:url('http://votresite.com/dossier/oiseau.ani')
}
A:link
{
CURSOR: url('http://votresite.com/dossier/oiseauclic.ani')
}
A:visited
{
CURSOR: url('http://votresite.com/dossier/oiseauclic.ani')
}
A:active
{
CURSOR: url('http://votresite.com/dossier/oiseauclic.ani')
}
A:hover
{
CURSOR: url('http://votresite.com/dossier/oiseauclic.ani')
}
</STYLE>

papier cadre curseur - 63

Papier cadre div image

papier cadre avec div image

Vous devez faire un papier normal, simple avec une image, ou un tag, vous le placez n’importe ou dans lettor creator (en-tete, droite, gauche) enregistrez votre projet et ouvrez votre enveloppe comme pour les papiers cadre.

Vous copiez et collez le code ci dessous a la place de l’orginal et remplacer l’image de la div par la votre

le code :

<TABLE id=INCREDIMAINTABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD align="center" valign="top">

<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><!-- CHANGEMENT DE TAILLE ICI EN % OU PX -->
<TBODY>
<TR>
<TD id=INCREDIHEADER width="100%">

<TABLE contentEditable=true style="FONT-SIZE: 12pt; MARGIN: 3px; WIDTH: 100%; FONT-FAMILY: Times New Roman" width="100%">
<TBODY>
<TR>
<TD>
<DIV>
<p align="center"><img src="jemeposaisunepetitequestion.gif" width="312" height="36" border="0"></p>
<p align="center">&nbsp;</p>
</DIV>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>

<TR>

<TD id=CENTERROW width="100%">
<TABLE cellSpacing=0 cellPadding=2 width="100%" border=0>
<TBODY>
<TR>
<TD id=INCREDITEXTLEFT width=0%>
<TABLE contentEditable=true style="FONT-SIZE: 12pt; MARGIN: 3px -1px 3px -5px; WIDTH: 100%; FONT-FAMILY: Times New Roman" width="100%">
<TBODY>
<TR>
<TD>
<DIV>&nbsp;</DIV>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>

<TD style="FONT-SIZE: 10pt" vAlign=top width="100%">
<!-- VOTRE DIV IMAGE -->
<div style="margin-right:10px; width:auto; height:auto; float:left;">
<img src="joshquestion.gif" width="338" height="418" border="0">
</DIV>
<!-- FIN VOTRE DIV IMAGE -->

<!-- LA DIV DU TEXTE -->
<DIV id=INCREDITEXTREGION>
<p>&nbsp;</p>
</div>
<!-- FIN LA DIV DU TEXTE -->

</TD>

</TR>

</TBODY>
</TABLE>
</TD>
</TR>

<TR>
<TD id=INCREDIFOOTER width="100%">

<TABLE cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD vAlign=bottom>

<TABLE>
<TBODY>
<TR>
<TD width="100%"></TD>
<TD id=INCREDISOUND vAlign=bottom align=middle></TD>
<TD id=INCREDIANIM vAlign=bottom align=middle></TD>
</TR>
</TBODY>
</TABLE>

</TD>
</TR>

<TR>
<TD vAlign=bottom width="100%">

<TABLE contentEditable=true style="FONT-SIZE: 12pt; MARGIN: 3px; WIDTH: 100%; FONT-FAMILY: Times New Roman" width="100%">
<TBODY>
<TR>
<TD>
<DIV align=center><FONT face=Verdana size=1>Crédit : </FONT></DIV>
<DIV align=center><FONT face=Verdana size=1>images </FONT><A href="http://www/"><FONT face=Verdana size=1>www</FONT></A>&nbsp;</DIV>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>

</TD>
</TR>
</TBODY>
</TABLE>

</TD>
</TR>
</TBODY>
</TABLE>

</BODY>
</html>

papier cadre div image - 53

C’est un peu comme le papier scroll, c’est au niveau de la cellule on l’on met normalement le texte qu’il y a des changements à la ligne ou se trouve <td id=INCREDITEXTREGION>

si vous voulez le faire vous-meme

<TD style="FONT-SIZE: 10pt" vAlign=top width="100%">

<!-- VOTRE DIV IMAGE -->
<div style="margin-right:10px; width:auto; height:auto; float:left;">
<img src="VOTREIMAGE.gif" width="338" height="418" border="0">
</DIV>
<!-- FIN VOTRE DIV IMAGE -->

<!-- LA DIV DU TEXTE -->
<DIV id=INCREDITEXTREGION>  <p>&nbsp;</p>
</div>
<!-- FIN LA DIV DU TEXTE -->
</TD>

papier cadre div seule - 58

Info post

im, incredimail, papier cadre, Tuto, tutorial, tutoriel

Laisser un commentaire

TOP