Evidenziazione e zoom testo - al rollon del mouse + sitemap navigabile di tutto 
Autore: Maria R.
Visite 362,
Followers 2,
Condiviso 0
Buongiorno a tutti,
desidero impostare il sito: etruriainvicta.altervista.org , responsive , apportando delle modifiche innovative : evidenziazione e zoom del testo al rollover del mouse;
sitemap si/no navigabile di tutto il sito in apposita finestra + accoppiato un paginatore sequenziale avanti/indietro.
Sono qui per imparare e seguire indicazioni.
Grazie di cuore
Postato il
...
... ho provato diverse volte a postare il mio codice, c'è qualcosa che non va per me nei miei Post di HelpCenter...
...
... per ora ti passo la mia invenzione per la sitemap+paginazione da farti provare...
... questo codice lo devi incollare a seguito di quello precedente che avevi già usato in /HEAD...
... codice:
...
... quando hai fatto, magari meglio pubblicando online per verificare, avvisami ...
.... (... "Rispetto alla domanda che mi avevi fatto altrove, non sono un programmatore, nè webmaster-design; ho seguito un altro tipo di studi, ho svolto un altro tipo di lavoro e ho altri interessi, tra cui questo. ed inventare di mio"...)...
.
ciao
.
...
... niente, il Post non mi funziona come al solito, non ha preso il codice...
... provo a fare una prova mettendolo in allegato a questo Post
.
... menomale, ha funzionato, ...però strana la situazione per me...
... nel TXT c'è ance il titolo che non devi copiare, ma devi copiare solo il codice dal tag script alla fine...
... fammi sapere ...
.
ciao
.
.
Autore
Buongiorno Kolasim , il codice di programmazione lunghissimo lo devo aggiungere alla pagina di ieri?
Autore
è giusta la sezione codice
Autore
grazie
Autore
quindi mi puoi capire, anche provengo da altri studi
... sì si ...
Autore
Esporto, mi dai il via
Autore
esportato Kolasim
Autore
ecco il risultato, forse c'è da mettere apposto l'elenco?
... non posso più postare...
... ho visto, funziona bene
, ... ... ma! ... mancano i caratteri speciali UTF-8, questi:
***
... io ho scaricato adesso il TXT ed aperto normalmente con il Blocco Note di Windows e vedo che li contiene regolarmente...
... con cosa hai aperto il TXT...?...
.
... questo è quello che volevo postare:
Autore
con file txt
Autore
con file txt, ma sembra che si sia insinuato word 2016- se leggo proprietà
Autore
ho riprovato con blocco note di windows come te, ora lo esporto, grazie mille dell'aiuto.....
Autore
le tre stelline c'erano anche prima, ma evidentemente il blocco note era affiliato a word e non ho cliccato su file di testo di windows, come ora.
Autore
sono riuscita, grazie al copia incolla in file txt di windows, come hai detto prima, grazieèèèè
per oggi basta?
Autore
bRAVOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO
Autore
MA SE AGGIUNGO ALTRI RACCONTI , IL CODICE CAMBIA?
GRAZIE, VERAMENTE ECCEZIONALE....
... ho visto, perfetto ... è unico, e grazie a te che ci hai provato ...
.
... quando, e se vuoi provare o accoppiare l'altocontrasto che avevi menzionato, ...avvisami...
.
ciao
.
... sì, puoi aggiungere regolarmente, non dovrebbero insorgere problemi. .
... lo stesso identico codice lo puoi usare anche per il sito "www.uliades.altervista.org/" ...con una piccolissima e facilissima modifica, nel caso avvisami...
.
Autore
SEI VERAMENTE GRANDE, GRAZIEEEEEEEEEEEEEEEEEE.
tI LASCIO TRANQUILLO, A DOMANI
Autore
SI CREDO CHE TI DISTURBERò PER ULIADES, POICHè è TROPPO AFFOLLATO, ANCHE SE HO SUGGERITO DI SFOLTIRLO
... OK ... quando vuoi fatti sentire...
.
ciao
.
Autore
CHE CARINO, GRAZIEEEEEEEEEEEEEEEEEEEEEE
Autore
Buongiorno Kolasim,
ho notato divergenza nell'assetto del menù di sinistra (sitemap esportata ieri), che sul desktop risulta in doppia fila separato da virgolette colorate , mentre da cellulare risulta corretto; come ovviare? Grazie mille
Autore
in doppia fila da pc.
... forse ho capito...
... per non riprogettare, si può aggiungere una stringa di codice alla fine, prima della chiusura...
... dove alla fine vedi:
}/*paginazioneK()<<*/
/**---fine K---**/
</script>
--- prima della parentesi graffa "}" ...incolla questa stringa:
$("#sitemap-K a").wrapAll("<p>");;$("#sitemap-K *").css("line-height", "24px");
... praticamente alla fine verrebbe così:
$("#sitemap-K a").wrapAll("<p>");;$("#sitemap-K *").css("line-height", "24px"); }/*paginazioneK()<<*/
/**---fine K---**/
</script>
... fai la prova ed avvisami...
... se preferisci ti rimando il TXT già compliato con l'aggiunta...
.
ciao
.
Autore
possochiederti di inviarmelo, perchè lo conservo , perchè molto importante........Grazie e scusami, sono al lavoro e rispondo quando posso.
Autore
alle 13.00 sono a casa e ho davanti website per esportare
::: OK :::
↓ ↓ ↓
↓ ↓
↓
Autore
VA BENE COSI'
... sì si ...
...!... attenzione ...!...
... vedo che nel tuo STAMP mancano i caratteri estesi UTF-8, gli stessi che mancavano prima...
... apri il TXT nel Blocco Note di Windows, controlla se li vedi, fai "copia" e poi "incolla" in quella stessa finestra Esperto del tuo STAMP al posto dello script attuale...
.
ciao
.
--- mio STAMP precedente:
Autore
https://etruriainvicta.altervista.org/
è perfetto.....grazie complimenti!
Autore
per quello ch
e riguarda la variante che mi proponevi ieri, mi potresti spiegare a cosa serve ???
Autore
grazie, poi volevo dirti che per il sito uliades, mi hai proposto di fare lo stesso procedimento anche se non è impostato come responsive; è doveroso ricordarti che lo spazio gratuito concesso da altervista per tale sito è quasi esaurito. Proponi lo stesso il cambiamento?
www.uliades.altervista.org
grazie di cuore.
... OK ... ... salva il precedente TXT con nome diverso per esempio "paginazione_uliades"; ...per www.uliades.altervista.org ...modifica semplicissima, istantanea......
... ho strutturato il codice per poterlo facilmente personalizzare in altre pagine con struttura congrua simile ai tuoi due siti...
... nella prima riga del codice troverai questa stringa:
const objectK = "#imSideBar_imMenuObject_02_container";
... ecco, correggi _02_ in _01_ ... cioè diventa così:
const objectK = "#imSideBar_imMenuObject_01_container";
... SALVA, copia da qui, occhio che siano presenti i caratteri UTF-8, ed incolla nella stessa sezione Esperto al Passo_1 del progetto www.uliades.altervista.org...
... riesporta è sarà subito attivo...
... avvisami per controllare online ...
.
nota utile: imSideBar_imMenuObject_01_container è l'ID del selettore o DIV di riferimento, che se vuoi puoi rilevarlo cliccando sul browser con il destro del mouse|Esamina sull'oggetto del menu...
.
ciao
Autore
nella pagina Statistiche Codice è comparsa questa dicitura, la devo cancellare? Prima di inserire il codice? Grazie
... mi pare che te lo avevo già segnalato in altro Topic...
... quella stringa di testo è da eliminare, porta errore, veniale, ma sempre errore...
edit: ... infatti l'avevo segnalato qui: https://helpcenter.websitex5.com/it/post/272993#comment40
.
... su www.uliades.altervista.org con ben 93 pagine, si apprezza di più sia il paginatore che la sitemap...
... senza tante pretese, si potrebbe otterere altocontrasto B/N, evidenziazione e zoom testo:
.
ciao
.
Autore
si meraviglioso, okkkkk per contrasto, zoom ed evidenziatore, ma occorre altro codice?
Grazie, sei un'enciclopedia vivente.... sto imparando tante funzionalità nascoste,
... sì, sempre a seguito del precedente; ... eccolo:
<script>
/**--altocontrasto by KolAsim--**/
$(document).ready(function () {/*K>*/ const ritardoK = 3; 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">'; $("#imSideBar_imMenuObject_02_container button, #imHeader_imMenuObject_02_container 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="alto contrasto\nnero ◑ bianco"> <img id="reloadK" class="reloadK" src="https://www.svgrepo.com/show/495633/refresh-circle.svg" title="ripristina impostazioni predefinite"> </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 = "azure"; }/*K3<<*/ });/*K2<<*/ $("#contrastoK").hover(/*K4>*/ function () { $(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"); } );/*K3<<*/ $("#reloadK").hover(/*K4>*/ 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"); } );/*K4<<*/ $("#reloadK").click(function () {/*K5>*/ location.reload(); });/*K5<<*/ $(".text-inner span").hover( function () {/*K6>*/ $(this).data("orig-font-size", $(this).css("font-size")); $(this).data("orig-line-height", $(this).css("line-height")); $(this) .css("font-size", "26px") .css("line-height", "32px") .css("background", colorK); }, function () { $(this) .css("font-size", $(this).data("orig-font-size")) .css("line-height", $(this).data("orig-line-height")) .css("background", "transparent");});/*K6<<*/ },ritardoK*1000);/*K1<<*/ });/*K<<*/
</script>
.
... nel caso avvisami che controllo online...
.
ciao
.
... ho scoperto perchè prima non mi accettava il codice nel Post, erano i pallini...
...
.
Autore
devo aggiungere alla paginazione di prima ? dentro Statistiche codice? - di seguito?
... sì, esattamente lì, dopo l'altro codice che hai già inserito...
... visto che il mio codice qui è stato preso in chiaro, puoi fare copia/incolla direttamente da qui...
.
Autore
https://www.uliades.altervista.org/
per Uliades non sono riuscita, esportato ben due volte, comapre sempre il testo con i tag nonostante lo abbia cancellato, cosa posso fare?
NO! ..
.... adesso è regolare e corretto, nessun errore nella pagina, quella stringa di testo è scomparsa...
... ho visto, funziona perfettamente, con 93 pagine rilevate...
... aziona nel browser Ctrl+F5, oppure Ctrl+Maiusc+R ... per resettare la cache...
.
... adesso che sei diventata Esperta, e se non vuoi avere tutte queste stringe di codice nella pagina, puoi usare il codice in modo esterno alla pagina...
... in questo caso se per caso lo vorresti disabilitare potresti farlo con in click...
... visto che con le esportazioni vai alla grande, se ti interessa avvisami...
Autore
Hai ragione, ma ho dovuto entrare da Edge , perchè da chrome, non è resettato ancora
... per me tutto OK su tutti ...
Autore
si ti confermo tutto OKKKKK ... sei un Campione. Grazie
Autore
se volessi rimuovere il paginatore sequenziale , che non farò mai, perchè mi piace molto?
Autore
in questo caso se per caso lo vorresti disabilitare potresti farlo con in click...
... visto che con le esportazioni vai alla grande, se ti interessa avvisami...
Autore
come si fa? se la persona titolare del sito non lo volesse più?
Autore
questi sono due siti miei personali:
https://defacto.altervista.org Anche versione inglese, cliccando sulla bandierina, interamente elaborato da me.
https://neoscrittori.altervista.org
https://consbilanciata.altervista.org
anche per questi i codici : paginazione sequenziale, zoom, contrasto b/n evidenziazione posso applicarli?
Grazie per tutto, ho imparato molto!
Autore
Ho visto, si spegne l'interruttore verde e compare il menù tradizionale, sei proprio un Mito....
... stando così le cose come adesso. per imuovere bisogna selezionare ed eliminare il codice e riesportare...
.. invece, ...al posto di usare tutto il codice, potresti usare due files esterni *.JS
1) - salva il file TXT sitemap-paginatore con nome per esempio sitemap-paginatore_etruria.js, controllando che il file si chiami realmente sitemap-paginatore_etruria.js e non per esempio sitemap-paginatore_etruria.js.txt;
2) - salva il file TXT altocontrasto con nome per esempio altocontrasto_etruria.js, controllando che il file si chiami realmente altocontrasto_etruria.js e non per esempio altocontrasto_etruria.js.txt;
... questi files JS devono contenere solo il contenuto dello SCRIPT senza i due tag <script></script> iniziale e finale, e non deve contenere altro testo...
3) - una volta salvati i due JS etruria.js ed altocontrasto_etruria.js, li alleghi rispettivamente nei relativi Progetti, al Passo_1 | Seo e Codice, la stessa sezione che hai usato prima nella scheda "codice+ opzione allegati, lasciando "files" come cartella proposta per default, e flaggando la casella [X] "Collega i file (solo per file *.js e *css)";
... il grosso è fatto; ...sitemap-paginatore ed altocontrasto si attiveranno automaticamente, e non vedrai più tutto quel codice nella pagina....
... se ho trascurato qualcosa e/o se qualcosa non è chiaro avvisami ...
.
ciao
.
.. vado a vederli e ti farò sapere ...
Autore
no, io lo tengo, tanto è vero che vorrei applicarlo anche ai miei siti, ma siccome non tutti i siti che ho creato sono miei, devo poter affrontare richieste di rimozione.
... rimuovere i codici non è un problema, li selezioni e li elimini là dove li hai messi...
Autore
si certo, hai ragione!!!
Autore
Non sono riuscita, perchè dovrei attivare dal s.o. i file nascosti.... ma a me va bene anche il cosice che mi hai dato. Grazie
Autore
codice
... scusami, tanto per capire, ... questo tuo TXT è il codice che hai messo in /HEAD, e lì dovrebbe funzionare...
... adesso non ho capito se vuoi usarlo come file JS esterno, perchè così non va bene...
... tutta la sezione STYLE e di due tag <script></script> non devono esserci, ed il file deve avere estensione .js, come indicato prima...
... se tu intendevi altro, fammi sapere...
... attenzione, nel nome del file c'è uno spazio vuoto, ed è meglio che non ci siano interruzioni bianche/vuote...
.
Autore
tu hai detto che se un giorno voglio velocizzare l'operazione, posso creare due file con estensione JS, ma io preferisco inserire il codice e non lo tocco più, preferisco così grazie
... intanto ho visto i tuoi tre siti...
... il codice sitemap-paginazione va bene per tutti e tre, personalizzando il relativo ID, come detto prima...
... se non riesci o se preferisci te li correggo io...
... anche altocontrasto va bene per tutti e tre, ad eccezio0ne del sito "defacto" dove bisogna cambiare il controllo per l'icona supplementare per il menu hamburger, che diventa invisibile, come fatto per etruria dove ha una struttura diversa...
.
Autore
vado oltre, e imparo altre cose, occupo il mio tempo per imparare altro da te. GRAZIEEEEEE
... si OK ... ottimo, in genere si fa così, ... più sotto controllo...
.
Autore
si per piacere, te ne sarei veramente grata, se potessi aiutarmi e correggere tu stesso....
Autore
poi non ti disturbo più.... giuro, questo argomento mi è chiaro grazie a te...
Autore
aprirò un altro post, per conoscere percorsi per pubblicizzare questi siti e ottenere più visite.
Autore
i siti personali sono stati creati da diversi anni, ogni tanto cambiavo la grafica, e i contenuti.
... di niente, ...anzi mi ha fatto piacere che ti sei prestate per i Test reali...
...mi ha spronato proporteli perchè i tuoi siti a base testuale e menu con sotto-livelli semplici sono i più adatti per i miei codici in IUe...
... OK ... nel caso tempo permettendo ci rivedremo di là...
.
ciao e buona continuazione...
.
Autore
bene, almeno sono stata utile pure io, i miei siti riflettono la mia essenzialità, non mi piacciono quelli con troppi orpelli, la semplicità è eleganza. Sono così.
Autore
ma per i codici applicati ai miei siti, mi spieghi velocemente cosa devo fare per applicare i tuoi metodi intelligenti?
... aspetta, vaso a rivedere...
Autore
hai detto che c'è qualche criticità, e per il sito in inglese il codice di impaginazione ecc è ugualmente valido?
Autore
mi spiace insistere, ma sono le prime volte e temo di errare, comprenderai
... per altocontrasto va bene per tutti, ma per defacto, per non ritoccare il codice, occorre aggiungere alla fine prima di:
},ritardoK*1000);/*K1<<*/ });/*K<<*/
... questa stringa:
$("#imSideBar_imMenuObject_01_container button").append(hamburgerK);
... praticamente diventa così:
$("#imSideBar_imMenuObject_01_container button").append(hamburgerK); },ritardoK*1000);/*K1<<*/ });/*K<<*/
... ... non dovrebbe creare conflitti...
... adesso devo interrompere, ed appena posso ritornerò per verificare la sitemap-paginazione...
.
Autore
grazie infinite di tutto davvero.....
... riguardo sitemap+paginazione:
....#... ... per "defacto" hai già applicato il codice correttamente...
...##... ....sia per "consbilanciata" che per "neoscrittori" la prima riga del codice deve essere questa:
const objectK = "#imHeader_imMenuObject_02_container";
.
ciao
.
Autore
ma consbilanciata ha il menù orizzontale - ho lasciato solo il contrasto, ma prendo nota e proverò senz'altro, neoscrittori non l'ho toccato, farò anche quello......grazieeeeeeeeeeeeeeeeeeeeeeeeeee
Autore
la prima riga dopo la parola Style o Script?
... la prima riga del codice SCRIPT, là dove vedi un qualcosa di questo genere:
const objectK = "#imHeader_imMenuObject_02_container";
... è facilemte identificabile:
<script> /** --- MappaDelSitoK + paginatoreK unico ed esclusiv x WebSitex5 - by KolAsim --- **/ const objectK = "#imSideBar_imMenuObject_02_container";
... casomai ci risentiamo domani in giornata...
.
ciao
.
.
Autore
grazie Buona serata ...