WebSite X5Help Center

 
Ettore P.
Ettore P.
User

Logo fisso linkabile  it

Autor: Ettore P.
Visited 1936, Followers 3, Udostępniony 0  

Buon pomeriggio, vorrei avere un piccolo logo linkabile fisso in basso a sinistra dello schermo in una posizione da poter definire esattamente in px), sempre visibile e sempre nella stessa posizione a qualsiasi risoluzione.

Esiste il modo?

Posted on the
42 ODPOWIEDZI - 11 USEFUL - 1 PRAWIDłOWA ODPOWIEDź
Fabio C.
Fabio C.
User

Inserisci un immagine con l'oggetto HTML:

<div class="box"><img src="http://tuosito/immagine.png"></div>

Richiami il div box in esperto dell'oggetto HTML

.box {
position: fixed !important;
position: absolute;
bottom: 0px; left:0px;
width: 16px;
}

L'immagine la devi caricare sul server e richiamarla con il percorso come scritto sopra, width: 16px; è da personalizzare in base alla grandezza della tua immagine, ho messo immagine png perchè trasoarente ma puoi mettere qualsiasi tipo d'immagine

Czytaj więcej
Posted on the from Fabio C.
Fabio C.
Fabio C.
User

Scusa ho sbagliato quello sopra non è linkabile questo è lo script giusto, il css invece va bene quello

<div class="box"><a href="http://www.tuosito.com"><img src="http://tuosito/immagine.png"></div></a>

Se metti il codice nell'Header o nel Footer al passo 2 ce l'hai in tutte le pagine del il sito

http://bystratostyle.altervista.org/PROVE/pagina-33.html

Czytaj więcej
Posted on the from Fabio C.
Ettore P.
Ettore P.
User
Autor

Perfetto Patrizia, ho letto il tuo link, già provato e funziona alla grande (ho messo un oggetto html col tuo codice nel footer!

A questo punto mi manca da risolvere l'ultimo problema:

Il mio logo deve coprire quello di Iubenda (quello che linka al banner dei cookies) ed anche impostando uno z-index esagerato (tipo 10402000000000000000) non riesco a coprirlo.....

Devo anche scoprire quale link usa il logo di iubenda per far aprire appunto il frame con le preferenze dei cookie.... devo usare lo stesso link anche sul mio logo.

Se vuoi dare un'occhiata, per vedere i codici, il mio sito è questo:

https://ettorepoggipollini.com

Czytaj więcej
Posted on the from Ettore P.
Giancarlo B.
Giancarlo B.
User

Domanda: ma vuoi fare questo per coprire il logo di iubenda?

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

perchè esiste un'altro modo .... se è questo quello che vuoi

Czytaj więcej
Posted on the from Giancarlo B.
Ettore P.
Ettore P.
User
Autor

Si, voglio coprire il logo di iubenda..... ma mi piacerebbe anche avere il mio logo che, cliccandoci sopra, linkasse come quello di iubenda (quindi al frame popup con le impostazioni per i cookiee) :)

In pratica, sarebbe il top poter eliminare o coprire l'immagine del logo di iubenda mettendo il mio logo ma lasciando però il toggle trsparente di lubenda per poter linkare.... oppure, se esiste un link per poter linkare direttamente alla finestra popup di iubenda, ancora meglio.... io non l'ho trovato.

Czytaj więcej
Posted on the from Ettore P.
Ettore P.
Ettore P.
User
Autor

Va benissimo rimuovere il logo iubenda..... l'importante è trovare il link che apre la finestra popup con le impostazioni dei cookies di iubenda. (link che si apre cliccando appunto sul logo di iubenda)

Czytaj więcej
Posted on the from Ettore P.
Giancarlo B.
Giancarlo B.
User

sul mio sito ho messo il pulsante sul footer è l'iconcina sparisce automaticamente

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

Per fare questo io ho customizzato il codice iubenda, fai così:
metti un oggetto HTML nel footer dove vuoi che compaia il pulsante e dentro metti questo codice


<button class="iubenda-advertising-preferences-link">Modifica Preferenze</button>

Nella sezione esperto dello stesso oggetto HTML metti il CSS che dovrai personalizzare per lo stile del pulsante

/* pulsanti iubenda */
.iubenda-advertising-preferences-link {
cursor:pointer;
line-height:1.5em;
text-align:center;
background:transparent;
border: 1px solid #555555;
color: #aaaaaa;
text-decoration:none;
padding: 2px 4px;
font-family:"raleway";
font-size: 11px;
font-weight: none;
transition: all 0.2s ease-in;
border-radius: 0px;
}
.iubenda-advertising-preferences-link:hover {
background: #ffffff;
border-color: transparent;
color:#000000;
}
------------------
fatto questo l'iconcina di iubenda sparirà.

Czytaj więcej
Posted on the from Giancarlo B.
Fabio C.
Fabio C.
User

Per iubenda segui i consigli di Giancarlo B. perchè io non l'ho inserita su nessuno dei miei siti (non mi piace dar da mangiare ai monopoli... ma questa è un'altra storia)

Czytaj więcej
Posted on the from Fabio C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca PT
Ettore P.
... ... ...  Il mio logo deve coprire quello di Iubenda (quello che linka al banner dei cookies) ed anche impostando uno z-index esagerato (tipo 10402000000000000000) non riesco a coprirlo..... ... ... ... 
    ... puoi regolare i livelli tra loro, ma forse non è l'approccio corretto, perchè se sovrapponi perdi l'azione al click...

... invece potresti usare in semplice extra la tua immagine al posto di quella originale , ... mantenendo le azioni attive...

... oppure puoi fare semplicemente come ti ha appena detto Giancarlo...

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Claudio D.
Claudio D.
Moderator
Najlepszy Użytkownik miesiąca IT
Ettore P.
Va benissimo rimuovere il logo iubenda..... l'importante è trovare il link che apre la finestra popup con le impostazioni dei cookies di iubenda. (link che si apre cliccando appunto sul logo di iubenda)

....scusate se mi intrometto... e premetto che non ho letto tutta la discussione ...quindi magari non parlate di questo...

ma secondo me con la licenza non a pagamento , se di quella parliamo, non sarebbe consentito coprire/rimuovere il logo... anche se sul sito non ho trovato esplicitamente l'obbligo di tenere il logo però

visto che è tra le opzioni della Pro quella possibilità...

https://www.iubenda.com/it/help/62-rimuovere-logo-iubenda

mi viene da pensare che con la versione non a pagamento sia da tenere...

non parlo dal punto di vista tecnico di funzionamento , ma dal punto di vista dei loro "credits".

Patrizia B.
 io non l'ho inserita su nessuno dei miei siti (non mi piace dar da mangiare ai monopoli... ma questa è un'altra storia)

tenendo conto che Iubenda fa come Ponzio Pilato (se ne lava le mani) per qualunque controversia, anche se prendi quella a pagamento... la penso esattamente come te...

Czytaj więcej
Posted on the from Claudio D.
Giancarlo B.
Giancarlo B.
User

io intendo la PRO a pagamento...

Czytaj więcej
Posted on the from Giancarlo B.
Claudio D.
Claudio D.
Moderator
Najlepszy Użytkownik miesiąca IT
Giancarlo B.
io intendo la PRO a pagamento...

ah ok...

come detto... non ho letto tutto attentamente... wink

Czytaj więcej
Posted on the from Claudio D.
Giancarlo B.
Giancarlo B.
User

è un'icontina che compare per gestire le preferenze (da ultimi aggiornamenti iubenda) è obblicatorio avere il pulsante per accedere alla sezione preferenze, di default loro mettono l'iconcina, ma puoi customizzare ed inserire un pulsante sul footer, l'importante è dare la possibilità entrare nel pannello preferenze... wink 

Czytaj więcej
Posted on the from Giancarlo B.
Ettore P.
Ettore P.
User
Autor
Giancarlo B.
... fatto questo l'iconcina di iubenda sparirà.

Ciao Giancarlo, il pulsante funziona benissimo ma resta l'iconcina di iubenda..... sbaglio qualcosa?

Czytaj więcej
Posted on the from Ettore P.
Ettore P.
Ettore P.
User
Autor
 ‪ KolAsim ‪ ‪
... invece potresti usare in semplice extra la tua immagine al posto di quella originale , ... mantenendo le azioni attive...

Ciao Kola, sarebbe perfetto MA non riesco a trovare il codice dell'icona originale da sostituire con la mia.... ci pensi tu? ; 

Czytaj więcej
Posted on the from Ettore P.
Giancarlo B.
Giancarlo B.
User

Non saprei deve funzionare hai del codice extra da eliminare?

Czytaj więcej
Posted on the from Giancarlo B.
Ettore P.
Ettore P.
User
Autor
Giancarlo B.
Non saprei deve funzionare hai del codice extra da eliminare?

Verifico meglio....

Czytaj więcej
Posted on the from Ettore P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca PT
Ettore P.
 ‪ ... ... ...  Ciao Kola, sarebbe perfetto MA non riesco a trovare il codice dell'icona originale da sostituire con la mia.... ci pensi tu? ; 

<style>
.iubenda-tp-btn[data-tp-icon] {background-image: url("https://www.ettorepoggipollini.com/files/lubenda-logo-ettore-nero-sfondo-bianco-40.png") !important}
</style>

.

ciao

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Ettore P.
Ettore P.
User
Autor
‪ KolAsim ‪ ‪
<style> .iubenda-tp-btn[data-tp-icon] {background-image: url("https://www.ettorepoggipollini.com/files/lubenda-logo-ettore-nero-sfondo-bianco-40.png") !important} </style>

Ciao Kola, ho inserito il codice ma continua ad apparire l'iconcina di iubenda......

Ho caricato il sito, il link è sempre il solito

https://www.ettorepoggipollini.com

Czytaj więcej
Posted on the from Ettore P.
Giancarlo B.
Giancarlo B.
User

Ettore non hai provato con il pulsante?

quella soluzione è di iubenda, mi hanno detto loro in chat di inserire 

<button class="iubenda-advertising-preferences-link">Modifica Preferenze</button>

e volendo di customizzare il pulsante a mio piacimento.

Czytaj więcej
Posted on the from Giancarlo B.
Ettore P.
Ettore P.
User
Autor
Giancarlo B.
<button class="iubenda-advertising-preferences-link">Modifica Preferenze</button>

Ciao Giancarlo, ho provato ieri sera ma l'iconcina continuava a comparire.

Ricarico il tuo pulsante e il sito così se hai tempo e voglia puoi darci un'occhiata, ok?

Dammi qualche minuto, ciao e grazie ancora.

Czytaj więcej
Posted on the from Ettore P.
Giancarlo B.
Giancarlo B.
User

ok Ettore.

Czytaj więcej
Posted on the from Giancarlo B.
Ettore P.
Ettore P.
User
Autor
Giancarlo B.
ok Ettore.

L'ho appena caricato ed è solo nella home page come oggetto html, non l'ho messo come oggetto nel footer per tutte le pagine, al momento. Prova a dare un'occhiata :)

Czytaj więcej
Posted on the from Ettore P.
Giancarlo B.
Giancarlo B.
User

infatti ho visto, deve andare nel footer almeno questo mi hanno detto ed a me funziona così

Czytaj więcej
Posted on the from Giancarlo B.
Ettore P.
Ettore P.
User
Autor
Giancarlo B.
... deve andare nel footer almeno questo mi hanno detto ed a me funziona così

Ho caricato il sito col pulsante nel footer ma l'iconcina compare comunque....

Ne approfitto per un chiarimento: Un'icona o un logo come quello di iubenda che consenta di accedere alle impostazioni e preferenze è sufficiente per essere in regola? Oppure occorre anche un pulsante o un link con la dicitura chiara "modifica preferenze" 

Czytaj więcej
Posted on the from Ettore P.
Giancarlo B.
Giancarlo B.
User
Ettore P.
Giancarlo B. ... deve andare nel footer almeno questo mi hanno detto ed a me funziona così Ho caricato il sito col pulsante nel footer ma l'iconcina compare comunque.... Ne approfitto per un chiarimento: Un'icona o un logo come quello di iubenda che consenta di accedere alle impostazioni e preferenze è sufficiente per essere in regola? Oppure occorre anche un pulsante o un link con la dicitura chiara "modifica preferenze" 

io ho lasciato "modifica preferenze"

Czytaj więcej
Posted on the from Giancarlo B.
Ettore P.
Ettore P.
User
Autor
 ‪ KolAsim ‪ ‪
-sondo-bianco-40.svg

C'era un errore di digitazione .... "sondo" invece di "sFondo" ;

Ma il risultato non cambia......

Czytaj więcej
Posted on the from Ettore P.
Giancarlo B.
Giancarlo B.
User

Ettore ti allego la risposta di iubenda:

salve! non è possibile spostare l'icona tuttavia può essere rimossa. Se ha abilitato il TCF dalla Cookie Solution, per rimuovere l'icona che riporta alle preferenze dei Cookies basta inserire nel sito un link (di solito aggiunto nel footer) per permettere agli utenti di gestire le loro preferenze sui cookies. Questo è richiesto legalmente quando si attiva il TCF ed in assenza del tasto, Iubenda inserisce l'icona.
Esempio del tasto da inserire nel footer:
<button class="iubenda-advertising-preferences-link">Modifica preferenze pubblicitarie</button>

Czytaj więcej
Posted on the from Giancarlo B.
Ettore P.
Ettore P.
User
Autor
Giancarlo B.
Ettore ti allego la risposta di iubenda: salve! non è possibile spostare l'icona tuttavia può essere rimossa. 

L'icona può essere spostata, ho sperimentato varie possibilità direttamente dal sito iubenda e ho concluso che sia meglio in basso a sx, questione di gusti ;)

Sempre su iubenda ho assegnato uno z-index custom, 10395.

Tramite il codice extra ho inserito un logo in basso a sinistra con z-index superiore ma non copre l'iconcina iubenda.

Probabilmente lo z-index di iubenda riguarda il banner e non l'iconcina.

Czytaj więcej
Posted on the from Ettore P.
Ettore P.
Ettore P.
User
Autor

Riguardo agli obblighi di legge, se ho ben capito, per dare la posibilità ai visitatori di modificare le preferenze di tracciamento e dei cookies è sufficiente avere anche solamente l'iconcina o un logo cliccabile SENZA UN PULSANTE?

Il pulsante serve in assenza di iconcina o logo cliccabile?

Czytaj więcej
Posted on the from Ettore P.
Giancarlo B.
Giancarlo B.
User

si esatto o icona o pulsante

Czytaj więcej
Posted on the from Giancarlo B.
Ettore P.
Ettore P.
User
Autor

Va bene, dai, mi terrò l'iconcina di iubenda.

Credo però che un pulsante con la dicitura chiara sia più inerpretabile di un'icona o un di un logo ;

Czytaj więcej
Posted on the from Ettore P.
Giancarlo B.
Giancarlo B.
User

comunque non capisco perchè se metti il pulsante, l'icona non sparisce

Czytaj więcej
Posted on the from Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca PT
Ettore P.
 ‪ KolAsim ‪... ... ... ... C'era un errore di digitazione .... ... ... ... ...  Ma il risultato non cambia...... ... ... 

... non avevo notato le priorità aggiunte di iubenda undecided; ...sostituisci il mio codice con questo:

<style>
.iubenda-tp-btn:before { position:absolute;content:"";width:100%; height:100%;background-color: white;
background-image: url("https://www.ettorepoggipollini.com/files/lubenda-logo-ettore-nero-sfondo-bianco-40.svg");
background-repeat: no-repeat;background-size: 105% 105%; background-position: center center }
</style>

...!... in teoria deve funzionare, ma se non funziona perchè iubenda si attiva in ritardo sulla pagina, allora si dovrà sostituire con JS temporizzato...!...

.

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Ettore P.
Ettore P.
User
Autor
 ‪ KolAsim ‪ ‪
Ettore P. ‪ KolAsim ‪... ... ... ... C'era un errore di digitazione .... ... ... ... ...  Ma il risultato non cambia...... ... ...  ... non avevo notato le priorità aggiunte di iubenda ; ...sostituisci il mio codice con questo: <style> .iubenda-tp-btn:before { position:absolute;content:"";width:100%; height:100%;background-color: white; background-image: url("https://www.ettorepoggipollini.com/files/lubenda-logo-ettore-nero-sfondo-bianco-40.svg"); background-repeat: no-repeat;background-size: 105% 105%; background-position: center center } </style> ...!... in teoria deve funzionare, ma se non funziona perchè iubenda si attiva in ritardo sulla pagina, allora si dovrà sostituire con JS temporizzato...!...

Kola, FUNZIONA ALLA GRANDE!!! laughinglaughingcool

Sei un mago!

Czytaj więcej
Posted on the from Ettore P.
Ettore P.
Ettore P.
User
Autor

Devo soltanto perfezionare il logo, magari arrotondato ;)

Czytaj więcej
Posted on the from Ettore P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca PT
Ettore P.
Devo soltanto perfezionare il logo, magari arrotondato ;)

... aggiungi:

left:-5px; top:-5px;border-radius:30px; border: solid 1px silver;

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Ettore P.
Ettore P.
User
Autor
 ‪ KolAsim ‪ ‪
Ettore P. Devo soltanto perfezionare il logo, magari arrotondato ;) ... aggiungi: left:-5px; top:-5px;border-radius:30px; border: solid 1px silver;

Perfetto!

Kola, hai risolto tutto!! Sono super soddisfatto!

Ancora grazie a tutti per il contributo, a Patrizia, a Giancarlo e a Claudio.

Boa noite! :)

Czytaj więcej
Posted on the from Ettore P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca PT

... ho visto, OK, funziona...wink

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪