<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:mb="http://www.meabilis.fr/ns/1.0" xmlns:georss="http://www.georss.org/georss">
  <channel>
    <title>Tout savoir sur les modules</title>
    <link>http://aide.meabilis.fr/guides/modules/</link>
    <language>fr_FR</language>
    <description></description>
    <item>
  <title>Le moteur de recherche interne</title>
  <description><![CDATA[
  <h2 class="newbi"><span>Le moteur de recherche interne</span></h2>
<p class="defaultP imgPicto"><img alt="Picto module moteur de recherche interne" src="http://aide.meabilis.fr/mbFiles/fileManager/picto/62_modSearch.png" style="float: left;" border="0">Le module "Recherche" permet de proposer un <strong>moteur de recherche interne</strong> aux visiteurs de votre site internet. Composé d'un petit formulaire de recherche et d'une page de résultats, il fait partie des<strong> fonctionnalités gratuites</strong> qui vous sont proposées lorsque vous <a href="http://www.meabilis.fr">créez votre site avec Meabilis</a>.</p>
<p class="defaultP imgPicto">Le moteur de recherche est une fonctionnalité intéressante pour vos  visiteurs, en particulier si votre site comporte de nombreuses pages, car elle va leur permettre de <strong>trouver rapidement  l'information</strong> qu'ils recherchent.</p>
<p style="text-align: center;"><img alt="Exemple de moteur de recherche interne Meabilis" src="http://aide.meabilis.fr/mbFiles/fileManager/thumbs/500x500/exemple-moteur-de-recherche-interne.png" border="0"></p>
<p class="legend">Exemple de moteur de recherche interne sur  le thème  "Evidence"</p>
<p class="defaultP">Lors de la création de votre site web avec Meabilis, le formulaire est <strong>déjà présent</strong> sur la page d'accueil de votre site et le sera aussi sur toutes les nouvelles pages que vous créerez.</p>
<p class="defaultP">Il est tout à fait <strong>possible de le supprimer</strong> si vous n'en voyez pas l'utilité. Cette action sera réversible à tout moment, en glissant-déposant le module recherche qui reste à votre disposition dans la barre d'administration.</p><p class="defaultP"><img style="width: 600px; height: 78px;" src="http://aide.meabilis.fr/mbFiles/images/thumbs/600x78/barre-admin-modules.png" alt="" height="78" width="600"><br></p>
<p class="defaultP"></p>
<p class="legend">Barre d'ajout de modules</p>
<p class="defaultP"><em>Rappel, pour déplacer, modifier ou supprimer un module sur votre site internet,  vous devez être connecté à Meabilis et en mode édition.</em></p>
<p class="defaultP imgPicto"><img alt="Picto déplacer un module" src="http://aide.meabilis.fr/mbFiles/fileManager/picto/26_modulesEditBar_move_hover.png" style="float: left;" border="0">Comme tous les modules (voir la <a href="http://aide.meabilis.fr/glossaire/m/definition-module.html">définition d'un module</a>), vous pouvez <strong>le placer où vous le désirez sur votre page</strong> : dans le bandeau, l'espace central, la colonne, le pied de page...</p>
<ul>
<li><strong>A savoir</strong></li>
</ul>
<p class="defaultP">- Le moteur de recherche va trouver le terme demandé dans les <strong>modules texte</strong> des pages et l'afficher automatiquement dans une page de résultats. Afin de garantir des résultats précis et efficaces, les termes génériques ou répétés dans plus de 50% des pages ne retourneront pas de résultats.</p>
<p class="defaultP">- Vous pouvez tester ce moteur sur le centre d'aide ainsi que sur notre  site de démonstration "<a href="http://site-internet-professionnel.meabilis.fr/outil-gestion-de-contenu/contenu-interactif.html">Créer  un site internet professionnel</a>".</p>
<h3><span>Les guides qui peuvent vous intéresser :</span></h3>
<p class="defaultP"><a href="http://aide.meabilis.fr/guides/contenu-du-site-internet/ajouter-automatiquement-un-module-sur-les-pages.html">Ajouter  un module automatiquement sur certaines pages du site</a></p>
  
]]></description>
  <guid isPermaLink="true">http://aide.meabilis.fr/guides/modules/le-moteur-de-recherche-interne.html</guid>
  <link>http://aide.meabilis.fr/guides/modules/le-moteur-de-recherche-interne.html</link>
  <pubDate>Wed, 30 Jun 2010 10:16:46 +0200</pubDate>
  
  
</item>
            <item>
  <title>L'en-tête</title>
  <description><![CDATA[<h2 class="newbi"><span>Le module En-t&ecirc;te</span></h2>
<p class="defaultP imgPicto"><img alt="Picto module " border="0" src="http://aide.meabilis.fr/mbFiles/fileManager/picto//19_modHeader.png" style="float: left;" />L'en-t&ecirc;te est un module qui permet d'ins&eacute;rer <strong>un logo et le titre du site </strong>et de g&eacute;rer leur taille et leur style simplement.</p>
<p class="defaultP imgPicto">Ce module est pr&eacute;sent par d&eacute;faut dans le bandeau de votre site internet.   (Voir la <a href="http://aide.meabilis.fr/glossaire/b/definition-bandeau-site-web.html">d&eacute;finition du   bandeau</a> et la <a href="http://aide.meabilis.fr/glossaire/m/definition-module.html">d&eacute;finition d'un module</a>).</p>
<p style="text-align: center;"><img alt="logo et titre du site internet -Meabilis" border="0" src="http://aide.meabilis.fr/mbFiles/fileManager/thumbs/500x500/personnalisation4.jpg" /></p>
<p class="legend">Exemple de module en-t&ecirc;te sur un site Meabilis (th&egrave;me gratuit "Evidence")</p>
<p class="defaultP">Comme tout les modules, l'en-t&ecirc;te peut &ecirc;tre rempli avec <strong>votre contenu</strong> et &ecirc;tre modifi&eacute;, d&eacute;plac&eacute; ou supprim&eacute; &agrave; tout moment.</p>
<p class="defaultP"><em><strong>Rappel </strong>: pour voir les outils, ajouter ou modifier un module, vous devez &ecirc;tre connect&eacute; &agrave; Meabilis et en mode &eacute;dition.</em></p>
<h3><span>Changer le logo et le titre du site </span></h3>
<p class="defaultP imgPicto"><img alt="Ic&ocirc;ne modifier le contenu Meabilis" border="0" src="http://aide.meabilis.fr/mbFiles/fileManager/picto//28_modulesEditBar_edit_hover.png" style="float: left;" />Pour <strong>modifier l'en-t&ecirc;te</strong> par d&eacute;faut, survolez-le avec votre souris puis cliquez sur l'ic&ocirc;ne "modifier cet en-t&ecirc;te" de la barre d'outils.</p>
<p class="defaultP">Le formulaire qui apparait se compose de trois onglets :</p>
<p class="defaultP"><span style="font-size: medium;"><strong>1-</strong></span> Le premier permet d'<strong>augmenter ou de r&eacute;duire l'espace en-t&ecirc;te</strong> en fonction de votre besoin.&nbsp;</p>
<p class="defaultP"><img alt="Modifier l'espace en-t&ecirc;te" src="http://aide.meabilis.fr/mbFiles/fileManager/thumbs/600x600/en-tete1.png" /></p>
<p class="legend">Modification de la hauteur du module En-t&ecirc;te</p>
<p class="defaultP"><span style="font-size: medium;"><strong>2- </strong></span>Le deuxi&egrave;me onglet concerne le logo et vous permet de <strong>choisir votre image</strong> (bouton "parcourir") et de l'ins&eacute;rer dans l'espace ent&ecirc;te. Elle viendra  donc remplacer l'ancien logo et vous pourrez l'agrandir ou la r&eacute;tr&eacute;cir  tr&egrave;s facilement avec les boutons "+" et "-".</p>
<p class="defaultP"><img alt="Ins&eacute;rer le logo de mon site internet" src="http://aide.meabilis.fr/mbFiles/fileManager/thumbs/600x600/en-tete2.png" /></p>
<p class="legend">Insertion de mon nouveau logo dans l'en-t&ecirc;te du site</p>
<p class="defaultP"><em>Rappel du Glisser/d&eacute;poser : Cliquez sur  l'&eacute;l&eacute;ment &agrave; d&eacute;placer, maintenez le clic et bougez la souris, puis  rel&acirc;chez le clic &agrave; l'endroit voulu.</em></p>
<p>&nbsp;</p>
<p class="defaultP"><span style="font-size: medium;"><strong>3-</strong></span> Le troisi&egrave;me onglet est consacr&eacute; au <strong>titre du site</strong>. L&agrave; aussi, vous pouvez le modifier, changer sa police, sa taille et sa couleur pour le personnaliser compl&egrave;tement.</p>
<p class="defaultP"><img alt="Modifier le titre du site internet" src="http://aide.meabilis.fr/mbFiles/fileManager/thumbs/600x600/en-tete3.png" /></p>
<p class="legend">Modification du titre de mon site</p>
<ul>
<li><strong>A noter :</strong> Vous pouvez <strong>d&eacute;placer le logo et le titre &agrave; volont&eacute;</strong> par glisser-d&eacute;poser pour les  positionner comme vous le d&eacute;sirez.</li>
</ul>
<p class="defaultP">Une fois votre personnalisation termin&eacute;e, n'oubliez pas de<strong> Sauvegarder</strong> vos modifications en cliquant sur le bouton "Enregistrer et fermer".</p>
<div class="blockTutoriel">
<h4>Modifier l'en-t&ecirc;te de mon site :</h4>
<ul>
<li><span class="number">1</span>Cliquer sur "<strong>Modifier cet en-t&ecirc;te</strong>" </li>
<li><span class="number">2</span>Ins&eacute;rer une image en cliquant sur le bouton "<strong>parcourir</strong>" </li>
<li><span class="number">3</span>Modifier le contenu textuel en se rendant dans l'onglet "<strong>Titre</strong>"</li>
<li><span class="number">4</span>Positionner les &eacute;l&eacute;ments (<strong>glisser/d&eacute;poser</strong>)</li>
<li><span class="number">5</span><strong>Enregistrer</strong></li>
</ul>
</div>
<h3><span>Les guides qui peuvent vous int&eacute;resser :</span></h3>
<p class="defaultP"><a href="http://aide.meabilis.fr/guides/modules/la-barre-d-outils-des-modules.html">La barre d'outil des modules</a></p>
<p class="defaultP"><a href="http://aide.meabilis.fr/guides/apparence-et-charte-graphique/personnaliser-son-site-internet.html">Personnaliser son site internet</a></p>]]></description>
  <guid isPermaLink="true">http://aide.meabilis.fr/guides/modules/l-en-tete.html</guid>
  <link>http://aide.meabilis.fr/guides/modules/l-en-tete.html</link>
  <pubDate>Fri, 02 Apr 2010 11:19:18 +0200</pubDate>
  
  
</item>
            <item>
  <title>Les menus</title>
  <description><![CDATA[<h2 class="newbi"><span>Les modules menus</span></h2>
<p class="defaultP imgPicto"><img alt="Picto module " border="0" src="http://aide.meabilis.fr/mbFiles/fileManager/picto//23_modNavMain.png" style="float: left;" />Le menu permet aux visiteurs d'un site internet de naviguer d'une page &agrave; l'autre tout en aillant une repr&eacute;sentation graphique de l'<a href="http://aide.meabilis.fr/glossaire/a/definition-arborescence.html" title="d&eacute;finition de l'arborescence">arborescence </a>du site (rubriques principales, sous-rubriques, sous pages...).</p>
<p class="defaultP"><span style="color: #3d353f; font-family: 'Lucida Grande','Lucida Sans Unicode',sans-serif; font-size: 13px; line-height: 19px;"><em style="margin: 0px; padding: 0px; border-width: 0px; font-size: 13px; vertical-align: baseline; background-color: transparent;">Rappel, pour voir les outils et ajouter ou modifier un module sur votre site internet, vous devez &ecirc;tre connect&eacute; &agrave; Meabilis et en mode &eacute;dition.</em></span></p>
<p class="defaultP">Le module &laquo; menu &raquo; fonctionne comme tous les autres : vous pouvez <strong>le d&eacute;placer*, le supprimer*, le modifier</strong> et en g&eacute;rer les param&egrave;tres tr&egrave;s simplement gr&acirc;ce &agrave; la <a href="http://aide.meabilis.fr/guides/modules/la-barre-d-outils-des-modules.html">barre d'outils</a> qui appara&icirc;t au survol de la souris.</p>
<p class="defaultP">La plupart des chartes graphiques propos&eacute;es par Meabilis disposent &agrave; la fois de menus sous forme <strong>verticale</strong> et sous forme <strong>horizontale</strong>. Ceux-ci peuvent &ecirc;tre utilis&eacute;s conjointement.</p>
<h4><span>Exemple de menu horizontal :</span></h4>
<p style="text-align: center;"><img alt="Menu horizontal Meabilis" border="0" src="http://aide.meabilis.fr/mbFiles/fileManager/thumbs/500x500/menu-horizontal.png" /></p>
<h4><span>Exemple de menu vertical :</span></h4>
<p style="text-align: center;"><img alt="Menu vertical Meabilis" border="0" src="http://aide.meabilis.fr/mbFiles/fileManager/thumbs/500x500/menu-vertical.png" /></p>
<ul>
<li><strong>A savoir</strong></li>
</ul>
<p class="defaultP">Lors de la cr&eacute;ation de votre site internet, un <strong>menu est d&eacute;j&agrave; pr&eacute;sent sur toutes les pages du site</strong>.</p>
<p class="defaultP">* <em>Afin de simplifier la cr&eacute;ation de votre site internet, le  d&eacute;placement et la supression des menus n'est possible qu'en mode  "avanc&eacute;"</em> <em>(param&egrave;tres du site)</em>.</p>
<div class="blockTutoriel">
<h4>Ajouter un menu :</h4>
<ul>
<li><span class="number">1</span>Ajouter le module "<strong>Menu vertical</strong>" ou "<strong>menu horizontal</strong>" </li>
<li><span class="number">2</span>Si n&eacute;cessaire, choisir le <strong>type de menu</strong> (afficher toutes les pages, seulement les rubriques principales, etc.) dans "modifier le module" </li>
<li><span class="number">3</span>Mettre en place selon le besoin, l'<strong>ajout automatique</strong> du menu sur certaines pages (onglet persistance)</li>
</ul>
</div>
<h3><span>Les guides qui peuvent vous int&eacute;rresser : </span></h3>
<p class="defaultP"><a href="http://aide.meabilis.fr/guides/contenu-du-site-internet/modifier-l-ordre-des-pages-de-son-site.html">Changer l'ordre des pages dans le menu</a></p>
<p class="defaultP"><a href="http://aide.meabilis.fr/guides/modules/la-barre-d-outils-des-modules.html">La barre d'outil des modules</a></p>]]></description>
  <guid isPermaLink="true">http://aide.meabilis.fr/guides/modules/les-menus.html</guid>
  <link>http://aide.meabilis.fr/guides/modules/les-menus.html</link>
  <pubDate>Wed, 03 Mar 2010 19:01:43 +0100</pubDate>
  
  
</item>
            <item>
  <title>Le fil d'ariane</title>
  <description><![CDATA[<h2 class="newbi"><span>Le fil d'ariane</span></h2>
<p class="defaultP imgPicto"><img alt="Picto module &quot;fil d'ariane&quot; Meabilis" border="0" src="http://aide.meabilis.fr/mbFiles/fileManager/picto//07_modBreadcrumbs.png" style="float: left;" />Le fil d'ariane est une&nbsp;<strong>aide &agrave; la navigation</strong>&nbsp;pour  les visiteurs de votre site internet (voir la <a href="http://aide.meabilis.fr/glossaire/f/definition-fil-d-ariane.html">d&eacute;finition du fil d'ariane</a> dans le glossaire).</p>
<p class="defaultP">Il appara&icirc;t g&eacute;n&eacute;ralement&nbsp;<strong>en haut d'une page Web</strong> sous le menu se situer sur le site internet. Il fournit des liens vers les pages du niveau sup&eacute;rieur, ce qui permet au visiteur  de revenir en arri&egrave;re facilement.</p>
<p style="text-align: center;"><img alt="Exemple de fil d'ariane Meabilis" border="0" src="http://aide.meabilis.fr/mbFiles/fileManager/thumbs/500x500/ariane.png" /></p>
<p class="legend">Exemple de fil d'ariane</p>
<p class="defaultP">Ici, le fil d'ariane vous indique que vous vous  trouvez sur la page &laquo; Le fil d'ariane&nbsp;&raquo;           dans la sous-rubrique &laquo;Tout savoir sur les modules &raquo; et la rubrique &laquo;&nbsp;Guides&nbsp;&raquo;.</p>
<p class="defaultP">Cette fonctionnalit&eacute; est  particuli&egrave;rement utile pour les sites comprenant plusieurs cat&eacute;gories et  sous cat&eacute;gories.</p>
<ul>
<li><strong>A savoir :</strong></li>
</ul>
<p class="defaultP">Lors de la cr&eacute;ation de votre site internet, <strong>un fil d'ariane est d&eacute;j&agrave; pr&eacute;sent</strong> par d&eacute;faut, et ce, sur toutes les pages.</p>
<div class="blockTutoriel">
<h4>Ajouter un fil d'ariane</h4>
<ul>
<li><span class="number">1</span>Cliquer sur <strong>ajouter un module</strong> et choisir "fil  d'ariane".</li>
<li><span class="number">2</span>Le fil d'ariane se construit ensuite <strong>automatiquement</strong> en fonction de l'arborescence du site.</li>
<li><span class="number">3</span>Pour afficher le fil d'ariane sur toutes les pages automatiquement, rendez-vous dans les param&egrave;tres du module.</li>
</ul>
</div>
<h3><span>Les guides qui peuvent vous int&eacute;rresser :</span></h3>
<p class="defaultP"><a href="http://aide.meabilis.fr/guides/contenu-du-site-internet/ajouter-automatiquement-un-module-sur-les-pages.html">Ajouter un module automatiquement sur certaines pages du site</a></p>
<p class="defaultP"><a href="http://aide.meabilis.fr/guides/contenu-du-site-internet/modifier-l-ordre-des-pages-de-son-site.html">Modifier l'ordre des pages dans le site</a></p>
<p class="defaultP"><a href="http://aide.meabilis.fr/guides/modules/la-barre-d-outils-des-modules.html">La barre d'outil des modules</a></p>]]></description>
  <guid isPermaLink="true">http://aide.meabilis.fr/guides/modules/le-fil-d-ariane.html</guid>
  <link>http://aide.meabilis.fr/guides/modules/le-fil-d-ariane.html</link>
  <pubDate>Wed, 03 Mar 2010 18:49:11 +0100</pubDate>
  
  
</item>
            <item>
  <title>Les commentaires</title>
  <description><![CDATA[
  <h2 class="newbi"><span>Les commentaires</span></h2>
<p class="defaultP imgPicto"><img alt="Picto module &quot;commentaires&quot; Meabilis" src="http://aide.meabilis.fr/mbFiles/fileManager/picto//11_modComment.png" style="float: left;" border="0">Le module "Commentaires" permet à vos visiteurs de s'exprimer sur votre site internet. Il peut donc être utilisé dans de nombreuses situations :<strong> livre d'or, avis utilisateurs, témoignages client</strong>...</p>
<p class="defaultP">Comme tous les modules (voir la <a href="http://aide.meabilis.fr/glossaire/m/definition-module.html">définition d'un module</a>), vous pouvez le placer où vous le désirez sur votre site internet et sur autant de pages que nécessaire.</p>
<h3><span>Recevoir des commentaires sur son site internet</span></h3>
<p class="defaultP"><em><strong>Rappel :</strong> Pour voir les outils, ajouter ou modifier les modules, vous devez être connecté à Meabilis et en mode "édition".</em></p>
<p class="defaultP">Une fois ajouté, le module "Commentaires", se présente sous la forme d'un formulaire que vos internautes vont  pouvoir remplir pour<strong> laisser leur message</strong>.</p>
<p style="text-align: center;"><img alt="Exemple du module commentaire Meabilis" src="http://aide.meabilis.fr/mbFiles/fileManager/thumbs/500x500/exemple-module-commentaire.png" border="0"></p>
<p class="legend">Exemple d'un module commentaire</p>
<h3><span>Accepter ou refuser les commentaires</span></h3>
<p class="defaultP"><strong>Les commentaires ne seront visibles par vos visiteurs qu'une fois que vous les aurez acceptés.</strong> A chaque nouveau message, vous recevrez donc sur votre messagerie un e-mail de notification vous prévenant de l'ajout d'un commentaire.</p>
<p class="defaultP imgPicto"><img alt="Picto Approuver un commentaire" src="http://aide.meabilis.fr/mbFiles/fileManager/picto//approve_hover.gif" style="float: left;" border="0">Chacun des messages laissés par un internaute dispose de sa propre barre  d'outils qui vous permet de le modérer, c'est à dire <strong>de l'approuver </strong>(et  donc de le mettre en ligne) ou de<strong> le refuser</strong> et même d'en  modifier son contenu.</p>
<p style="text-align: center;"><img alt="exemple de commentaires dans un livre d'or Meabilis" src="http://aide.meabilis.fr/mbFiles/fileManager/thumbs/500x500/exemple-commentaire.png" border="0"></p>
<p class="legend">Exemple de commentaire (thème gratuit "Elégance")</p>
<p class="defaultP">Ces derniers seront ensuite affichés sur la page web dans l'ordre que  vous aurez choisi, chronologique ou antéchronologique (voir les <strong>paramètres </strong>du module).</p>
<p class="defaultP">&nbsp;</p>
<ul>
<li><strong>A savoir :</strong></li>
</ul>
<p class="defaultP">- Au contraire des autres types de modules, les<strong> paramètres</strong> du module Commentaires s'appliquent à  l'ensemble des modules Commentaires présents sur le site et se modifient depuis l'onglet "<strong>configuration du site</strong>" de l'interface d'administration.</p>
<p class="defaultP">- La vignette associée à chacun des messages peut être personnalisée en entrant l'adresse mail correspondant à un compte <strong>Gravatar</strong> (<a href="http://fr.gravatar.com/site/signup/" title="Site de Gravatar.com, page inscription">http://fr.gravatar.com/site/signup/</a>)</p>
<p class="defaultP">- Pour<strong> annuler la modération </strong>et publier tous les commentaires directement, rendez-vous dans les paramètres du module pour modifier sa configuration.</p>
<div class="blockTutoriel">
<h4>Ajouter des commentaires</h4>
<ul>
<li><span class="number">1</span>Ajouter le module <strong>"commentaires</strong>".</li>
<li><span class="number">2</span>Le formulaire s'affiche automatiquement</li>
<li><span class="number">3</span>Pour modifier le message par défaut "Ajouter un commentaire", cliquer  sur "<strong>paramètres du module</strong>"</li>
</ul>
<p>Astuce : Pour donner un titre à la partie "commentaires", utilisez le module texte et sélectionnez le format "Titre 1 formulaire"!</p>
</div>
<h3><span>Les guides qui peuvent vous intéresser :</span></h3>
<p class="defaultP"><a href="http://aide.meabilis.fr/guides/contenu-du-site-internet/ajouter-automatiquement-un-module-sur-les-pages.html">Ajouter un module automatiquement sur certaines pages du site</a></p>
<p class="defaultP"><a href="http://aide.meabilis.fr/guides/modules/la-barre-d-outils-des-modules.html">La barre d'outil des modules</a></p>
  
]]></description>
  <guid isPermaLink="true">http://aide.meabilis.fr/guides/modules/commentaires.html</guid>
  <link>http://aide.meabilis.fr/guides/modules/commentaires.html</link>
  <pubDate>Wed, 14 Apr 2010 15:57:55 +0200</pubDate>
  
  
</item>
            <item>
  <title>Le lecteur de flux Rss</title>
  <description><![CDATA[<h2 class="medium"><span>Le lecteur de flux Rss</span></h2>
<p class="defaultP imgPicto"><img alt="Picto module " border="0" src="http://aide.meabilis.fr/mbFiles/fileManager/picto//29_modRss.png" style="float: left;" />Le module Lecteur de flux permet d'<strong>afficher sur votre site internet les derni&egrave;res publications</strong> d'un blog, d'un magazine en ligne ou de votre propre site internet, gr&acirc;ce &agrave; leur flux RSS (Voir la <a href="http://aide.meabilis.fr/glossaire/r/definition-rss.html">d&eacute;finition du Rss</a> dans le glossaire).</p>
<p class="defaultP">Il s'agit donc d'un contenu dynamique qui se <strong>met &agrave; jour automatiquement</strong>.</p>
<p style="text-align: center;"><img alt="Exemple de lecteur de flux sur un site internet Meabilis" border="0" src="http://aide.meabilis.fr/mbFiles/fileManager/thumbs/500x500/lecteur-de-flux-exemple.jpg" /></p>
<p class="legend">Exemple de lecteur de flux sur un site internet Meabilis</p>
<h3><span>Ajouter un lecteur de flux sur mon site :<br /></span></h3>
<p class="defaultP"><em>Rappel, pour voir les outils et ajouter ou modifier un module sur  votre site internet, vous devez &ecirc;tre connect&eacute; &agrave; Meabilis et en mode  &eacute;dition.</em></p>
<p class="defaultP">Apr&egrave;s avoir ajout&eacute; le module lecteur de flux, cliquez sur l'ic&ocirc;ne "<strong>Ajouter un flux Rss</strong>". <br />Vous allez alors pouvoir en <strong>configurer l'affichage</strong> en remplissant le formulaire des "param&egrave;tres du module".</p>
<p style="text-align: center;"><img alt="param&egrave;tres lecteur de flux Meabilis" src="http://aide.meabilis.fr/mbFiles/fileManager/thumbs/500x500/formulaire-lecteur-flux.jpg" /></p>
<p class="legend">Exemple de formulaire rempli</p>
<p class="defaultP">Vous pouvez ainsi :</p>
<p class="defaultP">- lui <strong>donner un nom</strong> (Titre), comme par exemple "actualit&eacute;s", "nouveaut&eacute;s", "derniers billets du blog", "derni&egrave;res r&eacute;alisations"...</p>
<p class="defaultP">- indiquer l'<strong>url du flux RSS</strong> : vous pouvez choisir le flux de l'une de vos rubriques ou copiez collez l'adresse indiqu&eacute;e sur les sites dont vous voulez reprendre le flux (disponible en cliquant sur l'ic&ocirc;ne bleue ou orange qui repr&eacute;sente le flux souvent accompagn&eacute;e du texte "abonnez-vous au fil Rss" ) ou encore dans la barre d'adresse de votre navigateur.</p>
<p style="text-align: center;"><img alt="Ic&ocirc;ne Rss de la barre d'adresse du navigateur " border="0" src="http://aide.meabilis.fr/mbFiles/fileManager/thumbs/500x500/barre-adresse-navigateur.jpg" /></p>
<p class="legend">Exemple de l'ic&ocirc;ne d'abonnement au fil rss dans la barre du navigateur</p>
<p class="defaultP">- choisir le nombre d'&eacute;l&eacute;ments qui vont s'afficher, ce qui correspond au <strong>nombre de publications</strong>,</p>
<p class="defaultP">- d&eacute;finir le nombre de caract&egrave;res par &eacute;l&eacute;ments, c'est &agrave; dire la <strong>longueur du r&eacute;sum&eacute;</strong> de chaque publication.</p>
<p class="defaultP">- et enfin, appliquer un texte de fermeture comme par exemple "lire la suite" ou "..."</p>
<p>&nbsp;</p>
<ul>
<li><strong>A savoir :</strong></li>
</ul>
<p class="defaultP">- Le lecteur lit uniquement le Format RSS 2.0</p>
<p class="defaultP">- Le flux peut &ecirc;tre un flux ext&eacute;rieur mais aussi interne au site. En effet, chaque rubrique des sites internet cr&eacute;&eacute;s avec Meabilis dispose de son flux Rss.</p>
<p class="defaultP">- La configuration du lecteur peut &ecirc;tre modifi&eacute;e &agrave; tout moment en cliquant sur l'ic&ocirc;ne  "<strong>modifier le module</strong>" de la <a href="http://aide.meabilis.fr/guides/modules/la-barre-d-outils-des-modules.html">barre  d'outils</a>.</p>
<div class="blockTutoriel">
<h4>Ajouter un lecteur de flux RSS:</h4>
<ul>
<li><span class="number">1</span>Ajouter le module "<strong>Lecteur de flux</strong>" </li>
<li><span class="number">2</span>Cliquer sur le bouton "<strong>ajouter un flux rss</strong>" et remplir les champs du formulaire </li>
<li><span class="number">3</span>Le module affichera le nouveau contenu au bout de quelques secondes</li>
</ul>
</div>
<h3><span>Les guides qui peuvent vous int&eacute;resser :</span></h3>
<p class="defaultP">Cr&eacute;er un agenda et afficher les "Actualit&eacute;s" sur mon site</p>
<p class="defaultP"><a href="http://aide.meabilis.fr/guides/contenu-du-site-internet/ajouter-automatiquement-un-module-sur-les-pages.html">Ajouter un module automatiquement sur plusieurs pages</a></p>
<p class="defaultP">Article "<a href="http://www.nethik.fr/blog/2009/11/flux-rss-atom-la-syndication/" title="Article du blog de l'agence web Nethik">Flux Rss, Atom...lumi&egrave;re sur la syndication de contenu</a>"</p>]]></description>
  <guid isPermaLink="true">http://aide.meabilis.fr/guides/modules/le-lecteur-de-flux-rss.html</guid>
  <link>http://aide.meabilis.fr/guides/modules/le-lecteur-de-flux-rss.html</link>
  <pubDate>Thu, 25 Mar 2010 16:22:11 +0100</pubDate>
  
  
</item>
            <item>
  <title>Le formulaire de contact</title>
  <description><![CDATA[<h2 class="newbi">Le formulaire de contact</h2>
<p class="defaultP imgPicto"><img alt="Picto module " border="0" src="http://aide.meabilis.fr/mbFiles/fileManager/picto//13_modForm.png" style="float: left;" />Le formulaire de contact permet &agrave; vos visiteurs de vous <strong>envoyer un message directement depuis votre site internet</strong>.</p>
<p class="defaultP">Comme tout les modules Meabilis (voir la <a href="http://aide.meabilis.fr/glossaire/m/definition-module.html" title="glossaire Meabilis">d&eacute;finition d'un module</a>), vous pouvez le placer sur n'importe quelle page de votre site et le modifier &agrave; tout moment.</p>
<p class="defaultP"><em><strong>Rappel</strong>, pour voir les outils et ajouter ou modifier un module sur   votre site internet, vous devez &ecirc;tre connect&eacute; &agrave; Meabilis et en mode   &eacute;dition.</em></p>
<p class="defaultP imgPicto"><img alt="Ic&ocirc;ne modifier les param&egrave;tres d" border="0" src="http://aide.meabilis.fr/mbFiles/fileManager/picto//32_modulesEditBar_parameters_hover.png" style="float: left;" />Apr&egrave;s avoir ajout&eacute; le module&nbsp; "formulaire", cliquez sur "<strong>param&egrave;trer le formulaire</strong>" (celui-ci ne s'affichera qu'apr&egrave;s avoir &eacute;t&eacute; configur&eacute;).</p>
<p style="text-align: center;"><img alt="configuration du formulaire de contact " border="0" src="http://aide.meabilis.fr/mbFiles/fileManager/thumbs/500x500/formulaire-parametres.png" /></p>
<p class="legend">Configuration du module formulaire de contact</p>
<p class="defaultP"><span style="font-size: medium;"><strong>1- </strong></span>Le premier champs du formulaire "<strong>Adresse(s) email de r&eacute;ception</strong>" vous permet d'indiquer l'adresse sur laquelle vous souhaitez <strong>recevoir les messages</strong> envoy&eacute;s par les internautes.</p>
<p class="defaultP">Il est possible de recevoir ces messages sur plusieurs boites e-mail (exemple : contact@wanadoo.fr, commercial@free.fr, directeur@societe.com...).</p>
<p class="defaultP"><span style="font-size: medium;"><strong>2-</strong></span> Le "message de validation du formulaire" correspond au <strong>texte qui va s'afficher sur votre page web</strong> une fois le formulaire envoy&eacute;.</p>
<p class="defaultP"><span style="font-size: medium;"><strong>3 -</strong></span> Enfin, vous pouvez choisir d'<strong>envoyer </strong><strong>un e-mail de confirmation </strong><strong>de mani&egrave;re automatique </strong>&agrave; l'internaute qui vous a adress&eacute; un message.</p>
<p class="defaultP">Une fois cette configuration termin&eacute;e, cliquez sur "Enregistrer" pour <strong>afficher votre formulaire de contact</strong>.</p>
<p style="text-align: center;"><img alt="Exemple d'un formulaire de contact sur un site web Meabilis" border="0" src="http://aide.meabilis.fr/mbFiles/fileManager/thumbs/500x500/formulaire-exemple.png" /></p>
<p class="legend">Exemple de formulaire de contact sur un site web Meabilis (th&egrave;me gratuit "Magazine")</p>
<ul>
<li><strong>A savoir :</strong></li>
</ul>
<p class="defaultP">- La configuration du formulaire peut &ecirc;tre <strong>modifi&eacute;e &agrave; tout moment </strong>en cliquant sur l'ic&ocirc;ne "modifier les param&egrave;tres du module" de la barre d'outils.</p>
<p class="defaultP">- Les champs du formulaire de contact peuvent &ecirc;tre enti&egrave;rement <strong>personnalis&eacute;s</strong> (nom des champs, caract&egrave;res obligatoires, cases &agrave; cocher, etc.)</p>
<p class="defaultP">- Pour<strong> tester votre propre formulaire</strong> de contact, vous devez d'abord passer en mode "aper&ccedil;u" en cliquant sur l'image en bas &agrave; droite de votre &eacute;cran.</p>
<div class="blockTutoriel">
<h4>Ajouter un formulaire de contact</h4>
<ul>
<li><span class="number">1</span>Cliquer sur <strong>ajouter un module</strong> et choisir "formulaire".</li>
<li><span class="number">2</span>Configurer le formulaire en cliquant sur "<strong>param&egrave;tres</strong> du module"</li>
<li><span class="number">3</span>Indiquer l'adresse<strong> e-mail de r&eacute;ception</strong> des messages </li>
<li><span class="number">4</span>Cliquer sur "Enregistrer et fermer"</li>
</ul>
<p>Astuce : Pour donner un titre &agrave; votre formulaire, utilisez le module texte!</p>
</div>
<h3><span>Les guides qui peuvent vous int&eacute;resser :</span></h3>
<p class="defaultP"><a href="http://aide.meabilis.fr/guides/contenu-du-site-internet/personnaliser-son-formulaire-de-contact-devis-questionnaire.html">Personnaliser le formulaire de contact</a></p>
<p class="defaultP"><a href="http://aide.meabilis.fr/guides/contenu-du-site-internet/ajouter-automatiquement-un-module-sur-les-pages.html">Ajouter un module automatiquement sur certaines pages du site</a></p>
<p class="defaultP"><a href="http://aide.meabilis.fr/guides/modules/la-barre-d-outils-des-modules.html">La barre d'outil des modules</a></p>]]></description>
  <guid isPermaLink="true">http://aide.meabilis.fr/guides/modules/le-formulaire-de-contact.html</guid>
  <link>http://aide.meabilis.fr/guides/modules/le-formulaire-de-contact.html</link>
  <pubDate>Fri, 02 Apr 2010 09:54:36 +0200</pubDate>
  
  
</item>
            <item>
  <title>Le plan Google</title>
  <description><![CDATA[<h2 class="newbi"><span>Le plan Google</span></h2>
<p class="defaultP imgPicto"><img alt="Picto module &quot;carte google maps&quot; Meabilis" border="0" src="http://aide.meabilis.fr/mbFiles/fileManager/picto//17_modGoogleMap.png" style="float: left;" />Le module &laquo; Plan google &raquo; permet d'<strong>ajouter une carte sur votre site internet</strong>.</p>
<p class="defaultP imgPicto">Celle-ci est <strong>interactive</strong>, tant du cot&eacute; utilisateur que du cot&eacute; visiteur. Cela signifie que vous et vos lecteurs pouvez en changer la vue, zoomer plus ou moins et naviguer dans la carte autant que vous le d&eacute;sirez.</p>
<p class="defaultP imgPicto"><span class="Apple-style-span" style="color: #3d353f; font-family: 'Lucida Grande','Lucida Sans Unicode',sans-serif; font-size: 13px; line-height: 19px;"><em style="margin: 0px; padding: 0px; border-width: 0px; font-size: 13px; vertical-align: baseline; background-color: transparent;"><strong style="margin: 0px; padding: 0px; border-width: 0px; font-size: 13px; vertical-align: baseline; background-color: transparent;">Rappel :</strong><span class="Apple-converted-space">&nbsp;</span>Pour ajouter ou modifier des modules</em><span class="Apple-converted-space">&nbsp;</span><em style="margin: 0px; padding: 0px; border-width: 0px; font-size: 13px; vertical-align: baseline; background-color: transparent;">sur votre site internet</em><span class="Apple-converted-space">&nbsp;</span><em style="margin: 0px; padding: 0px; border-width: 0px; font-size: 13px; vertical-align: baseline; background-color: transparent;">et</em><span class="Apple-converted-space">&nbsp;</span><em style="margin: 0px; padding: 0px; border-width: 0px; font-size: 13px; vertical-align: baseline; background-color: transparent;">voir les outils,</em><span class="Apple-converted-space">&nbsp;</span><em style="margin: 0px; padding: 0px; border-width: 0px; font-size: 13px; vertical-align: baseline; background-color: transparent;">vous devez &ecirc;tre connect&eacute; et en mode "&eacute;dition".</em></span></p>
<p class="defaultP imgPicto"><img alt="Marqueur de la carte google - Meabilis " border="0" src="http://aide.meabilis.fr/mbFiles/fileManager/picto//marqueur-google.png" style="float: left;" />Lors de l'ajout du module, un <strong>marqueur</strong> rouge est plac&eacute; par d&eacute;faut sur la ville de Paris.<br /> Il ne vous reste plus qu'&agrave; le positionner &agrave; l'endroit voulu (glisser-d&eacute;poser), entrer votre l&eacute;gende en cliquant sur le marqueur, r&eacute;gler le zoom gr&acirc;ce &agrave; la r&eacute;glette situ&eacute;e sur la gauche de la carte ou en double-cliquant et choisir le type de vue que vous souhaitez.</p>
<p class="defaultP">Comme tout les modules, celui-ci peut &ecirc;tre d&eacute;plac&eacute; dans la page web, supprim&eacute; ou modifi&eacute; &agrave; tout moment gr&acirc;ce &agrave; sa <a href="http://aide.meabilis.fr/guides/modules/la-barre-d-outils-des-modules.html">barre d'outils</a>.</p>
<h3><span>Exemples de types de vue du module "Plan google" :</span></h3>
<p style="text-align: center;"><img alt="Carte google sur un site web - Meabilis" border="0" src="http://aide.meabilis.fr/mbFiles/fileManager/thumbs/500x500/plan1.jpg" /></p>
<p class="legend">Vue sous forme de plan de ville (informations routi&egrave;res)</p>
<p style="text-align: center;"><img alt="Carte satellite Google- Meabilis" border="0" src="http://aide.meabilis.fr/mbFiles/fileManager/thumbs/500x500/plan2.jpg" /></p>
<p class="legend">Vue a&eacute;rienne (images satellite)</p>
<p style="text-align: center;"><img alt="Carte mixte satellite et plan - Meabilis" border="0" src="http://aide.meabilis.fr/mbFiles/fileManager/thumbs/500x500/plan3.jpg" /></p>
<p class="legend">Carte mixte (images satellite + plan de ville)</p>
<p style="text-align: center;"><img alt="Carte google en relief-Meabilis" border="0" src="http://aide.meabilis.fr/mbFiles/fileManager/thumbs/500x500/plan4.jpg" /></p>
<p class="legend">Vue du relief</p>
<p class="defaultP">L'ajout de carte est<strong> illimit&eacute;</strong> et la cartographie couvre aussi bien la France que le reste du monde, ce qui lui permet d'&ecirc;tre utilis&eacute;e dans de nombreux contextes.</p>
<div class="blockTutoriel">
<h4>Ajouter une g&eacute;olocalisation :</h4>
<ul>
<li><span class="number">1</span>Ajouter le module &laquo; <strong>Plan google</strong> &raquo; </li>
<li style="text-align: left;"><span class="number">2</span> <strong>Positionner </strong>le marqueur en le glissant/d&eacute;posant &agrave; l'endroit souhait&eacute;</li>
<li><span class="number">3</span>Cliquer sur le marqueur pour <strong>entrer une l&eacute;gende</strong>, puis sur "sauvegarder" pour l'enregistrer</li>
<li><span class="number">4</span>Choisir la vue (double-cliquer pour <strong>zoomer </strong>ou bien utiliser la barre + et - sur le cot&eacute; de la carte)&nbsp;</li>
<li><span class="number">5</span>puis le <strong>type de vue</strong> en cliquant sur "plan", "satellite, "mixte"  ou "relief" et <strong>Sauvegarder</strong></li>
</ul>
</div>
<h3><span> Les guides qui peuvent vous int&eacute;rresser : </span></h3>
<p class="defaultP"><a href="http://aide.meabilis.fr/guides/contenu-du-site-internet/ajouter-automatiquement-un-module-sur-les-pages.html">Ajouter une carte automatiquement sur plusieurs pages</a></p>
<p class="defaultP"><a href="http://aide.meabilis.fr/guides/modules/">En savoir plus sur les autres modules</a></p>]]></description>
  <guid isPermaLink="true">http://aide.meabilis.fr/guides/modules/le-plan-google.html</guid>
  <link>http://aide.meabilis.fr/guides/modules/le-plan-google.html</link>
  <pubDate>Tue, 16 Mar 2010 10:50:14 +0100</pubDate>
  
  
</item>
            <item>
  <title>Le lecteur audio</title>
  <description><![CDATA[
  <h2 class="medium"><span>Le lecteur audio</span></h2>
<p class="defaultP imgPicto"><img alt="Picto module " src="http://aide.meabilis.fr/mbFiles/fileManager/picto//05_modAudioPlayer.png" style="float: left;" border="0">Ce module vous permet d'<strong>ajouter de la musique</strong> ou tout autre contenu audio (<strong>podcast</strong>...) sur votre site internet.</p>
<p class="defaultP">Une fois le module "Lecteur audio" inséré, survolez-le avec votre souris pour faire apparaître sa barre d'outils. (Voir le guide «<a href="http://aide.meabilis.fr/guides/modules/la-barre-d-outils-des-modules.html">barre d'outils des modules</a>» pour en savoir plus.)</p>
<p class="defaultP"><em><strong>Rappel :</strong> Pour ajouter ou modifier des modules sur votre site internet et voir les outils, vous devez être connecté et en mode "édition".</em></p>
<h3><span>Ajouter des fichiers audio :</span></h3>
<p class="defaultP imgPicto"><img alt="Ajouter un fichier" src="http://aide.meabilis.fr/mbFiles/fileManager/picto/thumbs/60x60/45_default_img.png" style="float: left;"></p>
<p>Cette icône permet d'ajouter un fichier audio en passant par le gestionnaire de médias de votre site. Vous y retrouverez tous les fichiers audios présents sur votre site et pourrez aussi parcourir votre ordinateur pour en ajouter de nouveaux. <br></p>
<p class="defaultP">Chaque fichier audio est ajouté est représenté par une<strong> vignette</strong> et la liste de lecture s'organise facilement par <strong>glisser/déposer</strong>, à n'importe quel moment.</p>
<p style="text-align: center;"><img alt="Aperçu du lecteur audio en mode édition- Meabilis" src="http://aide.meabilis.fr/mbFiles/fileManager/thumbs/500x500/lecteur-audio1.png" border="0"></p>
<p class="legend">Vignettes représentant la liste de lecture côté "édition"</p>
<h3><span>Choisir le lecteur audio :</span></h3>
<p class="defaultP imgPicto"><img alt="picto &quot;modifier&quot;" src="http://aide.meabilis.fr/mbFiles/fileManager/picto/28_modulesEditBar_edit_hover.png" style="float: left;">Le lecteur audio "Dewplayer Classic" est sélectionné par défaut. Vous pouvez en changer en cliquant sur l'icône de <strong>modification</strong> du module.</p>
<p class="defaultP imgPicto">Là, vous pouvez choisir un autre lecteur audio, le <strong>MP3 Player</strong> qui est entièrement personnalisable (voir le guide "personnaliser l'apparence du lecteur audio Mp3 Player"), ou bien changer le <strong>gabarit</strong> du Dewplayer (menu déroulant en bas des paramètres).</p>
<p style="text-align: center;"><img alt="gabarits du lecteur audio Dewplayer" src="http://aide.meabilis.fr/mbFiles/fileManager/thumbs/500x500/dewplayer.png"></p>
<p class="legend">Gabarits du lecteur Dewplayer</p>
<h3><span>Configurer la lecture :<br></span></h3>
<p class="defaultP imgPicto"><img style="width: 25px; height: 17px; float: left;" src="http://aide.meabilis.fr/mbFiles/images/picto/thumbs/25x17/32-moduleseditbar-parameters-hover.png" alt="" height="17" width="25">La lecture des fichiers audio peut être personnalisée selon vos besoins : <strong>lecture automatique</strong>, <strong>aléatoire</strong> ou encore <strong>en boucle</strong>... Vous pouvez aussi indiquer un temps de transition entre la lecture de chaque fichier ainsi que le <strong>volume</strong> maximum.</p>
<ul>
<li><strong>A savoir :</strong></li>
</ul>
<p class="defaultP">- Ce lecteur n'accepte que le <strong>format mp3</strong> et de préférence encodé à 44.1 Khz pour une vitesse de lecture optimale.</p>
<p class="defaultP">- Les titres affichés dans la barre de défilement du lecteur sont ceux des <strong>tags ID3</strong> stockés dans le fichier MP3 et non le libéllé du fichier.</p>
<p class="defaultP">- Le plugin navigateur<strong> Flash</strong> de Adobe, dans sa version 9 ou supérieure, est nécessaire <br>(<a href="http://get.adobe.com/fr/flashplayer/">http://get.adobe.com/fr/flashplayer</a>/). Si votre visiteur n'a pas la configuration requise, un lien pour installer le plugin lui sera proposé.</p>
<div class="blockTutoriel">
<h4>Ajouter du son sur mon site :</h4>
<ul>
<li><span class="number">1</span>Ajouter le module «<strong>Lecteur audio</strong>»</li>
<li><span class="number">2</span>Cliquer sur l'icône "<strong>Ajouter un fichier audio</strong>"</li>
<li><span class="number">3</span>Choisir le fichier dans le gestionnaire de médias ou en ajouter un nouveau en cliquant sur "parcourir"<br></li>
<li><span class="number">4</span>Donner l'ordre de lecture des fichiers en glissant déposant les vignettes correspondantes</li>
</ul>
<p>Astuce : Pour donner un nom à votre lecteur audio, utilisez le module "Texte"!</p>
</div>
<h3><span>Les guides qui peuvent vous intéresser :</span></h3>
<p class="defaultP"><a href="http://aide.meabilis.fr/guides/contenu-du-site-internet/ajouter-automatiquement-un-module-sur-les-pages.html">Ajouter un module automatiquement sur toutes les pages du site</a></p>
<p class="defaultP">Personnaliser l'apparence du lecteur audio MP3 Player</p>
<p><span><br></span></p>
  
]]></description>
  <guid isPermaLink="true">http://aide.meabilis.fr/guides/modules/le-lecteur-audio.html</guid>
  <link>http://aide.meabilis.fr/guides/modules/le-lecteur-audio.html</link>
  <pubDate>Mon, 15 Mar 2010 18:34:03 +0100</pubDate>
  
  
</item>
            <item>
  <title>La galerie d'images et de vidéos</title>
  <description><![CDATA[<h2 class="newbi">La galerie d'images et de vid&eacute;os</h2>
<p class="defaultP imgPicto"><img alt="Module galerie photos et vid&eacute;os Meabilis" border="0" src="http://aide.meabilis.fr/mbFiles/fileManager/picto//15_modGallery.png" style="float: left;" />Le module galerie permet de <strong>rassembler vos  images</strong>, photos,  illustrations ou vid&eacute;os           dans une  galerie et de les voir en<strong> </strong>taille r&eacute;elle <strong>dans un  diaporama</strong>.</p>
<p class="defaultP imgPicto">Vous pouvez ajouter une galerie sur n'importe quelle page de votre site internet.</p>
<h3><span>Exemple de galerie photos Meabilis :</span></h3>
<p class="defaultP">Cliquez sur l'une des images ci-dessous pour ouvrir le diaporama : les photos sont  affich&eacute;es <strong>en taille r&eacute;elle</strong> (ou redimensionn&eacute;es automatiquement en  800x600 pixels si leur taille est sup&eacute;rieure). Dans le cas des vid&eacute;os,  un lecteur appara&icirc;t dans le diaporama.</p>
<p class="defaultP">&nbsp;</p>]]></description>
  <guid isPermaLink="true">http://aide.meabilis.fr/guides/modules/la-galerie-d-images-et-de-videos.html</guid>
  <link>http://aide.meabilis.fr/guides/modules/la-galerie-d-images-et-de-videos.html</link>
  <pubDate>Tue, 02 Mar 2010 00:00:00 +0100</pubDate>
  
  
</item>
            <item>
  <title>Les images</title>
  <description><![CDATA[<h2 class="newbi"><span>Le module Image</span></h2>
<p class="defaultP imgPicto"><img alt="Pitco module image" border="0" src="http://aide.meabilis.fr/mbFiles/fileManager/picto/thumbs/130x130/21_modImage.png" style="float: left;" />Le module image vous permet d'<strong>ajouter une illustration</strong> sur votre page web, la redimensionner et la recadrer directement depuis votre site. Il est id&eacute;al pour <strong>personnaliser votre site</strong> internet avec vos images et photos, simplement.</p>
<h3><span>Ajouter une illustration</span></h3>
<p class="defaultP"><em>Rappel, pour voir les outils et ajouter ou modifier un module sur  votre site internet, vous devez &ecirc;tre connect&eacute; &agrave; Meabilis et en mode  &eacute;dition.</em></p>
<p class="defaultP imgPicto"><img alt="Picto " border="0" src="http://aide.meabilis.fr/mbFiles/fileManager/picto/thumbs/80x80/45_default_img.png" style="float: left;" />Apr&egrave;s avoir ajout&eacute; le module image, cliquez sur le bouton "<strong>Ajouter un fichier</strong>".</p>
<p class="defaultP imgPicto">Cela va vous permettre de parcourir les fichiers de votre ordinateur et d'importer votre illustration.</p>
<p class="defaultP">Votre image va donc apparaitre dans le module et vous allez maintenant pouvoir la<strong> redimensionner</strong> et la recadrer si besoin.<em>&nbsp;</em></p>
<h3><span>Redimensionner et recadrer mon image</span></h3>
<p class="defaultP">Pour <strong>agrandir ou r&eacute;tr&eacute;cir votre illustration</strong>, survolez le module avec votre souris afin de faire apparaitre sa barre d'outils. (En savoir plus sur <a href="http://aide.meabilis.fr/guides/modules/la-barre-d-outils-des-modules.html">les barres d'outils</a>)</p>
<p class="defaultP imgPicto"><img alt="Picto " border="0" src="http://aide.meabilis.fr/mbFiles/fileManager/picto//66_modulesEditBar_resize_hover.png" style="float: left;" />Cliquez ensuite sur le pictogramme "<strong>redimensionner cette image</strong>". En passant votre souris sur les bords de l'image (en bas, &agrave; droite et dans l'angle inf&eacute;rieur droit), vous verrez le pointeur de la souris changer d'apparence. <br />Cliquez alors et maintenez le clic en d&eacute;pla&ccedil;ant la souris de mani&egrave;re &agrave; obtenir la taille d&eacute;sir&eacute;e.</p>
<p class="defaultP imgPicto"><img alt="Outil de recadrage de l'image Meabilis" border="0" src="http://aide.meabilis.fr/mbFiles/fileManager//68_modulesEditBar_crop_hover.png" style="float: left;" />Pour recadrer votre illustration, cliquez sur l'ic&ocirc;ne "<strong>recadrer l'image</strong>" dans la barre d'outils et s&eacute;lectionnez la partie de l'image que vous souhaitez garder.</p>
<p style="text-align: center;"><em>&nbsp;</em><img alt="Recadrage d'image avec Meabilis" border="0" src="http://aide.meabilis.fr/mbFiles/fileManager/thumbs/500x500/recadrage-image.jpg" /></p>
<p class="legend">Exemple de recadrage</p>
<ul>
<li><strong>A savoir :</strong></li>
</ul>
<p class="defaultP">Comme tout les modules Meabilis (voir la <a href="http://aide.meabilis.fr/glossaire/m/definition-module.html" title="glossaire  Meabilis">d&eacute;finition d'un module</a>), vous pouvez placer celui-ci sur  n'importe quelle page de votre site et le <strong>modifier &agrave; tout moment</strong>.</p>
<p class="defaultP">Lors du redimensionnement, les proportions de l'image sont gard&eacute;es automatiquement afin de ne pas  la d&eacute;former.</p>
<div class="blockTutoriel">
<h4>Ajouter une illustration :</h4>
<ul>
<li><span class="number">1</span>Ajouter le module "Image"</li>
<li><span class="number">2</span>Cliquer sur l'ic&ocirc;ne "<strong>Ajouter un fichier</strong>" pour choisir votre illustration en parcourant votre ordinateur</li>
<li><span class="number">3</span>Redimensionner et/ou recadrer l'image si besoin</li>
<li><span class="number">1</span><strong>Sauvegarder</strong></li>
</ul>
</div>
<h3><span>Les guides qui peuvent vous int&eacute;resser :</span></h3>
<p class="defaultP"><a href="http://aide.meabilis.fr/guides/contenu-du-site-internet/inserer-une-image-dans-son-contenu-textuel.html">Ins&eacute;rer une image dans le contenu textuel</a></p>
<p class="defaultP"><a href="http://aide.meabilis.fr/guides/apparence-et-charte-graphique/personnaliser-son-site-internet.html">Personnaliser le bandeau de son site internet</a></p>]]></description>
  <guid isPermaLink="true">http://aide.meabilis.fr/guides/modules/image.html</guid>
  <link>http://aide.meabilis.fr/guides/modules/image.html</link>
  <pubDate>Tue, 27 Apr 2010 13:57:18 +0200</pubDate>
  
  
</item>
            <item>
  <title>L'éditeur de Texte</title>
  <description><![CDATA[<h2 class="newbi"><span>L'éditeur de Texte</span></h2>
<p class="defaultP imgPicto"><img alt="Module éditeur de texte wysiwyg Meabilis" src="http://aide.meabilis.fr/mbFiles/fileManager/picto//31_modText.png" style="float: left;" border="0"/>Le <strong style="font-weight: normal;">module «&nbsp;Texte&nbsp;»</strong> permet d'<span style="font-weight: bold;">ajouter ou de modifier le contenu</span> d'une page (texte, images illustratives, liens...) grâce à un éditeur visuel avancé.</p>
<p class="defaultP">Comme pour chaque module, il suffit de le survoler avec la souris pour faire apparaître sa barre d'outils et accéder ainsi à la gestion de ses paramètres, déplacer le bloc, le modifier ou encore le supprimer. (En savoir plus sur <a href="http://aide.meabilis.fr/guides/modules/la-barre-d-outils-des-modules.html">la barre d'outils</a>)</p>
<p class="defaultP"><em>Rappel, pour voir les outils et ajouter ou modifier un module sur votre site internet, vous devez être connecté à Meabilis et en mode édition.</em></p>
<p class="defaultP imgPicto"><img alt="Icône modifier le contenu - Meabilis" src="http://aide.meabilis.fr/mbFiles/fileManager/picto/28_modulesEditBar_edit_hover.png" style="float: left;" border="0"/>L'icône «&nbsp;<span style="font-weight: bold;">modifier ce contenu</span>&nbsp;» permet d'ajouter ou modifier du texte, des images, des liens, des vidéos... et fait apparaitre la barre d'édition et ses outils de mise en forme.</p><p style="text-align: center;" class="defaultP imgPicto"><a href="http://aide.meabilis.fr/mbFiles/images/thumbs/800x600/barre-editeur-texte.png" class="mbImageZoom"><img src="http://aide.meabilis.fr/mbFiles/images/thumbs/350x129/barre-editeur-texte.png" alt="" height="129" width="350"/></a><br/></p>
<p class="defaultP">Le fonctionnement de l'éditeur est ensuite le même qu'un<strong> traitement de texte classique</strong> avec toutes les fonctionnalités nécessaires à la mise en forme du texte (mise en gras, titres, puces, liens, gestion de la taille et de la police...) et un <strong>rendu immédiat de l'aspect final.</strong></p><p class="defaultP">La dernière ligne d'outils permet d'<span style="font-weight: bold;">ajouter</span> d'autres types de contenu : <br/></p><p class="defaultP imgPicto"><img style="width: 15px; height: 12px; float: left;" src="http://aide.meabilis.fr/mbFiles/images/picto/thumbs/15x12/17-link.png" alt="" height="12" width="15"/>&nbsp; <span style="font-weight: bold;">créer un lien</span> vers une page de votre site ou une page extérieure.<br/></p><p class="defaultP imgPicto"><span style="font-weight: bold;"><img style="width: 20px; height: 18px; float: left;" src="../../mbFiles/images/picto/thumbs/20x18/20-add-image.png" alt="" height="18" width="20"/></span>&nbsp; <span style="font-weight: bold;">ajouter une image</span> (une fois insérée dans votre contenu, une barre d'outils propre à l'image sera disponible au survol de celle-ci afin d'<span style="font-weight: bold;">aligner le texte</span> à son côté et de la <span style="font-weight: bold;">redimensionner</span>).<br/></p><p class="defaultP imgPicto"><img style="width: 17px; height: 18px; float: left;" src="http://aide.meabilis.fr/mbFiles/images/picto/thumbs/17x18/21-add-video.png" alt="" height="18" width="17"/><span style="font-weight: bold;">&nbsp; ajouter une vidéo</span> provenant de Youtube, Viméo, Dailymotion ou de votre gestionnaire de médias.</p><p class="defaultP imgPicto"><img style="width: 20px; height: 18px; float: left;" src="../../mbFiles/images/picto/thumbs/20x18/22-add-file.png" alt="" height="18" width="20"/>&nbsp; ajouter un<span style="font-weight: bold;"> fichier en téléchargement</span> .<br/></p><p class="defaultP"><strong><span style="font-style: italic;">Pour en savoir plus au sujet de l'ajout de médias dans votre contenu, consultez les guides cités à la fin de cet article.</span><br/></strong></p>
<ul>
<li><strong>A savoir :</strong></li></ul><strong style="font-weight: bold;"><p class="defaultP imgPicto"><img style="width: 15px; height: 27px; float: left;" src="http://aide.meabilis.fr/mbFiles/images/thumbs/15x27/35-pin-hover.png" alt="" height="27" width="15"/><span style="font-weight: normal;">Par défaut cette barre d'édition est<span style="font-weight: bold;"> fixée</span> en haut du module mais il est possible de la "défixée" en cliquant sur l'icône "<span style="font-weight: bold;">attacher/détacher la barre d'outils</span>" et lui permettre ainsi de vous suivre de manière automatique.</span></p></strong><p class="defaultP imgPicto"><img style="width: 20px; height: 17px; float: left;" src="http://aide.meabilis.fr/mbFiles/images/picto/thumbs/20x17/26-moduleseditbar-move-hover.png" alt="" height="17" width="20"/>Il est aussi possible de la <span style="font-weight: bold;">déplacer manuellement</span> à l'endroit où vous le souhaitez grâce à l'icône "glisser-déposer".&nbsp; <br/></p><strong></strong><ul>
</ul><br/><div class="blockTutoriel">
<h4>Ajouter son contenu :</h4>
<ul>
<li><span class="number">1</span>Ajouter le module «<strong>Texte</strong> » </li>
<li style="text-align: left;"><span class="number">2</span> Cliquer sur l'icône "<strong>modifier ce contenu</strong>" <img alt="Icône modifier le contenu Meabilis" src="http://aide.meabilis.fr/mbFiles/fileManager/picto/28_modulesEditBar_edit_hover.png" border="0"/></li>
<li><span class="number">3</span>Copier-coller le texte ou le rédiger directement</li>
<li><span class="number">4</span>Mise en forme du texte (gras, italique, titre, paragraphe...)</li>
<li><span class="number">5</span>Cliquer sur le bouton "Sauvegarder"</li>
</ul>
</div>
<h3><span> Les guides qui peuvent vous intérresser : </span></h3>
<p class="defaultP"><a href="http://aide.meabilis.fr/guides/contenu-du-site-internet/inserer-une-image-dans-son-contenu-textuel.html">Insérer une image dans le contenu textuel</a></p>
<p class="defaultP"><a href="http://aide.meabilis.fr/guides/contenu-du-site-internet/inserer-un-document-a-telecharger-sur-son-site-internet.html">Insérer un fichier à télécharger</a></p><p class="defaultP"><a title="Guide Ajouter une vidéo dans son contenu" href="http://aide.meabilis.fr/guides/contenu-du-site-internet/ajouter-une-video.html">Ajouter une vidéo dans mon contenu</a><a href="http://aide.meabilis.fr/guides/contenu-du-site-internet/inserer-un-document-a-telecharger-sur-son-site-internet.html"><br/></a></p>
<p></p><p></p><p></p>]]></description>
  <guid isPermaLink="true">http://aide.meabilis.fr/guides/modules/l-editeur-de-texte.html</guid>
  <link>http://aide.meabilis.fr/guides/modules/l-editeur-de-texte.html</link>
  <pubDate>Tue, 02 Mar 2010 00:00:00 +0100</pubDate>
  
  
</item>
            <item>
  <title>La barre d'outils des modules</title>
  <description><![CDATA[<h2 class="newbi"><span>La barre d'outils des modules</span></h2>
<p class="defaultP">Chaque <a href="http://aide.meabilis.fr/glossaire/m/definition-module.html" title="d&eacute;finition d'un module">module</a> dispose d'une barre d'outils, qui se d&eacute;voile au <strong>survol de  la souris</strong>.           Elle donne acc&egrave;s &agrave; plusieurs fonctionnalit&eacute;s dont certaines  sont communes &agrave; tous les modules           (d&eacute;taill&eacute;es dans ce guide) et d'autres qui leur sont  sp&eacute;cifiques (expliqu&eacute;es dans leur guide respectif).</p>
<h3 id="helpTool"><span>Consulter le guide du module</span></h3>
<p class="defaultP">Cette ic&ocirc;ne permet de se rendre directement sur le guide consacr&eacute; au module. Vous avez ainsi acc&egrave;s &agrave; tout moment &agrave; nos <strong>conseils et explications</strong> sur le module que vous souhaiter utiliser.</p>
<h3 id="movTool"><span>D&eacute;placer le module</span></h3>
<p class="defaultP">En cliquant sur cette ic&ocirc;ne, vous pouvez d&eacute;placer les modules, au sein  d'une page, par un simple <strong>glisser-d&eacute;poser</strong> et organiser vos blocs de contenu comme vous le souhaitez.           Les modules peuvent &ecirc;tre plac&eacute;s dans le bandeau, le pied de page,  dans l'espace central ou dans une colonne :           leur taille s'ajuste automatiquement.</p>
<h3 id="parametersTool"><span>Modifier le contenu et les param&egrave;tres du module</span></h3>
<p class="defaultP">Cet outil permet d'ajouter ou de modifier le contenu des modules, ainsi que d'en g&eacute;rer les param&egrave;tres. Chacun d'eux est propos&eacute; initialement avec des <strong>param&egrave;tres configur&eacute;s par d&eacute;faut</strong> afin de r&eacute;pondre directement aux besoins les plus courants.</p>
<p class="defaultP">Cet outil est donc utile principalement en cas d'<strong>utilisation avanc&eacute;e</strong> ou de besoins particuliers : par exemple, l'onglet "persistance" va servir &agrave; placer le module automatiquement sur toutes les pages de votre site, l'onglet "gabarit" sera utilis&eacute; pour choisir la pr&eacute;sentation graphique du module, l'onglet "configuration" vous permettra de d&eacute;terminer certains param&egrave;tres, etc.</p>
<h3 id="deleteTool"><span>Supprimer le module</span></h3>
<p class="defaultP">Cette fonction sert &agrave; supprimer un module et tout ce qu'il contient.            Il faut n&eacute;anmoins savoir que si vous supprimez un module  &laquo;&nbsp;persistant&nbsp;&raquo;           (voir param&egrave;tres du module), celui-ci sera aussi supprim&eacute; sur  toutes les autres pages.</p>]]></description>
  <guid isPermaLink="true">http://aide.meabilis.fr/guides/modules/la-barre-d-outils-des-modules.html</guid>
  <link>http://aide.meabilis.fr/guides/modules/la-barre-d-outils-des-modules.html</link>
  <pubDate>Tue, 02 Mar 2010 00:00:00 +0100</pubDate>
  
  
</item>
            
  </channel>
</rss>
      
