Créer un tableau de mise en page & insérer le code

Infos générales: l'association

Qui sommes-nous ?

Notre boutique en ligne

Achetez facilement mes produits sur

casaliberta

Les bijoux

Notre bric à brac en ligne

Les bons plans des mamans

Nos expos-ventes

Concept des expos-ventes

scrapbooking & scrapping

Autres loisirs créatifs

Les anniversaires créatifs

Qu'est-ce qu'un goûter créatif ?

Les fêtes

Les ressources pour les blogs

Sites & blogs pour les mamans

Communautés

liste complète

         Je vous propose ici de recréer la mise en page de mon tableau final, dans over-blog.com

1/ en cliquant sur "Accèder aux fonctions avancées" ci-dessus, vous allez découvrir :
a/   l'icone "tableau", qui est la même dans word, excell etc...
b/   un onglet " Editer la source": il vous amène à la version codée de votre page, le fameux HTML

2/ on sélectionne l'outil tableau et on le rempli ainsi:

**Mon 1er tableau**
Lignes = 3 Colonne= 0
Bordure= 1
Largeur= 400pixels Alignement= Gauche

vous obtenez ceci

**Mon 1er tableau**

3/ maintenant, on clique sur l'onglet " Editer la source" et on obtient ceci: pour revenir à votre page,
recliquer sur " Editer la source"

code HTML

_ en bleu: ce sont les paramètres que nous avons choisis en créant notre tableau; noter qu'elles commencent par <table> et finissent par </table>
_ en rouge: c'est le titre (caption) que nous avons donné à notre tableau
_ en jaune: ce sont nos 3 cellules ( lignes); noter seulement qu'elles commencent par les balises <td> et finissent par </td>, ainsi vous répèrez par ces balises le début et la fin de chaque ligne.

plus d'infos HTML avec Lisa

4/ nous allons insérer à la 2ème ligne du tableau notre diaporama:
a/ récupérer le code sur le site où vous avez créer votre diaporama, sinon, copier (clic droit)
le code de Casa del Liberta pour finir le tutoriel:

Le code de notre diaporama, clic droit >> copier
<p style="visibility:visible;"><object type="application/x-shockwave-flash" data="http://widget-c8.slide.com/widgets/slideticker.swf" height="320" width="426" style="width:426px;height:320px"><param name="movie" value="http://widget-c8.slide.com/widgets/slideticker.swf" /><param name="quality" value="high" /><param name="scale" value="noscale" /><param name="salign" value="l" /><param name="wmode" value="transparent"/> <param name="flashvars" value="cy=ms&il=1&channel=1369094286723091144&site=widget-c8.slide.com"/></object><p><a href="http://www.slide.com/pivot?cy=ms&ad=0&id=1369094286723091144&map=1" target="_blank"><img src="http://widget-c8.slide.com/p1/1369094286723091144/ms_t021_v000_a000_f00/images/xslide1.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=ms&ad=0&id=1369094286723091144&map=2" target="_blank"><img src="http://widget-c8.slide.com/p2/1369094286723091144/ms_t021_v000_a000_f00/images/xslide2.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=ms&ad=0&id=1369094286723091144&map=E" target="_blank"><img src="http://widget-c8.slide.com/m/1369094286723091144/ms_t021_v000_a000_f00/images/xslide9_1.gif" border="0" ismap="ismap" /></a></p></p>

b/ maintenant, on clique sur l'onglet " Editer la source" ( pour revenir à votre page,
recliquer sur " Editer la source") et à la hauteur de notre 2ème ligne

<table cellspacing="1" cellpadding="1" width="400" align="left" border="1">
    <caption><br />
    <strong>Mon 1er tableau</strong> </caption>
    <tbody>
        <tr>
            <td><font size="2">           

           </font></td>
        </tr>
        <tr>
            <td>&#160</td> >>> ici, àprès 160, avant la balise </td>,
faites clic droit >> coller le code,
puis recliquer sur l'onglet " Editer la source pour revenir à votre mise en page
        </tr>
        <tr>
            <td><font size="2">         </font></td>
        </tr>
    </tbody>
</table>

>> et vous obtenez ceci:

**Mon 1er tableau**

Félicitations !!! votre diaporama sera visible dès la publication de votre page ou votre article !!!

insérons maintenons un lien mail pour contacter le webmaster du site, moi, par exemple