Encadrer ses images

par **Le Grand Duc** Ven 5 Fév 2021 - 15:59

Un nouveau bouton dans la barre des outils de l'éditeur permet d'ajouter un cadre autour de ses images. main bas

[cadre=simple] Encadrer ses images 01138

[/cadre]

Ce bouton ouvre une sous-fenêtre main bas

[cadre=simple] Encadrer ses images 0267

[/cadre]

dans laquelle vous pouvez choisir entre deux modèles de cadre:
1° Cadre simple : il s'agit d'un simple ligne de 1 pix. qui entoure la zone sans espace. Une légère ombre met en relief le cadre. Ce type de cadre sera surtout utile, comme par exemple dans les tutoriels, pour faire ressortir une saisie d'écran prise dans le forum lui-même, donc avec les mêmes couleurs de fond.
2° Cadre photo : ce type d'encadrement rappelle nos anciennes photos sur papier du temps de l'argentique, avec une bordure blanche. À utiliser pour vos plus belle photos de jardin pour les mettre en valeur. main bas

[cadre=photo] Encadrer ses images 004092

[/cadre]

Utilisation en mode BBcode

1° Sélectionner le code qui définit l'image main bas

[cadre=simple]

[/cadre]

2° choisir le type de cadre tel que montré plus haut (ici photo). Et voilà ! Le code [cadre a été ajouté. main bas

[cadre=simple]

[/cadre]

Utilisation en mode Wysiwig

En mode Wysiwig, l'éditeur ne permet pas de sélectionner l'image facilement. Le truc c'est de créer votre cadre avant l'image et ensuite d'y ajouter votre image main bas

[cadre=simple]

[/cadre]

Placez le curseur à l'intérieur du cadre, et maintenant insérez votre image.

[cadre=photo]N.B. Les cadres peuvent aussi être utilisés [cadre=simple]autour de texte ou de combinaison de texte et d'image[/cadre]. Ils peuvent même être [cadre=simple]imbriqués à [cadre=simple]plusieurs niveaux[/cadre][/cadre], mais attention, c'est comme pour la pétafouère, vaut mieux ne pas en abuser ricane

[/cadre]

par **Cloo** Ven 5 Fév 2021 - 16:24

Merci, LGD pouce

À noter que ça fonctionne aussi quand on utilise le code un peu plus complexe fourni par des hébergeurs comme Servimg, Flickr ou autres Oui

Code:: [url=https://servimg.com/view/14541254/1725][img]https://i.servimg.com/u/f88/14/54/12/54/phlox_10.jpg[/img][/url]

Ce qui donne:
[cadre=photo]

[/cadre]

Avec Flickr, qui est composé de deux codes url, il faut éliminer le deuxième qui ne sert qu'à afficher un lien vers l'album de l'auteur... ce que je fais de toute manière à chaque fois!

Le code fourni par Flickr:

Code:: [url=https://flic.kr/p/Vr7oAi][img]https://live.staticflickr.com/4258/35071067773_be0d30e7c5_c.jpg[/img][/url][url=https://flic.kr/p/Vr7oAi]Renanthera_bella_Rhynchostylis_gigantea_20170405[/url] by [url=https://www.flickr.com/photos/25627527@N00/]Claudie[/url], sur Flickr

On enlève les deux dernières lignes pour ne garder que ceci:

Code:: [url=https://flic.kr/p/Vr7oAi][img]https://live.staticflickr.com/4258/35071067773_be0d30e7c5_c.jpg[/img][/url]

Clic sur Cadre, et hop! ça donne ceci:
[cadre=photo]

[/cadre]

par **Jean-Mi** Ven 5 Fév 2021 - 16:27

Sur mobile, je vois les codes, mais aucun cadre.

par **Le Grand Duc** Ven 5 Fév 2021 - 16:33

En effet, je n'avais pas vérifié. Je vais regarder ça. Oui

par **Cloo** Ven 5 Fév 2021 - 16:34

Je les vois bien sur mon téléphone Samsung Oui

Aussi sur ma tablette Samsung, mais ça prend un peu de temps à s'afficher, par contre.

par **Le Grand Duc** Ven 5 Fév 2021 - 16:37

Cloo a écrit:Je les vois bien sur mon téléphone Samsung

Ah ? moi aussi j'ai un Samsung et je ne les vois pas non plus. Pourtant j'utilise Chrome. scratch

L'ennui c'est que je ne dispose d'aucun outil pour débogger sur un téléphone.

par **Cloo** Ven 5 Fév 2021 - 16:40

Ça prend un peu de temps à afficher Clin d'oeil

par **Le Grand Duc** Ven 5 Fév 2021 - 16:45

OK, je suis passé en « mode écran », et là je les vois. Le problème c'est que je ne peux plus passer en mode mobile attend

par **Cloo** Ven 5 Fév 2021 - 17:12

Le Grand Duc a écrit:OK, je suis passé en « mode écran », et là je les vois. Le problème c'est que je ne peux plus passer en mode mobile

Tout en bas à droite, tu devrais avoir un lien "Version mobile".

En effet, en version mobile, on ne voit pas les cadres, mais seulement les balises [ cadre ] et [ / cadre ]

par **Le Grand Duc** Ven 5 Fév 2021 - 17:47

Cloo a écrit:Tout en bas à droite, tu devrais avoir un lien "Version mobile".

Vu, merci

par **Cloo** Ven 5 Fév 2021 - 17:50

À noter également que, pour éviter d'avoir la barre d'outils sur 2 lignes, le bouton Dailymotion a été déplacé avec les icônes supplémentaires qui sont affichés quand on clique sur "...", en mode d'édition normal (ce bouton n'était pas là de toute manière en mode "réponse rapide" en bas de l'écran).

par **Bersimis** Ven 5 Fév 2021 - 18:17

Pour ma part, les photos vivantes du jardin sont super belles directement sur le forum....

Encadrées, je vois l’effet empaillé. C’est mieux simple.

Merci pour la recherche.

Au plaisir, Bersimis

par **Cloo** Sam 6 Fév 2021 - 9:42

Ce sera bien utile, par contre, pour les copies d'écran dans les tutoriels, qui, le plus souvent, ne ressortent pas sur le fond d'écran (à moins que la personne ait pris la peine de mettre un cadre dans un logiciel comme Photofiltre, par exemple, ou autre) Clin d'oeil

par **grigri** Sam 6 Fév 2021 - 10:59

Il y a Cloclo qui encadrait ses images et j'ai toujours trouvé que ça faisait une belle carte de visite, beaucoup de classe...

ça va lui faciliter la tâche !

par **Le Grand Duc** Dim 7 Fév 2021 - 11:20

Jean-Mi a écrit:Sur mobile, je vois les codes, mais aucun cadre.

J'ai corrigé le script, ça devait marcher maintenant.

par **Jean-Mi** Dim 7 Fév 2021 - 17:40

Le Grand Duc a écrit:
Jean-Mi a écrit:Sur mobile, je vois les codes, mais aucun cadre.
J'ai corrigé le script, ça devait marcher maintenant.

Ah oui !! Beau travail

par **Bersimis** Dim 7 Fév 2021 - 17:59

Ça marche sur iPhone. Merci Hello

par Contenu sponsorisé

Encadrer ses images