... OK ... quando il sito è stabilizzato, avvisami ...

... discordanze nella risoluzione intermedia 480<>720:

.

ciao

.

... hai duplicato le bandiere e sdoppiate in posizioni diverse...
...!... quattro bandiere per ogni lingua...!...
... attenta con gli oggetti che usi e con gli incolla che fai...

Non hai letto gli utimi post su quello precedente? C'e la soluzione tra l'altro anticipata anche qui da Kolasim. Ti lascio in buone mani. 

tutto ok Kolasim, le bandiere sono apposto. Grazie anche a te.

i codici extra servono ancora? a Migliorare il mio sito bi-lingue? a me piacevano. grazie per la risposta.

... non hai fatto la correzione al nome pagine, quindi ho dovuto riprogettare la mia invenzione...

... codice per paginazione:

<script>
/** --- MappaDelSitoK + paginatoreK unico ed esclusivo x WebSitex5 - by KolAsim --- **/
const objectK = "#imSideBar_imMenuObject_01_container";
let pathK = window.location.pathname.split("/").pop(); $(document).ready(function () {/*K>*/
const styleK = '<style>#imHeader_imMenuObject_04-menu-opened{z-index:1000001 !important}</style>';$("head").append(styleK);
const styleBtn = 'style="position:fixed;top:4px;left:0px;z-index:1000000;font-size:24px;border-radius:10px;"'; const barraK = `<div id="barraK" style="position:relative;top:0;width:100%;height:40px;z-index:1;text-align:center;"></div>`; const apriBtn = `<button id="apriK" onclick="$('#sitemap-K').show();$('#chiudiK').show();$(this).hide()" ${styleBtn} title="Apre Mappa del Sito">&#9661;&#x1F7E2;</button></button>`; const chiudiBtn = `<button id="chiudiK" onclick="$('#sitemap-K').hide();$('#apriK').show();$(this).hide()" ${styleBtn} style="z-index:10000000;" title="Chiude Mappa del Sito">&#9651;&#x1F7E0;</button>`; const contenitoreK = ` <div id="sitemap-K" style="position:fixed;top:45px;width:auto;max-width:90%;height:50%; background-color:lavender;font-size:20px;z-index:100000;overflow-y:scroll; padding:10px;margin-right:10px;border:solid 5px green;display:none"></div>`; setTimeout(() => {/*K1>*/ $("body").prepend(contenitoreK + barraK + apriBtn); extractLinksK(); $("#sitemap-K .label-wrapper .label-inner-wrapper span.label").hide(); $(".menu-item-icon") .attr("src", "https://www.svgrepo.com/show/70289/bike.svg") .css("left", "130px"); $("#imSideBarObjects div").css("max-width", "190px"); }, 1000);/*K1<<*/ });/*K<<*/ /** --- fK --- **/ function extractLinksK() {/*extractLinksK()>*/ const linksK = $(objectK).html(); const chiudiBtn = `<button id="chiudiK" onclick="$('#sitemap-K').hide();$('#apriK').show();$(this).hide()" style="position:fixed;top:4px;left:0px;z-index:10000000;font-size:24px;border-radius:10px;" title="Chiude Mappa del Sito">&#9651;&#x1F7E0;</button>`; $("#sitemap-K").html(chiudiBtn + linksK); $("#sitemap-K ul li a").wrap('<span style="position:relative;float:left"></span>'); $("#sitemap-K").prepend('<span id="topK"></span>'); $("#sitemap-K a") .prepend('&ensp;&ensp;<br><font color="brown"><b>»</b></font>') .css({ 'text-decoration': 'none', color: 'navy' }); $("#sitemap-K .hamburger-menu-close-button, #sitemap-K img").hide(); paginazioneK(); }/*extractLinksK()<<*/
/** --- fK --- **/
function paginazioneK() {/*paginazioneK()>*/const collegamentiK = $("#sitemap-K a");const TotK = collegamentiK.length;const listalinkK = collegamentiK.map(function () {/*K1>*/return decodeURIComponent($(this).attr("href"));}).get();/*K1<<*/const pathK = decodeURIComponent(window.location.pathname.split("/").pop().trim());const indicePagina = listalinkK.indexOf(pathK);const strpathK = pathK.replace(/-/g, " ").replace(".html", "");const paginatoreK = `<div id="paginazioneK" style="position:fixed;top:0;width:100%;height:50px;z-index:100000;text-align:center;background-color:red;color:green;background-image: linear-gradient(silver, white, silver);"><span style="position:relative;top:10px;background-color:lavender;font-size:22px;padding:5px 10px;border:solid;border-radius:10px;"> <a class="zeroK" style="text-decoration:none;color:green;" title="« Prima Pagina"> «« </a> <a class="indietroK" style="text-decoration:none;color:green;" title="‹ pagina precedente"> ◄ </a> <span id="indiceK" title="${strpathK}" style="cursor:pointer"> [X] </span> <span id="tot_K" style="color:navy"> (${TotK})</span> <a class="avantiK" style="text-decoration:none;color:green;" title="pagina seguente ›"> ► </a> <a class="ultimaK" style="text-decoration:none;color:green;" title="Ultima Pagina »"> »» </a></span></div>`;$("body").prepend(paginatoreK);$("#indiceK").text(`[ ${indicePagina + 1} ]`);if (indicePagina > 0) {/*K2>*/$(".indietroK").attr("href", listalinkK[indicePagina - 1]) .attr("title", "pagina precedente:\n" + listalinkK[indicePagina - 1]) .css("opacity", "1");$(".zeroK").attr("href", listalinkK[0]).css("opacity", "1");} else {$(".indietroK, .zeroK").attr("title", "null") .css("opacity", "0.3") .removeAttr("href");}/*K2<<*/if (indicePagina < listalinkK.length - 1 && indicePagina !== -1) {/*K3>*/$(".avantiK").attr("href", listalinkK[indicePagina + 1]).attr("title", "pagina successiva:\n" + listalinkK[indicePagina + 1]).css("opacity", "1");$(".ultimaK").attr("href", listalinkK[listalinkK.length - 1]).css("opacity", "1");} else {$(".avantiK, .ultimaK").attr("title", "null") .css("opacity", "0.3") .removeAttr("href");}/*K3<<*/ $("#sitemap-K div").css("width", "auto");$("#sitemap-K a").wrapAll("<p>");$("#sitemap-K *").css("line-height", "24px");}/*paginazioneK()<<*/ /**---fine K---**/
</script>

.............................................

.

... codice per altocontrasto:

<script>
$(document).ready(function () {/*K>*/ /**--altocontrasto esculusivo by KolAsim--**/
objectHamburgerK = "#imHeader_imMenuObject_04_container";
const ritardoK = 1; /*nr.secondi*/ let contrastoAttivo = false; let colorK = "transparent"; setTimeout(function () {/*K1>*/ const styleK = ` <style> #imSideBar{background-color:transparent !important;z-index:10000 !important} #imStickyBarContainer { display: none !important; } #cacK { position: fixed; top: 0px; right:0px; z-index: 1000000; border-radius: 50px !important; } #cacK2 { width: 72px; margin: auto; border-radius: 50px; border: solid 4px gray; background-color: beige !important; } #contrastoK, #reloadK { position: relative; width: 30px; border-radius: 50%; border: solid 2px silver; background-color: lavender !important; cursor: pointer; } #contrastoK:hover, #reloadK:hover { border: solid 2px green; } </style> `; $("head").append(styleK); hamburgerK = '<img class="imgHamburgerK" src = "https://www.iconpacks.net/icons/free-icons-7/free-burger-menu-square-rounded-light-gray-icon-24666.png" style= "position:absolute;top:0px;right:0px;width:35px;height:35px;z-index:0;display:none">'; $(objectHamburgerK+" button").append(hamburgerK); const altocontrastoK = ` <div id="cacK"> <div id="cacK2"> <img id="contrastoK" class="contrastoK" src="https://www.svgrepo.com/show/436702/circle-lefthalf-fill.svg" title="hoher Kontrast\nschwarz ◑ weiß"> <img id="reloadK" class="reloadK" src="https://www.svgrepo.com/show/495633/refresh-circle.svg" title="auf Standard zurücksetzen"> </div> </div> `; $("body").append(altocontrastoK); $("#contrastoK").click(function () {/*K2>*/ $(".imgHamburgerK").show(); contrastoAttivo = !contrastoAttivo; if (contrastoAttivo) {/*K3>*/ $("body *:not(#cacK):not(#imCell_3):not(#imCell_3 div):not(#imPageRow_1)") .css("background-color", "black") .css("color", "white"); colorK = "navy"; } else { $("body *:not(#cacK):not(#imCell_3):not(#imCell_3 div):not(#imPageRow_1)") .css("background-color", "white") .css("color", "black"); colorK = "whitesmoke"; }/*K3<<*/ });/*K2<<*/ $("#contrastoK").hover(function () {/*K4>*/ $(this).attr("src", "https://www.svgrepo.com/show/436703/circle-righthalf-fill.svg"); }, function () { $(this).attr("src", "https://www.svgrepo.com/show/436702/circle-lefthalf-fill.svg"); } );/*K4<<*/ $("#reloadK").hover(/*K5>*/ function () { $(this).attr("src", "https://www.svgrepo.com/show/495638/repeat-circle.svg"); }, function () { $(this).attr("src", "https://www.svgrepo.com/show/495633/refresh-circle.svg"); } );/*K5<<*/ $("#reloadK").click(function () {/*K6>*/ location.reload(); });/*K6<<*/ $(".text-innerXX, .text-inner span").hover(/*K7>*/ function () { $(this).data("orig-font-size", $(this).css("font-size")); $(this).data("orig-line-height", $(this).css("line-height")); $(this) .css("font-size", "28px") .css("line-height", "34px") .css("background", colorK); }, function () { $(this) .css("font-size", $(this).data("orig-font-size")) .css("line-height", $(this).data("orig-line-height")) .css("background", "transparent"); } );/*K7<<*/ }, ritardoK*1000);/*K1<<*/ });/*K<<*/
</script>

......................................................

grazie mille volevo dire a te e a Roberto che sto applicando il codice  in lingua estera anche sugli altri siti. Thanks