Nuova versione mobile... cosa vorresti in più?

admin, 27/08/2020 09:58:

---

Quando ci sono immagini utilizziamo il summary with large image.

Ho fatto una prova qui sul validator e su una discussione e prende quella grande:

cards-dev.twitter.com/validator

Puoi provare lì cosa ti visualizza o se ci sono errori?

---

Admin, a me la card validator di Twitter continua a restituirmi immagini piccole.

Ho provato con questo topic: mjj.freeforumzone.com/d/11720288/Accadde-Oggi-COLORE-B61001-27-Agosto-1993-COLORE-Il-Dangerous-Tour-a-Bangkok-e-quel-dolore-/discussi...

admin, 27/08/2020 10:40:

---

Instagram e Twitter sono già supportati (da desktop per ora) con l'apposito pulsante di inserimento.
Puoi confermare?
Eventualmente se il sistema non individua più il codice segnalatelo

---

Admin, inserendo il codice di incorporamento fornito da Instagram e Twitter, mi esce questo:


INSTAGRAM:




TWITTER:

Per la card, puoi fare una prova in una discussione utilizzando una foto con aspect ratio 2:1?
(Es. 1000x500)

Per i codici da incorporare, puoi inviarmi il codice che hai in provato a includere?
Quelli che ho utilizzato mi funzionano

admin, 28/08/2020 21:15:

---

Per la card, puoi fare una prova in una discussione utilizzando una foto con aspect ratio 2:1?
(Es. 1000x500)

---

Niente Admin, ho provato con QUESTO TOPIC DI PROVA con immagine 1000x500, ma mi dà sempre l'immagine piccola.

admin, 28/08/2020 21:15:

---

Per i codici da incorporare, puoi inviarmi il codice che hai in provato a includere?
Quelli che ho utilizzato mi funzionano

---

CODICE INSTAGRAM: (Link al post)

<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="https://www.instagram.com/p/CEcGvFcKHj2/?utm_source=ig_embed&amp;utm_campaign=loading" data-instgrm-version="12" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:16px;"> <a href="https://www.instagram.com/p/CEcGvFcKHj2/?utm_source=ig_embed&amp;utm_campaign=loading" style=" background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank"> <div style=" display: flex; flex-direction: row; align-items: center;"> <div style="background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;"></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;"></div></div></div><div style="padding: 19% 0;"></div> <div style="display:block; height:50px; margin:0 auto 12px; width:50px;"><svg width="50px" height="50px" viewBox="0 0 60 60" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-511.000000, -20.000000)" fill="#000000"><g><path d="M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631"></path></g></g></g></svg></div><div style="padding-top: 8px;"> <div style=" color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;"> Visualizza questo post su Instagram</div></div><div style="padding: 12.5% 0;"></div> <div style="display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;"><div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);"></div> <div style="background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;"></div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);"></div></div><div style="margin-left: 8px;"> <div style=" background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;"></div> <div style=" width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)"></div></div><div style="margin-left: auto;"> <div style=" width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);"></div> <div style=" background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);"></div> <div style=" width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);"></div></div></div></a> <p style=" margin:8px 0 0 0; padding:0 4px;"> <a href="https://www.instagram.com/p/CEcGvFcKHj2/?utm_source=ig_embed&amp;utm_campaign=loading" style=" color:#000; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none; word-wrap:break-word;" target="_blank">🎤 IL DOLORE CELATO DI BANGKOK 🎤 . Il 27 Agosto 1993, Michael Jackson si congedò dal caloroso pubblico thailandese esibendosi nel secondo concerto del suo &#34;Dangerous World Tour&#34; al National Stadium di Bangkok, dove 70.000 persone accorsero in massa per assistere all&#39;inenarrabile magia del Re del Pop. . Grazie al filmato qui sotto, trasmesso da un&#39;emittente televisiva locale dell’epoca, possiamo rivivere e analizzare i primi momenti di questo show. . . 📌 DALLE ACCUSE AI DOLORI 📌 . Nonostante il caldo umido e la frustrazione per le recenti, false accuse di molestie su minore, Michael balla con grande energia e concentrazione, quasi come se volesse sfogare tutta la sua rabbia sul palcoscenico. . Come se non bastasse, il Re del Pop si era da poco sottoposto a un intervento al cuoio capelluto, sulla zona dello scalpo, per lenire i forti e persistenti dolori dovuti al celebre incidente pirotecnico di cui fu vittima nel 1984, quando i suoi capelli presero fuoco sul set per lo spot della Pepsi. . 📌 LE SPERIMENTAZIONI DI &#34;JAM&#34; 📌 . Normalmente, all&#39;inizio dell&#39;esibizione di &#34;Jam&#34;, Michael si sfila gli occhiali da sole, esegue una giravolta in senso antiorario, li lancia alla sua destra e finge di colpirli con un calcio, accompagnato dal classico rumore di vetri infranti che apre la canzone. . Stavolta, invece, il Re del Pop lancerà gli occhiali alla sua sinistra, non simulerà il calcio e non partirà l&#39;effetto dei vetri infranti, ma direttamente il countdown «one, two, three, yeah». . Si tratta, molto probabilmente, non di un errore ma di una scelta voluta, in modo da sperimentare una nuova introduzione per la performance. . Musicalmente, i suoni più decisi e corposi sono quelli del basso elettrico, della batteria e delle tastiere. . Rispetto alla prima serata di Bangkok, sulla giacca di Michael compare una finta zip dorata. . . 📌 “WANNA BE STARTIN&#39; SOMETHIN&#39;” 📌 . Durante l&#39;esibizione di &#34;Wanna Be Startin&#39; Somethin&#39;&#34;, il Re del Pop appare vocalmente stanco e affaticato, pur eseguendo i suoi passi di danza con notevole energia. Chitarra e basso elettrico la fanno da padroni nel mix degli strumenti. . . . #michaeljackson #dangeroustour #bangkok #jam #music #musica</a></p> <p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;">Un post condiviso da <a href="https://www.instagram.com/mjfansquare/?utm_source=ig_embed&amp;utm_campaign=loading" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px;" target="_blank"> Michael Jackson FanSquare</a> (@mjfansquare) in data: <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2020-08-28T16:09:50+00:00">28 Ago 2020 alle ore 9:09 PDT</time></p></div></blockquote> <script async src="//www.instagram.com/embed.js"></script>


CODICE TWITTER: (Link al post)

<blockquote class="twitter-tweet"><p lang="it" dir="ltr">📷 FOTO INEDITA 📸<a href="https://twitter.com/hashtag/Rotterdam?src=hash&amp;ref_src=twsrc%5Etfw">#Rotterdam</a> (Paesi Bassi), 1° Luglio 1992 - A tre giorni dal suo ritorno in Italia, <a href="https://twitter.com/hashtag/MichaelJackson?src=hash&amp;ref_src=twsrc%5Etfw">#MichaelJackson</a> emoziona i 46.000 fan del Feijenoord Stadium con l&#39;ultimo concerto olandese del suo memorabile &quot;Dangerous World Tour&quot;. <a href="https://t.co/3slQso6lAQ">pic.twitter.com/3slQso6lAQ</a></p>&mdash; Michael Jackson FanSquare • ITALIA (@mjfansquare) <a href="https://twitter.com/mjfansquare/status/1298706677357830144?ref_src=twsrc%5Etfw">August 26, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

Se inseriti nella discussione non funzionano, gli script non sono ammessi nei post.
I codici da incorporare inseriti direttamente nei post funzionano solo quelli con iframe (es. youtube o facebook).

Devi usare il pulsante per importare gli "Elementi multimediali", trasformano tutto quel codice nei seguenti tag:

[INSTAGRAM]https://instagram.com/p/CEcGvFcKHj2[/INSTAGRAM]

[TWEET]https://twitter.com/mjfansquare/status/1298706677357830144?ref_src=twsrc%5Etfw[/TWEET]

Questi funzionano poi.

La nuova versione è quasi ultimata, molte delle cose proposte non è stato possibile implementarle altrimenti avremmo allungato troppo i tempi (es nuovo upload mobile, tag utenti @, e altro, hanno tempi di sviluppo più lunghi)

Per le cose mancanti consiglio di aprire singolarmente una nuova discussione in suggerimenti.

Man mano quello che verrà posto in progetto sarà taggato con il tag della versione futura, in modo da avere un feedback su cosa si sta lavorando.

In questa versione ci sono molte cose interessanti tra cui le CARD, nuovi tag EMBED e altri utili per il codice ffz.
Diverse migliorie e l'integrazione con la piattaforma giphy (è venuta molto bene, grazie per il suggerimento 👍)

La nuova versione è online:
www.freeforumzone.com/d/11722364/Nuova-versione-FFZ-del-07-09-2020-ver-5-2-e-ver-mobile-2-2/discussi...