Mémo pour les accrocs de ce tuto :
- Se connecter sur http://banner.fotor.com/
- Définir des dimensions en pixels pour votre bannière. Width = largeur; Height = hauteur
- Une fois les dimensions validées, cliquer sur le bouton « Start Now«
- Une fois le nouveau tableau apparu, cliquer en haut à gauche sur le bouton « Background« = fond de la bannière
- Définir un type de fond pour votre bannière : Solid Color = couleur unie; Linear Gradient = dégradé linéaire; Texture = texture ou image de fond; Blank = sans fond
- Une fois que le fond est défini, cliquer en haut à gauche sur le bouton « Content« = contenu de la bannière
- Pour ajouter des images, cliquer en haut tout à droite sur « Add Photos » = ajouter des photos
- Pour ajouter du texte, cliquer sur la colonne de gauche sur « Insert Text » = ajouter du texte
- Voici les options de réglages pour le texte : « Enter Text Here » = saisissez votre texte ici; pour la police voir le menu déroulant juste en-dessous de la zone précédente; « B » = texte en gras; « I« = texte en italique; « Color » = couleur; « Opacity » = opacité du texte; « Rotate » = rotation du texte; « Leading » = taille de l’espace interligne
- Pour ajouter des boutons ou des images prédéfinies par le site, voir la colonne de gauche « Clipart«
- Lorsque vous avez ajouté une image, vous pouvez modifier la taille en jouant sur l’onglet « Size«




superbe ta vidéo! Bravo Cédric. Super bien expliqué
Comme je suis graphiste – hi hi – je n’ai pas besoin d’aller sur ce site MAIS MAIS je veux bien avoir un pop up comme le tiens!!!!!!
Merci Renata,
Pour la popup, je te recontacterai si tu veux vraiment la mettre en place sur ton blog.
Bonjour Cédric,
J’ai apprécié le contenu de ta vidéo.
j’apprends tous les jours et ai beaucoup appris sur la création rapide d’une bannière.
Une fois celle-ci créée : comment mettre l’url d’un formulaire d’inscription derrière le bouton je m’inscris.
Bien cordialement.
Je m’aperçois après création qu’il s’agit d’une image!
je ne peux donc rien mettre derrière le bouton!
Si besoin dans l’url de l’image mais cela n’aurait pas de sens.
A vous lire.
Cordialement.
Salut Caddy,
Malheureusement ce tuto ne concerne que le design d’une simple bannière. Pour une fois, ce n’est pas un tuto de programmation que je fais !
Que concerne ton bouton ? A te lire, j’ai l’impression que tu veux mettre une inscription à une mailing list comme pour Aweber.
Peux-tu m’en dire plus sur ton problème ?
Bonne journée
Bonjour Cédric,
Merci de ta réponse rapide.
En effet, j’ai mal compris l’utilité de ce type de bannière.
Il s’agit en effet d’une image.
le fait que tu aies mis un bouton m’a « perturbé », je me suis imaginé une fonction à ce bouton (ce n’est que du texte!).
Bien cordialement.
Mea culpa, je n’aurais pas du déraper sur l’insertion de bouton
Mais ton intervention me donne une idée de création de tuto : désigner une bannière et programmer l’insertion d’elements cliquables. Une sorte de niveau 2 de cet actuel article. Je vais creuser l’idée. Si je trouve quelque chose, je reviendrai pour te faire signe 😉
Bonjour Cédric,
Merci de ta réponse rapide : c’est rare de nos jours!
J’ai néanmoins utilisé le tuto et le logiciel de création préconisé afin de réaliser quelques bannières « efficaces »
N’hésite pas à revenir vers moi et pas seulement pour me faire signe.
Je suis à ta disposition si tu rencontres de pb liés à la gestion d’entreprise.
Bien cordialement.
Rebonjour Cédric,
Je reviens vers toi.
J’ai simplement mis un lien personnalisé sur l’image, cette fonction me permet de rendre cliquable l’image comme s’il s’agissait du bouton.
Bien cordialement.
Bonjour Caddy, simple et efficace, c’est parfait !
Pour info, je viens de lancer ma première newsletter, tu peux t’y inscrire, si ce n’est pas déjà fait, en recevant mon ebook ici >>> http://onirisweb.net/telecharger-le-manuel-de-combat-pour-les-newbies-de-linfographie/