Modificare una sola voce del menu
Autor: Maurizio Z.Buongiorno a tutte/i,
vorrei modificare una sola voce del menu di questo sito:
abyssinia.it
la voce in questione è "News".
Cerco di spiegarmi, vorrei poter cambiare la dimensione del testo e/o il colore, oppure aggiungere degli effetti per attirare l'attenzione su quella pagina specifica.
Ho provato ad inserire una icona, con le opzioni del programma, ma viene sovrapposta al testo.
Ho allegato l'immagine di come appare con l'icona (prova.jpg)
Questa soluzione sarebbe interessante perchè funziona a tutte le risoluzioni (il sito è responsive o almeno ci provo).
Avete qualche idea?
Ho provato a cercare con le istruzioni dell'HTML ma non saprei dove inserire l'eventuale codice nel programma (se si può inserire sarebbe ottimo in modo che anche se modifico il sito e lo ri-pubblico non devo stare a modificarlo esternamente)
Un grazie in anticipo
Maurizio
un'idea potrebbe essere l'utilizzo di un pulsante come questo esempio:
https://toolsshop.altervista.org/clinic-care/
Autor
Potrebbe essere una soluzione, anche se in visualizzazione smartphone sparisce, penso per le dimensioni.
Magari facendolo un pò piu piccolo ci sta, devo provare.
Lo hai inserito a fianco dell'oggetto menu?
Intanto ti ringrazio e ti auguro una buona serata
Maurizio
si esatto, ma può essere visibile senza problemi anche in mobile.
Autor
Ok, vediamo se arriva qualche altro suggerimento o metodo, intanto ti ringrazio.
... se ti interessa un cosa semplice, tipo effetto pulsazione animata, .. allora si potrebbe applicare questo mio semplice codice EXTRA per quella che è la struttura attualmente online:
<style>
#imHeader_imMenuObject_04-menu-opened ul > li:last-child > .label-wrapper .label ,
#imHeader_imMenuObject_04_container > ul > li:last-child > .label-wrapper .label {
animation: animationK 1s linear infinite alternate-reverse}
@keyframes animationK { 0%{font-size:26px;}}}/**---K---**/
</style>
... ovviamente per:
>> Passo 1 - Impostazioni > Sezione Avanzate > Statistiche e Codice > ▪Codice personalizzato: > (3^opzione) -> Prima della chiusura del tag HEAD
.
Autor
Grazie KolAsim,
ho provato in locale ed è molto interessante, dove posso trovare indicazioni su queste istruzioni in modo da fare esperimenti?
Si possono inserire altre istruzioni, ad esempio per cambiare il colore del testo o altro?
Qui sotto allego 2 immagini che mostrano l'effetto, praticamente la voce di menu "NEWS" cambia la sua dimensione ingrandendosi e rimpicciolendosi come se pulsasse.
Grazie e buona serata
... per la personalizzazione valgono le stesse comuni regole di stile <STYLE> CSS:
>> >> https://www.w3schools.com/css/
ciao
.
Autor
Perfetto,
ti ringrazio, lascio aperto il post, così quando ho finito di modificare il codice lo pubblico se può essere utile ad altri.
Grazie e buona serata
Maurizio
Autor
Eccomi qui, allora partendo dal codice di KolAsim e cercando al link che mi ha fornito ho elaborato il seguente codice:
<style>
#imHeader_imMenuObject_04-menu-opened ul > li:last-child > .label-wrapper .label ,
#imHeader_imMenuObject_04_container > ul > li:last-child > .label-wrapper .label {
font-color:red; animation: News 3s linear infinite alternate-reverse}
@keyframes News {
0% {font-size:24px; color:red}
25% {font-size:36px; color:yellow}
50% {font-size:48px; color:green}
75% {font-size:36px; color:blue}
100% {font-size:24px; color:red}
}}/*Effetto sulla voce di menu News*/
</style>
Spero che possa essere utile anche ad altri, il risultato è visibile qui:
https://abyssinia.it/
Grazie ancora per l'aiuto
Maurizio