WebSite X5Help Center

 
Maria R.
Maria R.
User

Rielaborazione codice extra per menù home page sito de facto  it

Autore: Maria R.
Visite 69, Followers 0, Condiviso 0  

Eccomi, il sito pulito è andato bene, rimane aperto il fronte bandierine in alto all'estrema ds dell' header, perchè nelle impostazioni generali del responsive non è prevista l'aggiunta del breakpoint 600 - non esiste il comando AGGIUNGI, quindi non so come procedere, attendo replica. 

Attendo nuovo codice extra di Kolasim aggiornato che userò se va apposto l'altro problema.

Postato il
9 RISPOSTE
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese IT
... ... ... ... zu Schritt 5 > Ins Internet exportieren... ... und poste dann den Link hier, damit wir nachschauen können... ... ... ..

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

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

.

ciao

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese IT

... 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...

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Roberto M.
Roberto M.
User

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. 

Leggi di più
Postato il da Roberto M.
Maria R.
Maria R.
User
Autore

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

Leggi di più
Postato il da Maria R.
Maria R.
Maria R.
User
Autore

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

Leggi di più
Postato il da Maria R.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese IT

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

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese IT

... 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>

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

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese IT

... 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>

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

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Maria R.
Maria R.
User
Autore

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

Leggi di più
Postato il da Maria R.