Ajouter et gérer une image

[vc_row type= »color » bg_color= »#e8e8e8″ vertical_align= »yes » column_gap= »no » padding_top= » » margin_top= »0″ margin_bottom= »0″ min_height= »220″][vc_column width= »1/2″][vc_empty_space height= »30px »][vc_column_text letter_spacing= » » css= ».vc_custom_1474891560583{margin-bottom: -10px !important;} »]

Ajouter et gérer une image

[/vc_column_text][vc_column_text letter_spacing= » » css= ».vc_custom_1474891584717{margin-right: 5% !important;} »]

Racontr accepte tous les formats d’images du web, jpeg, gif et png. Une fois optimisées et importées dans la partie média, vous pouvez les placer sur la scène.

[/vc_column_text][/vc_column][vc_column width= »1/2″][vc_empty_space height= »90px »][vc_column_text letter_spacing= » » css= ».vc_custom_1474891614622{margin-left: 5% !important;} »]

Voici les différentes possibilités de Racontr que nous allons aborder :

[/vc_column_text][/vc_column][/vc_row][vc_row padding_top= » »][vc_column width= »5/6″][vc_single_image image= »123″ img_size= »full » alignment= »center »][vc_empty_space height= »10px »][vc_row_inner][vc_column_inner width= »1/3″][vc_column_text]

Premier pas : Ajoutez une image sur une page

[/vc_column_text][vc_separator color= »custom » accent_color= »#009cad »][vc_column_text letter_spacing= » »]

  1. Pour importer une image sur la scène, cliquez sur le symbole « + » dans la barre d’outils à gauche de l’interface.
  2. La liste des éléments à votre disposition apparaît, cliquez sur « ajouter une image ».

La bibliothèque d’images comprend toutes les images que vous avez chargé dans l’onglet média.[/vc_column_text][/vc_column_inner][vc_column_inner width= »2/3″][vc_single_image image= »5713″ img_size= »full » onclick= »link_image » css= ».vc_custom_1463744172049{margin-right: 5% !important;} »][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner][vc_empty_space height= »50px »][vc_separator color= »custom » accent_color= »#e8e8e8″][vc_empty_space height= »30px »][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width= »1/3″][vc_column_text letter_spacing= » »]

Ajouter plusieurs images sur la scène

[/vc_column_text][vc_separator color= »custom » accent_color= »#009cad »][vc_column_text letter_spacing= » »]Pour importer plusieurs images sur la scène, cliquez sur la première puis en maintenant la touche « majuscule » sélectionnez les suivantes.

Enfin validez. Les médias apparaissent les uns au dessus des autres dans le coin supérieur gauche de la scène.

Vous pouvez gérer leurs profondeurs (quel élément recouvre quel élément) en vous rendant dans la pile de calque.[/vc_column_text][/vc_column_inner][vc_column_inner width= »2/3″][vc_column_text]

[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner][vc_empty_space height= »50px »][vc_separator color= »custom » accent_color= »#e8e8e8″][vc_empty_space height= »10px »][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width= »1/3″][vc_column_text letter_spacing= » »]

Propriétés des images

[/vc_column_text][vc_separator color= »custom » accent_color= »#009cad »][vc_column_text letter_spacing= » »]

  1. Vous pouvez renommer votre élément sachant que par défaut il prend le nom du fichier que vous avez importé. Vous pouvez également ajouter une class à votre élément (pour votre propre code CSS ou JS par exemple).
  2. Remplacez votre élément par un autre de votre librairie.
  3. Dupliquez votre élément
  4. Gérez l’opacité de l’élément (de 0% à 100%)
  5. Gérez la rotation de l’élément

[/vc_column_text][/vc_column_inner][vc_column_inner width= »2/3″][vc_single_image image= »5701″ img_size= »full »][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width= »1/3″][vc_separator color= »custom » accent_color= »#009cad »][vc_column_text letter_spacing= » »]

  1. Gérez l’opacité de l’élément (de 0% à 100%)
  2. Gérez la rotation
  3. Choisir la couleur du contour de l’image, définir le degré d’arrondi du contour, définir la taille du contour, sa position sur la scène (X ou Y).
  4. Changez la couleur de l’ombre portée, sa position (horizontale, verticale 10 et 11) et son niveau de flou (12).

[/vc_column_text][/vc_column_inner][vc_column_inner width= »2/3″][vc_single_image image= »5704″ img_size= »full »][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner][vc_empty_space height= »50px »][vc_separator color= »custom » accent_color= »#e8e8e8″][vc_empty_space height= »10px »][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width= »1/3″][vc_column_text]

Taille et position

[/vc_column_text][vc_separator color= »custom » accent_color= »#009cad »][vc_column_text letter_spacing= » »]

  1. Pour déplacer une image, vous pouvez cliquer-déplacer celle-ci ou rentrer sa position horizontale
  2. et verticale dans le coin inférieur droit de l’interface,
  3. ou rentrer sa largeur
  4. et sa hauteur.
  5. Vous pouvez verrouiller l’élément sur la scène.

[/vc_column_text][/vc_column_inner][vc_column_inner width= »2/3″][vc_single_image image= »5707″ img_size= »full »][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width= »1/6″][vc_empty_space height= »50px »][vc_widget_sidebar sidebar_id= »sidebar-1″][/vc_column][/vc_row][vc_row padding_top= »0″ padding_bottom= »0″][vc_column][vc_empty_space][vc_single_image image= »132″ img_size= »full » alignment= »center »][/vc_column][/vc_row][vc_row type= »color » bg_color= »#e8e8e8″ vertical_align= »yes » column_gap= »no » padding_top= » » margin_top= »0″ margin_bottom= »0″ min_height= »220″][vc_column width= »1/3″][vc_empty_space][vc_column_text]

Plus de
tutoriels :

[/vc_column_text][/vc_column][vc_column width= »1/3″][vc_empty_space height= »65px »][vc_column_text letter_spacing= » »]

[/vc_column_text][/vc_column][vc_column width= »1/3″][vc_empty_space height= »65px »][vc_column_text letter_spacing= » »]

[/vc_column_text][/vc_column][/vc_row]

Saving

Vous connecter avec vos identifiants

ou    

Vous avez oublié vos informations ?