Où se trouve la description personnelle ?

La description personnelle se trouve dans le profil de chaque bimbo, à savoir via le menu Ma Bimbo en haut, puis Voir mon profil :




Comment créer ou modifier la description ?

Pour créer ou modifier la description personnelle, il suffit de cliquer sur le lien Modifier ma description qui se trouve en dessous de l'image de la bimbo :



Au moment où on clique sur le lien, un éditeur de texte apparaît, ce qui permet d'ajouter du texte, des images, des liens, etc. :



L'éditeur est composé de deux barres de menus, d'une zone d'édition du texte et de deux boutons pour annuler ou enregistrer la description.


Les différentes fonctions de l'éditeur de texte

1. Modifier le style d'écriture du texte

Il existe tout d'abord deux manières de modifier le texte. Soit vous écrivez votre texte, puis vous sélectionnez le texte dont vous voulez modifier le style, soit, avant d'écrire, vous activez le(s) style(s) désiré(s) en n'oubliant pas de les désactiver lorsque vous n'en avez plus besoin.

Le menu permet de sélectionner la police d'écriture de votre texte. Il y en a 8 à disposition que vous pouvez apercevoir en cliquant sur la petite flèche noir dirigée vers le bas :



Le menu permet de modifier la taille du texte. Vous avez un aperçu des tailles disponibles en cliquant sur la flèche noire à droite du menu :



Le menu permet de mettre le texte en gras.

Le menu permet de mettre le texte en italique.

Le menu permet de souligner le texte désiré.

Le menu permet de barrer le texte.

Vous trouverez ci-dessous un exemple de chacune des fonctions ci-dessus :

2. Les couleurs

Lorsqu'un texte est écrit, il y a possibilité de modifier la couleur du texte en lui-même, ainsi que la couleur de l'arrière-plan du texte en utilisant les menus suivants :

Le menu permet de modifier la couleur du texte. En cliquant dessus, une grille de couleurs apparaît :



Il suffit de cliquer sur la couleur désirée pour la sélectionner puis de valider avec le bouton OK.

Le menu permet quant à lui de modifier l'arrière-plan du texte. En cliquant dessus, la grille de couleurs apparaît également.



Il suffit également de cliquer sur la couleur que vous désirez, puis que vous validiez avec le bouton OK

Le menu vous permet de voir la police et le style actuellement sélectionnés.

3. Texte en indice ou en exposant

Le menu vous permet de mettre votre texte soit en indice , soit en exposant .

4. Alignement du texte

Le menu permet d'aligner le texte, à savoir dans l'ordre : tout à gauche, au centre, tout à droite ou justifié :



5. Les listes numériques ou à puces

Au moyen des menus suivants , vous avez la possibilité de créer des listes soit numérotées, soit avec une puce qui s'affiche avant :

6. Décalage de paragraphe

Le menu permet de décaler un paragraphe complet vers la droite ou la gauche par rapport au reste du texte :

7. Ajouter une ligne horizontale

Le menu vous permet d'ajouter une ligne horizontale à votre description :

8. Ajouter un lien

A l'aide du menu , vous pouvez également ajouter un lien vers un autre site Internet.

La fenêtre suivante apparait :



URL correspond à l'adresse du site Internet dont vous voulez mettre un lien.
Texte alternatif correspond au texte qui apparaitra lorsque vous passerez la souris sur le lien.
Cible vous permet de sélectionner où va s'ouvrir le lien (Nouvelle fenêtre, Même frame, donc même page et Frame principale, si la page web est composée de plusieurs parties appelées Frame)

9. Ajouter une image

A l'aide du menu , vous pouvez ajouter une image à votre description.

La fenêtre suivante apparait :



URL image correspond à l'adresse HTML de l'image que vous voulez ajoutées, sans les balises [img]. Dans l'exemple d'une image hébergée sur le site Ma-Bimbo, vous recevez un lien comme le suivant :

[url=http://photo.ma-bimbo.com/view.php?photoId=134658][img]http://photo.ma-bimbo.com/1/169/moy/134658.jpg[/img][/url]

L'adresse internet de l'image que vous devez mettre est celle qui se situe entre les balises [img]et [ /img], à savoir :

http://photo.ma-bimbo.com/1/169/moy/134658.jpg

Dans la case Texte alternatif, vous pouvez mettre le texte qui s'affichera en info-bulle lorsque le visiteur passera la souris sur l'image.

Le menu déroulement Alignement correspond à l'alignement de l'image dans le texte (à gauche, au centre, à droite, etc.).

La case Epaisseur de bordure vous permet de mettre une bordure à votre image. Il suffit de mettre la dimension de la bordure que vous désirez, comme par exemple 1.

Les cases Espacement (Horizontal et Vertical) correspondent à l'espacement qu'il va y avoir entre votre image et le texte qui se trouvera autour de celle-ci. Ce sont des valeurs numériques également.

Le bouton Prévisualiser vous permet de voir votre image en prévisualisation pour être sûr que le lien est le bon.

10. Ajouter un tableau

Le menu vous permet d'ajouter un tableau dans votre description.

La fenêtre suivante apparait :



Les cases Lignes et Colonnes vous permettent de définir le nombre de lignes et de colonnes que vous voulez ajouter à votre tableau.

La case Largeur vous permet de définir la largeur de votre tableau.

Le menu déroulant Alignement définit l'alignement de votre tableau par rapport à votre description, à savoir Gauche, Droite, Bas, Haut, etc.

La case Epaisseur de bordure permet d'ajouter une bordure au tableau de la largeur désirée, par exemple 1.

La case Espacement définit l'espacement entre les différentes cellules du tableau et la case Marge interne la marge à l'intérieur d'une cellule.

Exemple d'un tableau de 2 lignes et 4 colonnes de largeur 50 % de la description aligné sur la droite avec un espacement de 5 à l'intérieur des cellules :

11. Divers

Les menus permettent de revenir en arrière ou de repartir vers l'avant lorsque vous êtes en train de faire des modifications sur votre description.

Le menu vous permet de sélectionner toute la description.

Les menus vous seront expliqués plus tard, quand je saurais à quoi ils servent

Le menu vous permet d'annuler toute la mise en forme déjà mise dans votre description (police, taille de texte, style du texte - gras, italique, etc. -, couleur du texte, etc.

Le menu vous permet d'afficher/cacher les bordures de tableau ou d'image, par exemple. Cela n'a d'incidence que dans l'éditeur. Après enregistrement, les bordures apparaissent quand même.

Le menu vous permet de définir l'espacement entre les différents blocs de texte. Ainsi, lorsque vous revenez à la ligne, l'espacement entre les deux lignes de textes est fixé automatiquement. Vous pouvez rapprocher les deux lignes en cliquant sur l'icône ci-dessus :

Les deux premières lignes correspondent à un espacement normal et les deux autres à un espacement rapproché.

Les menus vous permettent de définir depuis quel côté vous voulez écrire (écriture depuis la gauche ou depuis la droite)

Le menu permet d'afficher le code HTML de votre description. ATTENTION : à n'utiliser que si vous êtes habitués à travailler avec le code HTML.

Le menu vous affichera une petite aide sur les raccourcis clavier que vous pouvez utiliser pour faire la description :



A la fin de votre description, n'oubliez pas de l'enregistrer au moyen du bouton Enregistrer. Le bouton Annuler vous permet de fermer l'éditeur sans apporter de modifications.



.:: Retour à la table des matières ::.

Comment ajouter une vidéo Youtube dans sa description ?

Tout d'abord, allez sur le site de http://www.youtube.com pour trouver la vidéo que vous voulez ajoutée.

Lorsque vous visionnez votre vidéos, vous trouvez en haut à droite les informations suivantes :



Copiez le code disponible dans la case Embed :



Allez dans le profil de votre bimbo, cliquez sur le lien "Modifier ma description".

Tout comme pour le lecteur de musique, le code donné par Youtube est au format HTML. Il faut donc passer l'éditeur de description en mode HTML en cliquant sur le bouton qui affiche le code HTML :



Collez le code donné pas Youtube dans la case d'édition de l'éditeur de description. Dans mon cas, voilà le code :

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/FzCCYIYjArY&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/FzCCYIYjArY&hl=en&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object>

IL EST EGALEMENT IMPERATIF DE REVENIR EN MODE NORMAL DANS L'EDITEUR DE DESCRIPTION.

Pour cela cliquez sur le bouton qui affiche le code HTML :



Voilà comment s'affiche ensuite l'éditeur :



Cliquez ensuite sur le bouton Enregistrer pour sauvegarder votre description :



Et voilà ce qui apparait finalement :




.:: Retour à la table des matières ::.