Affichage du forum selon la version web ou téléphone

par Lalittle Sam 21 Jan 2023 - 10:16

Détails techniques

Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Plusieurs utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour à tous !

Mon forum date d'octobre 2022, je l'ai créé via un Mac de bureau.
Je n'utilise que mon Mac ou mon Macbook ; je ne gère rien à partir de mon iphone (ni ne consulte) d'autant que la vitre de l'écran est actuellement fissurée en divers endroits...

J'ai une partie des membres qui utilise le PC, et a priori aucun souci pour eux.

En revanche, j'ai régulièrement des messages évoquant des problème d'affichage, d'accès aux options, de choses qui apparaissent ou disparaissent de la part des personnes utilisant le forum depuis leur téléphone.

Je ne parviens pas à leur donner de solution.
J'ai tenté dans le PA de cocher "forcer l'option web", mais il semble que ça ait généré tout de même des soucis je l'ai donc pour l'heure décochée.

Y a-t-il une quelconque manière de faire en sorte que la version affichée sur un téléphone soit totalement identique à celle affichée sur un pc ?

Merci par avance pour votre aide (encore une fois !) ::moitimide::

par **Toryudo** Lun 23 Jan 2023 - 13:54

Bonjour !
Avec MODERNBB non, le forum s'adapte automatiquement aux dimensions de l'appareil pour une meilleure lisibilité, vous ne pourrez pas obtenir le même résultat sur un grand écran et sur un petit écran... sauf si ! Sauf si vous prenez la fenêtre de votre navigateur et que vous la réduisez. Là, vous pourrez voir ce que les petits écrans voient.

Après... il faut aussi savoir que les moteurs de rendu des navigateurs sur PC sont différents des moteurs de rendu des navigateurs sur téléphone, il peut arriver qu'il y ait de tout petits écarts. Mais là, ça doit être autre chose. Est-ce que vous pourriez dire ce qui a été modifié sur le forum ? Des Templates, de l'ajout de CSS ? Est-ce que les membres impactés pourraient dire sur quelle page et sur quel élément cela arrive ? Si on arrive à résoudre le problème, ce sera encore mieux.

par Lalittle Mar 24 Jan 2023 - 11:21

Bonjour et merci pour cette réponse...

Je comprends au moins qu'il n'est pas possible d'obtenir le résultat que je visais ; voilà qui répond finalement à de nombreuses interrogations que j'avais...

Ce qu'il y a c'est que des membres ont fait remonter le fait que, par exemple, ils n'avaient pas le même accès aux smileys, ou à diverses fonctions selon qu'ils utilisent la version web ou la version téléphone...
Il semble aussi que les couleurs ne soient pas forcément fidèles, voire que l'ensemble soit parfois déstructuré !
MAIS (car il y a un mais Affichage du forum selon la version web ou téléphone 1f60a

Affichage du forum selon la version web ou téléphone 1f60a

) je dois aussi préciser avoir fait pas mal de test de scripts pour un peu décorer, et il semble que ça mettait le dawa dans l'apparence du forum en version téléphone à chaque fois ^^

En revanche la question des fonctions était antérieure... par exemple il semblerait que les membres sur téléphone n'aient pas tous accès aux smileys ou à "voir les nouveaux messages depuis votre dernière visite".
Aussi, j'utilise en permanence le cadre "annonce" sur la page d'accueil avec un lien sous image pour les mener directement à cette rubrique.
Eh bien selon l'image utilisée, soit c'est le chantier dans l'apparence, soit ça fonctionne à peu près...

Bref, je me demande si tout ça ne vient pas des scripts que je tentais ?
(je n'y connais pas grand chose hein...)

S'agissant du cadre annonce que j'utilise, voici un exemple avec deux images différentes envoyées par un membre :

Affichage du forum selon la version web ou téléphone Airbru15

Affichage du forum selon la version web ou téléphone Airbru14

(il y a régulièrement ce problème de tout un tas de lettres qui s'invitent dans les messages quand on utilise la fonction "éditer", incidemment)

Bon, il n'y a rien là qui nécessite que vous preniez beaucoup de temps, dans la mesure ou finalement la solution était dans votre première réponse : il ne faut pas que je bricole pour tenter d'avoir le même résultat dans les deux versions, c'est pas fait pour Affichage du forum selon la version web ou téléphone 1f600

Affichage du forum selon la version web ou téléphone 1f600

)

Belle journée à vous !

par **Toryudo** Mar 24 Jan 2023 - 14:32

Bonjour !
Je vois qu'en effet, le code écrit dans "annonce" semble un peu complexe pour le résultat souhaité.
Un peu comme s'il y avait plein de ratures.

Est-ce que vous pourriez fournir le ou les codes entre les balises [code] ? Comme ça, je fais en sorte de le nettoyer un peu et on voit ce que ça donne pour les gens qui sont sur téléphone !

par Lalittle Jeu 26 Jan 2023 - 7:34

Un grand bonjour à vous !

Alors, je ne sais pas si vous avez fait un truc particulier après mon dernier message, mais visiblement la version téléphone a (enfin !!!) les mêmes couleurs que la version web... ce qui n'était pas du tout le cas jusqu'à présent.
L'en-tête était totalement déstructuré mais également avec un placard noir venu de nul part... et les sections du forum étaient dans tes tons basiques.

S'agissant du code, je vous mets celui de la vignette que j'ai "bricolée", qui est celle destinée à rester en place.
Et qui, donc, offre l'accès aux derniers messages postés en un clic pour (normalement ^^)

Code:: <div align="center"> <span style="color: rgb(102, 0, 153); font-family: Georgia; font-size: 16px;"><span style="font-size: 18px;"><span style="font-size: 24px;"><span style="font-size: 24px;"><span style="font-size: 18px;"><span style="font-size: 24px;"><span style="font-size: 24px;"><strong><span style="font-size: 24px;"><span style="font-size: 24px;"><span style="">TU VEUX VOIR LES TOUT DERNIERS POSTS ?</span></span></span></strong></span></span></span></span></span></span></span> </div> <div align="center"> <span style="color: rgb(102, 0, 153); font-size: 16px;"><span style="font-size: 18px;"><span style="font-size: 24px;"><span style="font-size: 24px;"><span style="font-size: 18px;"><span style="font-family: Times New Roman; font-size: 24px;"><span style="font-size: 24px;"><strong><span style="font-size: 24px;"><span style="font-size: 24px;"><span style="">c<span style="color: rgb(204, 51, 153);">l</span>i<span style="color: rgb(204, 51, 153);">q</span>u<span style="color: rgb(204, 51, 153);">e</span> :<br /></span></span></span></strong></span></span></span></span></span></span></span> </div> <div align="center"> <span style="font-size: 16px;"><span style="color: rgb(153, 102, 102);"><span style="color: rgb(204, 51, 102);"><span style="font-size: 24px;"><span style="font-size: 24px;"><span style="font-size: 18px;"><span style="font-family: Times New Roman; font-size: 24px;"><span style="font-size: 24px;"><strong><span style="font-size: 24px;"><span style="font-size: 24px;"><span style=""><a href="https://in-morues-we-trust.forumactif.com/search?search_id=newposts"><img style="width: 300px; height: 100px;" src="https://i.servimg.com/u/f97/20/45/63/81/morue_12.png" /><br /></a></span></span></span></strong></span></span></span></span></span></span></span></span> </div>

J'ai prévisualisé je doute que ce soit comme ça qu'il faille copier/copier ?
Je suis désolée je ne sais pas trop comment faire... Embarassed

par **Toryudo** Ven 27 Jan 2023 - 20:57

C'était bien ça !
Bon, je l'ai juste épousseté, ça donne visuellement exactement le même résultat, mais je pense qu'il y a peu de chance que ça résolve votre problème...

Code:: <div align="center"> <span style="color: rgb(102, 0, 153); font-family: Georgia; font-size: 24px;"><strong>TU VEUX VOIR LES TOUT DERNIERS POSTS ?</strong></span> </div> <div align="center"> <span style="color: rgb(102, 0, 153); font-family: Times New Roman; font-size: 24px;"><strong>c<span style="color: rgb(204, 51, 153);">l</span>i<span style="color: rgb(204, 51, 153);">q</span>u<span style="color: rgb(204, 51, 153);">e</span> :</strong></span> </div> <div align="center"> <a href="https://in-morues-we-trust.forumactif.com/search?search_id=newposts"><img style="width: 300px; height: 100px;" src="https://i.servimg.com/u/f97/20/45/63/81/morue_12.png" /></a> </div>

Ça se tente toujours !

par Lalittle Sam 28 Jan 2023 - 6:27

Merci beaucoup !!!! Sourire amical

Je vais remplacer de suite le code...

Mais comment je me suis débrouillée pour mettre autant de trucs inutiles ?!
Est-ce que c'est parce que je ne sais pas comment mettre une image en guise de lien, du coup je bricole à chaque fois ?
(par "je bricole", j'entends que j'écris d'abord quelques mots en cible sur un lien inséré, puis j'insère une image au milieu, puis j'efface toutes les lettres de chaque côté... Visage rougissant

m'étonnerait que ce soit bien académique, mais je n'ai jamais trouvé comment faire autrement ^^)

Je vais voir si quelque chose change pour le membres après la modification.

Une chose est absolument certaine en revanche, et ce pour des membres qui utilisent le pc également : chaque fois qu'on change la police, sa taille ou sa couleur, c'est immédiatement le dawa dans le contenu du message : tout un tas de lettres qui s'ajoutent sous le messages, de nombreux interlignes en plus impossibles à remettre correctement, etc...

J'ai ce même problème lorsque j'agis sur la police dans mes messages d'annonce (exemple dans la première copie d'écran plus haut)

Je vous mets un exemple pour les lettres qui s'ajoutent à la fin d'un post quand on modifie la police ou sa couleur (pardon c'est super long) :

Code:: G M T Y [tr][td class="SL_td" align="right" width="10%"][/td] [td class="SL_td" align="left" width="20%"] Détecter la langue Afrikaans Albanais Allemand Amharique Anglais Arabe Arménien Azéri Basque Bengali Biélorusse Birman Bosniaque Bulgare Catalan Cebuano Chichewa Chinois Simp Chinois Trad Cingalais Coréen Corse Créole haïtien Croate Danois Espagnol Espéranto Estonien Finnois Français Frison Gaélique (Écosse) Galicien Gallois Géorgien Grec Gudjarati Haoussa Hawaïen Hébreu Hindi Hmong Hongrois Igbo Indonésien Irlandais Islandais Italien Japonais Javanais Kannada Kazakh Khmer Kirghiz Kurde (Kurmanji) Kurde (Sorani) Laotien Latin Letton Lituanien Luxembourgeois Macédonien Malaisien Malayalam Malgache Maltais Maori Marathi Mongol Néerlandais Népalais Norvégien Ouzbek Pachtô Panjabi Persan Polonais Portugais Roumain Russe Samoan Serbe Sesotho Shona Sindhî Slovaque Slovène Somali Soudanais Suédois Swahili Tadjik Tagalog Tamoul Tatar Tchèque Telugu Thaï Turc Ukrainien Urdu Vietnamien Xhosa Yiddish Yorouba Zoulou [/td] [td class="SL_td" align="center" width="3"][/td] [td class="SL_td" align="left" width="20%"] Français Anglais Italien -------- [ Toutes ] -------- Afrikaans Albanais Allemand Amharique Anglais Arabe Arménien Azéri Basque Bengali Biélorusse Birman Bosniaque Bulgare Catalan Cebuano Chichewa Chinois Simp Chinois Trad Cingalais Coréen Corse Créole haïtien Croate Danois Espagnol Espéranto Estonien Finnois Français Frison Gaélique (Écosse) Galicien Gallois Géorgien Grec Gudjarati Haoussa Hawaïen Hébreu Hindi Hmong Hongrois Igbo Indonésien Irlandais Islandais Italien Japonais Javanais Kannada Kazakh Khmer Kirghiz Kurde (Kurmanji) Kurde (Sorani) Laotien Latin Letton Lituanien Luxembourgeois Macédonien Malaisien Malayalam Malgache Maltais Maori Marathi Mongol Néerlandais Népalais Norvégien Ouzbek Pachtô Panjabi Persan Polonais Portugais Roumain Russe Samoan Serbe Sesotho Shona Sindhî Slovaque Slovène Somali Soudanais Suédois Swahili Tadjik Tagalog Tamoul Tatar Tchèque Telugu Thaï Turc Ukrainien Urdu Vietnamien Xhosa Yiddish Yorouba Zoulou [/td] [td class="SL_td" align="center" width="8%"][/td] [td class="SL_td" align="center" width="8%"][/td] [td class="SL_td" align="center" width="8%"] [/td] [td class="SL_td" align="center" width="8%"][/td] [td class="SL_td" align="right" width="15%"][/td] [/tr] Fonction Sound est limitée à 200 caractères [tr][td class="SL_td" align="center" width="5%"][/td] [td class="SL_td" align="left" width="5%"][/td] [td class="SL_td" align="center" width="100%"]Options : Historique : Commentaires : Donate[/td] [td class="SL_td" align="right" nowrap="nowrap" width="15%"]Fermer[/td] [/tr]

par **Toryudo** Dim 29 Jan 2023 - 12:16

Bonjour !
Je suppose que ça dépend du monde d'édition ; on peut écrire en mode code (c'est-à-dire qu'on voit uniquement le code qu'on écrit, pas la mise en forme finale à moins de prévisualiser) ou en mode WYSIWYG (What You See Is What You Get, c'est-à-dire que vous voyez les éléments être en gras, mais que vous ne voyez pas le code qu'il y a derrière).

Quand vous utilisez le mode WYSIWYG... le code généré n'est pas forcément le plus optimisé, c'est toujours la même chose avec ce qui est automatique.

Par contre, je n'ai pas compris cette histoire de lettres qui s'ajoutent, est-ce que vous pourriez mettre un "avant" / "après" ? Est-ce que vous pourriez préciser ce que vous faites exactement ? Du genre, il y a un message, vous éditez, vous changez juste la police et hop, un milliard de choses s'ajoutent dans le post, c'est ça ? Et vous le voyez quand vous prévisualisez ? Est-ce que ça fait la même chose quand vous postez un nouveau message ?

Si on peut reproduire facilement, j'essayerai de m'inscrire et d'aller voir ce qui se passe, ce sera peut-être plus parlant pour moi !

par Lalittle Lun 30 Jan 2023 - 10:58

Bonjour et merci, vraiment, pour ce nouvel éclairage, et pour m'offrir ce temps !!

Alors oui j'ai l'impression que c'est un problème qui se présente chaque fois qu'on fait "autre chose" qu'écrire de manière standard.
Ce peuvent être des signes et symboles qui se greffent, ou bien des interlignes impossibles à corriger ^^
Bref c'est assez curieux et anarchique en fait...
Je ne sais pas bien si c'est dû aux configurations de chacun, ou si ça vient uniquement des codes du forum...

Si on peut reproduire facilement, j'essayerai de m'inscrire et d'aller voir ce qui se passe, ce sera peut-être plus parlant pour moi !

Ah mais oui avec grand plaisir : et ça simplifierait certainement tout en effet !!

Belle journée !

par **Toryudo** Jeu 2 Fév 2023 - 17:25

Bonjour !

Pouvez-vous me dire si vous avez modifié le template viewtopic_body ?
En tout cas, je veux bien que vous copiiez son contenu ici, ça pourra expliquer un problème que vous avez sur les boutons "citer" qui n'apparaissent pas quand la fenêtre est plus petite. Un "+" devrait apparaitre à la place, pour permettre d'afficher ensuite toutes les options possibles :

Le + :

Affichage du forum selon la version web ou téléphone Image121

Après avoir cliqué sur le +, les options apparaissent normalement :

Affichage du forum selon la version web ou téléphone Image122

Pour ce qui est des problèmes des caractères spéciaux, je ne suis toujours pas sûr...
Pourriez-vous me dire sur quel navigateur (Firefox, Safari ?) et quelle version du navigateur vous utilisez ?
Je veux bien aussi plusieurs exemples de lien vers des messages qui posent problème, parce qu'effectivement, de mon côté, je ne les vois pas !

Si vous ne savez pas retrouver l'information de votre navigateur, vous pouvez aller ici, ils vous la donnent directement :
https://www.whatismybrowser.com/fr/

par Lalittle Ven 3 Fév 2023 - 7:41

Bonjour et merci INFINIMENT pour ce temps donné !!

Je navigue sur un Macbook 2019 os Big Sur, avec Firefox version à jour (109.0.1)... je n'ai jamais aimé Safari ^^, mais je pourrai tester avec bien sûr.

POur ce qui concerne les apparitions inopportunes après édition elles ne sont pas publiées car je corrige à chaque fois (de multiples fois) pour les faire disparaître.
Mais j'ai fait un test ce matin avec des copies d'écran :

Message initial :

Affichage du forum selon la version web ou téléphone Captur11

Prévisualisation, il y a déjà des interlignes ajoutés.

Affichage du forum selon la version web ou téléphone Captur13

Je modifie en retirant les interlignes et en centrant le test, et voici ce que j'obtiens à la prévisualisaton :

Bonjour,

Ceci est un test.
Interligne et couleur...

MESSAGE CENTRÉ

G
M
T
Y

Détecter la langue
Afrikaans
Albanais
Allemand
Amharique
Anglais
Arabe
Arménien
Azéri
Basque
Bengali
Biélorusse
Birman
Bosniaque
Bulgare
Catalan
Cebuano
Chichewa
Chinois Simp
Chinois Trad
Cingalais
Coréen
Corse
Créole haïtien
Croate
Danois
Espagnol
Espéranto
Estonien
Finnois
Français
Frison
Gaélique (Écosse)
Galicien
Gallois
Géorgien
Grec
Gudjarati
Haoussa
Hawaïen
Hébreu
Hindi
Hmong
Hongrois
Igbo
Indonésien
Irlandais
Islandais
Italien
Japonais
Javanais
Kannada
Kazakh
Khmer
Kirghiz
Kurde (Kurmanji)
Kurde (Sorani)
Laotien
Latin
Letton
Lituanien
Luxembourgeois
Macédonien
Malaisien
Malayalam
Malgache
Maltais
Maori
Marathi
Mongol
Néerlandais
Népalais
Norvégien
Ouzbek
Pachtô
Panjabi
Persan
Polonais
Portugais
Roumain
Russe
Samoan
Serbe
Sesotho
Shona
Sindhî
Slovaque
Slovène
Somali
Soudanais
Suédois
Swahili
Tadjik
Tagalog
Tamoul
Tatar
Tchèque
Telugu
Thaï
Turc
Ukrainien
Urdu
Vietnamien
Xhosa
Yiddish
Yorouba
Zoulou

Français
Anglais
Italien
-------- [ Toutes ] --------
Afrikaans
Albanais
Allemand
Amharique
Anglais
Arabe
Arménien
Azéri
Basque
Bengali
Biélorusse
Birman
Bosniaque
Bulgare
Catalan
Cebuano
Chichewa
Chinois Simp
Chinois Trad
Cingalais
Coréen
Corse
Créole haïtien
Croate
Danois
Espagnol
Espéranto
Estonien
Finnois
Français
Frison
Gaélique (Écosse)
Galicien
Gallois
Géorgien
Grec
Gudjarati
Haoussa
Hawaïen
Hébreu
Hindi
Hmong
Hongrois
Igbo
Indonésien
Irlandais
Islandais
Italien
Japonais
Javanais
Kannada
Kazakh
Khmer
Kirghiz
Kurde (Kurmanji)
Kurde (Sorani)
Laotien
Latin
Letton
Lituanien
Luxembourgeois
Macédonien
Malaisien
Malayalam
Malgache
Maltais
Maori
Marathi
Mongol
Néerlandais
Népalais
Norvégien
Ouzbek
Pachtô
Panjabi
Persan
Polonais
Portugais
Roumain
Russe
Samoan
Serbe
Sesotho
Shona
Sindhî
Slovaque
Slovène
Somali
Soudanais
Suédois
Swahili
Tadjik
Tagalog
Tamoul
Tatar
Tchèque
Telugu
Thaï
Turc
Ukrainien
Urdu
Vietnamien
Xhosa
Yiddish
Yorouba
Zoulou

Fonction Sound est limitée à 200 caractères

Options : Historique : Commentaires : Donate
Fermer

_________________
LIBÉREZ LES LICORNES ET LES PAILLETTES

Oui j'ai modifié le template en effet. (j'ai pioché sur le forum ; j'avoue que je ne sais même plus trop ce que j'ai fait... je suis désolée).

Voici la copie :

Code::  <script type="text/javascript"> //<![CDATA[ var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}'; </script>  <script type="text/javascript"> var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' }; showHiddenMessage = function(id) { try { var regId = parseInt(id, 10); if( isNaN(regId) ) { regId = 0; } if( regId > 0) { $('.post--' + id).toggle(0, function() { if( $(this).is(":visible") ) { $('#hidden-title--' + id).html(hiddenMsgLabel.visible); } else { $('#hidden-title--' + id).html(hiddenMsgLabel.hidden); } }); } } catch(e) { } return false; }; //]]> </script>  <div id="push-answer" class="jqmWindow"></div> <script src="{JQUERY_DIR}jqmodal/jqmodal.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $('#push-answer').jqm({toTop: true}); $('#push-bell').click(function () { return sendWebPush({TOPIC_ID}); }); function sendWebPush(tId){ $.get("/ajax_push.php?topicID=" + tId ).done(showPushAnswer); } function showPushAnswer(data) { $('#push-answer').html(data).jqmShow(); $('.jqmOverlay').bgiframe(); $('#push-answer').bgiframe(); } }); //]]> </script>  <div class="sub-header"> <div class="sub-header-info"> <h1 class="page-title"> <a href="{TOPIC_URL}">{TOPIC_TITLE}</a>  <span id="push-bell" style="color:goldenrod;" title="{switch_push_direct_send.L_PUSH_SEND}" class="ion-android-notifications"></span> </h1> {POSTERS_LIST} <div class="sub-header-path"> <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a> {NAV_CAT_DESC} </div> </div> <div class="sub-header-buttons">  <a href="{U_POST_NEW_TOPIC}" rel="nofollow" {S_POST_NEW_TOPIC} title="{T_POST_NEW_TOPIC}" class="ion-{I_POST_NEW_TOPIC} button1">{L_POST_NEW_TOPIC}</a>   <a href="{U_POST_REPLY_TOPIC}" {S_POST_REPLY_TOPIC} title="{T_POST_REPLY_TOPIC}" class="ion-{I_POST_REPLY_TOPIC} button1">{L_POST_REPLY_TOPIC}</a>  </div> </div> <div class="topic-actions">  <div class="pagination"> {PAGINATION} </div>  <div class="topic-actions-buttons">  <span> <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> </span>   <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "https://connect.facebook.net/{LANGUAGE}/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>   <div id="addthis-toolbar" style="display: inline-block; margin-bottom:5px;"> <div class="btn-floating-left" tabindex="100"> {L_SHARE} </div> <div class="addthis-toolbar-btn" style="display:none;"> {switch_plus_menu.SOCIAL_BUTTONS} </div> </div> {switch_plus_menu.JS_SOCIAL_BUTTONS} <script type="text/javascript">//<![CDATA[ var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}'; var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}'; var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}'; var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}'; var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}'; insert_plus_menu_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES}); //]]> </script>  </div> </div> <div class="quick-nav-topics">  <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>  <a href="#bottom">{L_GOTO_DOWN}</a>  <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>  </div> {POLL_DISPLAY}   <div class="post {postrow.hidden.ROW_COUNT}"> <p style="text-align:center">{postrow.hidden.MESSAGE}</p> </div>   <div id="p{postrow.displayed.U_POST_ID}" class="post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}"> <div style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div> <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">  <dl> <dt> <div class="postprofile-avatar"> {postrow.displayed.POSTER_AVATAR} </div> <div class="postprofile-name"> {postrow.displayed.POSTER_NAME} </div> <div class="postprofile-rank"> {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE} <div {postrow.displayed.AWARDS_SHOW} class="dd_award {postrow.displayed.PROFILE_POSITION}"> {postrow.displayed.AWARDS} </div> <div class="award_more"></div> </div> </dt> <dd class="postprofile-info">  {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT} {postrow.displayed.profile_field.SEPARATOR}  {postrow.displayed.POSTER_RPG} </dd> <dd class="postprofile-contact"> {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}  {postrow.displayed.contact_field.CONTENT}  </dd> </dl> </div> <div class="post-head"> <ul class="profile-icons"> <li class="btn-thank"> <a href="{postrow.displayed.THANK_URL}"> <i class="ion-heart"></i> </a> </li> <li class="btn-quote-multi"> <span onclick="{postrow.displayed.MULTIQUOTE_URL}" id="post_mq{TOPIC_ID}_{postrow.displayed.U_POST_ID}"> <i class="ion-quote"></i> <i class="ion-ios-plus-empty"></i> </span> </li> <li class="btn-quote"> <a href="{postrow.displayed.QUOTE_URL}"> <i class="ion-quote"></i> </a> </li> <li class="btn-edit"> <a href="{postrow.displayed.EDIT_URL}"> <i class="ion-edit"></i> </a> </li> <li class="btn-delete"> <a href="{postrow.displayed.DELETE_URL}"> <i class="ion-trash-a"></i> </a> </li> <li class="btn-ip"> <a href="{postrow.displayed.IP_URL}"> <i class="ion-ios-information"></i> </a> </li> <li class="btn-report"> {postrow.displayed.REPORT_IMG} </li> </ul> <h2 class="topic-title">{postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></h2> <div class="topic-date"> {postrow.displayed.POST_DATE_NEW}  <div class="vote">  <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}" class="ion-plus-circled"></a>   <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}" class="ion-minus-circled"></a>   <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}"> <div class="vote-bar-desc"> {postrow.displayed.switch_vote_active.L_VOTE_TITLE} </div> <div class="vote-bars">  <div class="vote-bar-plus" style="width:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>   <div class="vote-bar-minus" style="width:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>  </div> </div>   <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-bar-empty"></div>  </div>  </div> </div> <div class="postbody"> <div class="content"> <div>{postrow.displayed.MESSAGE}</div>  <dl class="attachbox"> <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt> <dd class="attachments">  <dl class="file"> <dt> <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt=""/> </dt> <dd>  <span><a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}</span>   <span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}</span>   <span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</span>   <span><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></span>  <span>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</span> </dd> </dl>  </dd> </dl>  </div> <div class="edited-message"style="display:none"> {postrow.displayed.EDITED_MESSAGE} </div>  <div class="signature_div" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>  </div>  <div class="fa_like_div"> <button class="rep-button {postrow.displayed.switch_likes_active.C_VOTE_LIKE}" data-href="{postrow.displayed.switch_likes_active.U_VOTE_LIKE}" data-href-rm="{postrow.displayed.switch_likes_active.U_VOTE_RM_LIKE}"> <i class="ion-thumbsup"></i> <span>{postrow.displayed.switch_likes_active.L_LIKE}</span>{postrow.displayed.switch_likes_active.COUNT_VOTE_LIKE} </button>  <button class="rep-button {postrow.displayed.switch_likes_active.switch_dislike_button.C_VOTE_DISLIKE}" data-href="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_DISLIKE}" data-href-rm="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_RM_LIKE}"> <i class="ion-thumbsdown"></i> <span>{postrow.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>{postrow.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE} </button>   {postrow.displayed.switch_likes_active.switch_like_list.D_LIKE_LIST}   {postrow.displayed.switch_likes_active.switch_dislike_list.D_DISLIKE_LIST}  </div>  </div>  <hr id="first-post-br" />    <a name="bottomtitle"></a> <div class="quick-nav-topics bottom">  <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>  <a href="#top">{L_BACK_TO_TOP}</a>  <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>  </div> <div class="topic-actions bottom">  <div class="pagination"> {PAGINATION} </div>  <div class="topic-actions-buttons">   {S_WATCH_TOPIC}    <a href="{U_POST_NEW_TOPIC}" rel="nofollow" title="{T_POST_NEW_TOPIC}" {S_POST_NEW_TOPIC} class="ion-{I_POST_NEW_TOPIC} button1">{L_POST_NEW_TOPIC}</a>   <a href="{U_POST_REPLY_TOPIC}" title="{T_POST_REPLY_TOPIC}" {S_POST_REPLY_TOPIC} class="ion-{I_POST_REPLY_TOPIC} button1">{L_POST_REPLY_TOPIC}</a>  </div> </div>  <div class="block" id="ptrafic_close" style="display: none;"> <div class="h3"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><i class="ion-ios-plus-outline"></i></a>{PROMOT_TRAFIC_TITLE}</div> </div> <div class="block" id="ptrafic_open" style="display:'';"> <div class="h3"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><i class="ion-ios-minus-outline"></i></a>{PROMOT_TRAFIC_TITLE}</div> <ul class="ptrafic">  <li> <a href="{promot_trafic.link.U_HREF}" title="{promot_trafic.link.TITLE}"> <i class="ion-ios-chatbubble-outline"></i>{promot_trafic.link.TITLE} </a> </li>  </ul> </div>   <div class="post row1" id="forum_rules"> <div class="h3">{L_FORUM_RULES}</div> <div class="clear"></div> <table class="postbody"> <tr>  <td class="logo"> <img src="{RULE_IMG_URL}" alt="" /> </td>  <td class="rules content"> {RULE_MSG} </td> </tr> </table> </div>   <a name="quickreply"></a> {QUICK_REPLY_FORM}  <form action="{S_JUMPBOX_ACTION}" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}"> <fieldset class="jumpbox"> <label>{L_JUMP_TO}:</label> {S_JUMPBOX_SELECT} <input class="button2" type="submit" value="{L_GO}" /> </fieldset> </form>  <form method="get" action="{S_FORM_MOD_ACTION}"> <fieldset class="quickmod"> <input type="hidden" name="t" value="{TOPIC_ID}" />  <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" /> <label>{L_MOD_TOOLS}:</label> {S_SELECT_MOD} <input class="button2" type="submit" value="{L_GO}" /> </fieldset> </form> <p class="right">{S_TOPIC_ADMIN}</p>   <div class="block"> <div class="h3">{L_TABS_PERMISSIONS}</div> {S_AUTH_LIST} </div>   <script type="text/javascript"> //<![CDATA[ $(resize_images({ 'selector' : '.postbody .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} })); //]]> </script>  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/github-gist.min.css"> <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/go.min.js"></script> <script> $(document).ready(function() { $('pre, code').each(function(i, block) { hljs.highlightBlock(block); }); $('.post').each(function() { if($(this).find('.postprofile-avatar').html() !== undefined) { if (!$(this).find('.postprofile-avatar').html().length) { $(this).find('.postprofile-rank').css('border-bottom', 'none'); $(this).find('.postprofile > dl > dt').css('min-height', $(this).find('.post-head').innerHeight()); } } }); }); </script>

par Lalittle Ven 3 Fév 2023 - 7:44

Arf, je suis navrée, je ne sais pas comment insérer la dernière prévisualisation... je ne pouvais pas faire de capture d'écran car je n'en aurais pas eu la moitié copiée dessus...

Je précise que le texte est bien centré, mais avec tous les ajouts précités et suivants...

Merci encore (j'ai conscience du dawa que je propose).
Belle journée !

par **Toryudo** Ven 3 Fév 2023 - 10:59

Bonjour !

Je pense que j'ai la réponse aux problèmes, j'aurais dû commencer par là.

L'ajout de tout le pavé "Détecter la langue" jusqu'à "Fonction Sound est limitée à 200 caractères" serait dû à l'extension ImTranslator Extension, je vois qu'ils en parlent sur internet, notamment ici https://framacolibri.org/t/fonction-sound-dans-pad/15039 où quelqu'un a le même problème ; au pire, si vous avez des soucis et d'autres extensions, vous pouvez tenter de les désactiver une par une pour voir laquelle autre pourrait poser problème.

Ensuite, au sujet du Template viewtopic_body, vous allez pouvoir remettre en place le Template par défaut (en cliquant sur la croix rouge en face du nom du Template, et en confirmant la suppression du Template) et ajouter ce petit CSS dans votre CSS personnalisé :

Code:: .edited-message { display: none; }

La seule modification que j'ai vue sert à masquer les motifs d'édition, et ce code CSS va faire la même chose.
Mais il est plus pratique que la modification de Template, puisque si un Template est modifié, alors les améliorations codées par Forumactif n'y sont pas automatiquement ajoutées, il faut les ajouter manuellement. Une fois que votre Template viewtopic_body sera à nouveau le Template par défaut, alors les gens qui naviguent sur téléphone pourront voir le petit icône + qui leur permettra de citer les messages des autres, ou même éditer les leurs.

Vous avez parlé d'un autre Template modifié, on peut aussi le vérifier au passage !
Mais normalement, le gros de vos problèmes devraient être réglés avec tout ça.

par Lalittle Sam 4 Fév 2023 - 5:04

Oooooh merciiii !!!

Je n'imaginais pas qu'une extension puisse être à l'origine du problème !
Évidemment, ImTranslator vient de se voir offrir un petit suicide immédiat et définitif...

Je vais faire des tests après suppression...

S'agissant du template je viens d'appliquer les modifications.
En effet je me souviens maintenant avoir choisi de ne plus afficher les informations d'édition : je voyais souvent les membres embarrassés et se justifier dans un nouveau post d'avoir édité pour telle ou telle raison... et je n'aime pas voir les gens embarrassés.

Nul doute que les membres se manifesteront pour faire part de leur contentement...

Pour les couleurs je vais leur demander ce qu'il en est, et si tout le monde voit des couleurs identiques.
Incidemment je me pose à l'instant la question : les couleurs sont censées être les mêmes en utilisant la version téléphone ?

Voici la copie de l'autre template modifié (je ne sais plus non plus pour quelle raison ^^)
Il s'agit du index_box.

Code:: <ul class="linklist top">  <li> <a href="{U_SEARCH_NEW}"><i class="ion-ios-flame"></i>{L_SEARCH_NEW}</a> </li> <li> <a href="{U_SEARCH_SELF}"><i class="ion-ios-box-outline"></i>{L_SEARCH_SELF}</a> </li>  <li> <a href="{U_SEARCH_UNANSWERED}"><i class="ion-ios-chatbubble-outline"></i>{L_SEARCH_UNANSWERED}</a> </li>  <li class="rightside"> <a href="{U_MARK_READ}" accesskey="m"><i class="ion-android-checkmark-circle"></i>{L_MARK_FORUMS_READ}</a> </li>  </ul>   <div class="forabg"> <ul class="topiclist"> <li class="header"> <dl class="icon"> <dd class="dterm"><div class="table-title">{catrow.tablehead.L_FORUM}</div></dd> <dd class="topics"><i class="ion-android-list" data-tooltip="{L_TOPICS}"></i></dd> <dd class="posts"><i class="ion-android-chat" data-tooltip="{L_POSTS}"></i></dd> <dd class="lastpost"><i class="ion-android-time" data-tooltip="{L_LASTPOST}"></i></dd> </dl> </li> </ul> <ul class="topiclist forums">   <li class="row"> <dl class="icon" style="background:url({catrow.forumrow.FORUM_FOLDER_IMG}) no-repeat scroll {catrow.forumrow.INC_LEVEL} 50%;"> <dd class="dterm"> <div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};"> <h{catrow.forumrow.LEVEL} class="hierarchy"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a> </h{catrow.forumrow.LEVEL}> {catrow.forumrow.FORUM_DESC}  {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}  {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS} </div> </dd> <dd class="topics">{catrow.forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd> <dd class="posts">{catrow.forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd> <dd class="lastpost">  <span class="AD_LastPA"> <span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span> <span class="AD_LastInfos"> <a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a> {catrow.forumrow.ads.DATE}<br /> {catrow.forumrow.ads.LOCATION} </span> </span>   <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>  <span>  <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />  {catrow.forumrow.USER_LAST_POST} </span> </dd> </dl> </li>   </ul> </div>   <script type="text/javascript"> //<![CDATA[ $(document).ready(function() { var btn_collapse = $('<div></div>', { class: 'btn-collapse' }); var btn_collapse_show = $('<i></i>', { class: 'ion-android-add-circle hidden', 'data-tooltip': '{L_EXPEND_CAT}' }).appendTo(btn_collapse); var btn_collapse_hide = $('<i></i>', { class: 'ion-android-remove-circle', 'data-tooltip': '{L_HIDE_CAT}' }).appendTo(btn_collapse); var collapsed = []; if (readCookie('collapsed') != null && readCookie('collapsed') != '') { collapsed = readCookie('collapsed').split(','); } $(document).on('click', '.btn-collapse', function() { $(this).children('.ion-android-add-circle').toggleClass('hidden'); $(this).children('.ion-android-remove-circle').toggleClass('hidden'); $(this).parents('.forabg').toggleClass('hidden'); if (readCookie('collapsed') != null && readCookie('collapsed') != '') { collapsed = readCookie('collapsed').split(','); } if (!$(this).parents('.forabg').hasClass('hidden')) { removeFromArray('' + $(this).parents('.forabg').data('cindex'), collapsed); createCookie('collapsed', collapsed); } else { collapsed.push('' + $(this).parents('.forabg').data('cindex')); createCookie('collapsed', collapsed); } }); $('.forabg').each(function(i) { $(this).data('cindex', '' + i); $(btn_collapse) .clone() .attr('id', 'forabg' + i) .appendTo($(this).find('.header')); if ($.inArray('' + i, collapsed) > -1) { $(this).toggleClass('hidden'); $('#forabg' + i).children('.ion-android-add-circle').toggleClass('hidden'); $('#forabg' + i).children('.ion-android-remove-circle').toggleClass('hidden'); } }); }); function removeFromArray(item, array) { var i = array.indexOf(item); if (i > -1) { array = array.splice(i, 1); } } function createCookie(name, value, days) { var expires; if (days) { var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); expires = "; expires=" + date.toGMTString(); } else { expires = ""; } document.cookie = encodeURIComponent(name) + "=" + encodeURIComponent(value) + expires + "; path=/"; } function readCookie(name) { var nameEQ = encodeURIComponent(name) + "="; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) === ' ') c = c.substring(1, c.length); if (c.indexOf(nameEQ) === 0) return decodeURIComponent(c.substring(nameEQ.length, c.length)); } return null; } //]]> </script>

Merci encore pour toute cette aide que vous m'apportez.
On comprend vite que je travaille dans le spectacle et pas dans l'informatique... Embarassed

par **Toryudo** Sam 4 Fév 2023 - 19:48

Dans ce Template index_box, je vois quelques lignes retirées par rapport au Template par défaut (+ une class retirée également), mais à priori, rien de foncièrement nécessaire, ça devrait aller. Pas besoin d'y toucher !

Pour les couleurs, tant qu'on n'écrit pas certaines propriétés CSS spécifiques dans sa feuille de style, elles sont identiques sur PC et Téléphone, oui. Il existe des manières pour qu'un design change en fonction de la résolution de l'appareil (un peu ce qui arrive pour les boutons citer/éditer par exemple), on pourrait donc imaginer changer les couleurs de cette façon... mais non, vous n'avez pas écrit ça dans votre CSS, donc tout le monde aura bien le même rendu niveau couleurs.

Normalement tout est bon ! Smile

par Lalittle Dim 5 Fév 2023 - 4:59

Eh bien c'est un dernier merci majuscule que je vous adresse !
Vous m'avez aidée avec beaucoup de générosité.

Affichage du forum selon la version web ou téléphone