> ## Documentation Index
> Fetch the complete documentation index at: https://developers.hubspot.fr/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Balises HubL prises en charge obsolètes

> Voici une liste des balises HubL prises en charge qui sont obsolètes. Bien que ces balises fonctionnent toujours comme prévu, des balises plus récentes ont été créées pour les remplacer, lesquelles sont simplifiées et optimisées. Ces nouvelles balises sont indiquées ci-dessous. Cette page est proposée à titre informatif. 

Voici une liste des balises HubL prises en charge qui sont obsolètes. Bien que ces balises fonctionnent toujours comme prévu, des balises plus récentes ont été créées pour les remplacer, lesquelles sont simplifiées et optimisées. Ces nouvelles balises sont indiquées ci-dessous. Cette page est proposée à titre informatif.

## Widgets personnalisés

<Warning>
  Cette balise a été remplacée par une [**balise de module personnalisé.**](/docs/cms/reference/hubl/tags/standard-tags#custom-modules)
</Warning>

## Suivez-moi

Les modules Suivez-moi restituent des icônes qui renvoient à vos différents profils de réseaux sociaux. Les icônes qui s'affichent sont basées sur vos paramètres de réseaux sociaux.

<Warning>
  Cette balise est remplacée par le plus récent module par défaut Suivez-moi.
</Warning>

<CodeGroup>
  ```text entrée.txt theme={null}
  {% follow_me "follow_me" %}
  {% follow_me "follow_us" title='Follow Us', module_title_tag="h2" %}
  ```

  ```text résultat.txt theme={null}
  <span id="hs_cos_wrapper_module_14162805806361260" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_follow_me" style="" data-hs-cos-general-type="widget" data-hs-cos-type="follow_me">
  <h2>Follow Us</h2>
  <div style="">
  <a target="_blank" class="fm_button fm_googleplus" href=""><span title="Follow us on Google+"></span></a>
  <a target="_blank" class="fm_button fm_facebook" href=""><span title="Follow us on Facebook"></span></a>
  <a target="_blank" class="fm_button fm_twitter" href=""><span title="Follow us on Twitter"></span>
  </div>
  </span>
  ```
</CodeGroup>

## Widget global

Un widget global est un widget qui peut être partagé à travers plusieurs modèles.

<Warning>
  La balise a été remplacée par la [balise de module personnalisé](/docs/cms/reference/hubl/tags/standard-tags#custom-modules).
</Warning>

```hubl theme={null}
{% global_widget "facebook_fan_box" overrideable=False, label='Facebook Fan Box' %}"
```

## Recherche Google

<Warning>
  La balise et les modules de recherche Google ne sont plus disponibles. Ils ont été remplacés par la propre recherche native de HubSpot.
</Warning>

## Curseur d'image

Génère un module de curseur d'image HubSpot. Ce module de curseur est basé sur [FlexSlider](http://flexslider.woothemes.com/). Alors que vous pouvez créer un module de curseur avec la syntaxe de module HubL standard, si vous souhaitez prédéfinir des diapositives par défaut en utilisant HubL, vous devez utiliser la syntaxe de bloc. Les deux méthodes sont présentées ci-dessous.

<Warning>
  Cette balise a été remplacée par la [balise de galerie](/docs/cms/reference/hubl/tags/standard-tags#gallery).
</Warning>

<CodeGroup>
  ```text entrée.txt theme={null}
  {% image_slider "image_slider" %}

  <-- Block syntax -->
  {% widget_block image_slider "crm_slider" sizing='static', only_thumbnails=False, transition='slide', caption_position='below', with_thumbnail_nav=False, lightbox=False, auto_advance=True, overrideable=True, description_text='', show_pagination=True, label='Image Slider', loop_slides=True, num_seconds=5  %}
  {% widget_attribute "slides" is_json=True %}[{"caption": "CRM Contacts App", "show_caption": true, "link_url": "http://www.hubspot.com/crm", "alt_text": "Screenshot of CRM Contacts", "img_src": "http://go.hubspot.com/hubfs/Contacts-View-1.png?t=1430860504240", "open_in_new_tab": true}, {"caption": "HubSpot CRM Contact Profile", "show_caption": true, "link_url": "http://www.hubspot.com/", "alt_text": "HubSpot CRM Contact Profile", "img_src": "http://cdn2.hubspot.net/hubfs/53/Contact-Profile.png?t=1430860504240", "open_in_new_tab": true}]{% end_widget_attribute %}
  {% end_widget_block %}
  ```

  ```text résultat.txt theme={null}
  <span
  id="hs_cos_wrapper_crm_slider"
  class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_image_slider"
  style=""
  data-hs-cos-general-type="widget"
  data-hs-cos-type="image_slider"
  >
  <div
  id="hs_cos_flex_slider_crm_slider"
  class="hs_cos_flex-slider flex-slider-main slider-mode-slider"
  >
  <div
  class="hs_cos_flex-viewport"
  style="overflow: hidden; position: relative;"
  >
  <ul
  class="hs_cos_flex-slides hs_cos_flex-slides-main "
  style="width: 800%; -webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transform: translate3d(-1090px, 0px, 0px);"
  >
  <li
  class="hs_cos_flex-slide-main clone"
  aria-hidden="true"
  style="width: 1090px; float: left; display: block;"
  >
  <a href="//www.hubspot.com/" target="_blank"
  ><img
  src="//cdn2.hubspot.net/hubfs/53/Contact-Profile.png?t=1430860504240&t=1430335520686"
  alt="HubSpot CRM Contact Profile"
  draggable="false"
  /></a>
  <div class="caption">HubSpot CRM Contact Profile</div>
  </li>
  <li
  class="hs_cos_flex-slide-main hs_cos_flex-active-slide"
  style="width: 1090px; float: left; display: block;"
  >
  <a href="//www.hubspot.com/crm" target="_blank"
  ><img
  src="http://go.hubspot.com/hubfs/Contacts-View-1.png?t=1430860504240&t=1430335520686"
  alt="Screenshot of CRM Contacts"
  draggable="false"
  /></a>
  <div class="caption">CRM Contacts App</div>
  </li>
  <li
  class="hs_cos_flex-slide-main"
  style="width: 1090px; float: left; display: block;"
  >
  <a href="//www.hubspot.com/" target="_blank"
  ><img
  src="//cdn2.hubspot.net/hubfs/53/Contact-Profile.png?t=1430860504240&t=1430335520686"
  alt="HubSpot CRM Contact Profile"
  draggable="false"
  /></a>
  <div class="caption">HubSpot CRM Contact Profile</div>
  </li>
  <li
  class="hs_cos_flex-slide-main clone"
  aria-hidden="true"
  style="width: 1090px; float: left; display: block;"
  >
  <a href="//www.hubspot.com/crm" target="_blank"
  ><img
  src="http://go.hubspot.com/hubfs/Contacts-View-1.png?t=1430860504240&t=1430335520686"
  alt="Screenshot of CRM Contacts"
  draggable="false"
  /></a>
  <div class="caption">CRM Contacts App</div>
  </li>
  </ul>
  </div>
  <ol class="hs_cos_flex-control-nav hs_cos_flex-control-paging">
  <li><a class="hs_cos_flex-active">1</a></li>
  <li><a class="">2</a></li>
  </ol>
  <ul class="hs_cos_flex-direction-nav">
  <li><a class="hs_cos_flex-prev" href="#">Previous</a></li>
  <li><a class="hs_cos_flex-next" href="#">Next</a></li>
  </ul>
  </div>
  <script>
  window.hsSliderConfig = window.hsSliderConfig || {};
  window.hsSliderConfig['crm_slider'] = {
  mode: 'slider',
  mainConfig: {
  animationLoop: true,
  direction: 'horizontal',
  slideshowSpeed: 5000.0,
  controlNav: true,
  smoothHeight: false,
  namespace: 'hs_cos_flex-',
  slideshow: true,
  selector: '.hs_cos_flex-slides > li',
  animation: 'slide',
  },
  };
  </script>
  </span>
  ```
</CodeGroup>

| Paramètre            | Type        | Description                                                                                                                                                                                  | Par défaut       |
| -------------------- | ----------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------- |
| `sizing`             | Énumération |  : permet de détermine si le curseur change de taille, en fonction de la hauteur des diapositives. Les valeurs possibles sont : « statique » ou « redimensionner"                            | `"static"`       |
| `only_thumbnails`    | Booléen     |  : permet d'afficher les images sous forme de vignettes au lieu d'un curseur.                                                                                                                | `False`          |
| `transition`         | Énumération |  : permet de définir le type de transition de la diapositive. Les valeurs possibles sont : « fondu » ou « diapositive"                                                                       | `"slide"`        |
| `caption_position`   | Énumération |  : permet d'affecter le positionnement de la légende sur ou sous la diapositive. Les valeurs possibles sont « ci-dessous » ou « superposer"                                                  | `"below"`        |
| `with_thumbnail_nav` | Booléen     |  : permet d'inclure les vignettes sous le curseur pour la navigation (only\_thumbnails pour que cette valeur soit True, la valeur doit être définie sur False)                               | `False`          |
| `lightbox`           | Booléen     |  : permet d'afficher l'image miniature dans la galerie lorsque vous cliquez dessus (with\_thumbnail\_nav doit être défini sur True pour que cette valeur soit True)                          | `False`          |
| `auto_advance`       | Booléen     |  : permet d'avancer automatiquement les diapositives après le temps défini dans num\_seconds                                                                                                 | `False`          |
| `show_pagination`    | Booléen     |  : permet de proposer des boutons sous le curseur pour naviguer au hasard entre les diapositives.                                                                                            | `True`           |
| `label`              | Chaîne      |  : un libellé pour ce module, visible dans l'éditeur uniquement                                                                                                                              | `"Image Slider"` |
| `loop_slides`        | Booléen     |  : si la valeur est définie sur True, les diapositives sont passées en boucle                                                                                                                | `True`           |
| `num_seconds`        | Nombre      |  : le temps de pause entre les diapositives, en secondes                                                                                                                                     | `5`              |
| `slides`             | JSON        |  : une liste JSON de la légende par défaut, de l'URL du lien, du texte alternatif, de l'image source et de l'ouverture ou non dans un nouvel onglet. Consultez la syntaxe de bloc ci-dessus. |                  |
