WebSite X5Help Center

 
Maurizio Z.
Maurizio Z.
User

Modificare una sola voce del menu  it

Autor: Maurizio Z.
Visited 917, Followers 2, Udostępniony 0  

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

Posted on the
9 ODPOWIEDZI - 2 USEFUL - 1 PRAWIDłOWA ODPOWIEDź
Maurizio Z.
Maurizio Z.
User
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

Czytaj więcej
Posted on the from Maurizio Z.
Giancarlo B.
Giancarlo B.
User
Maurizio Z.
Lo hai inserito a fianco dell'oggetto menu?

si esatto, ma può essere visibile senza problemi anche in mobile.

Czytaj więcej
Posted on the from Giancarlo B.
Maurizio Z.
Maurizio Z.
User
Autor

Ok, vediamo se arriva qualche altro suggerimento o metodo, intanto ti ringrazio.

Czytaj więcej
Posted on the from Maurizio Z.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Maurizio Z.
... ...  ... vediamo se arriva qualche altro suggerimento o metodo, ... ... ... 

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

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Maurizio Z.
Maurizio Z.
User
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

Czytaj więcej
Posted on the from Maurizio Z.
Maurizio Z.
Maurizio Z.
User
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

Czytaj więcej
Posted on the from Maurizio Z.
Maurizio Z.
Maurizio Z.
User
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

Czytaj więcej
Posted on the from Maurizio Z.