Logo fisso linkabile 
Author: Ettore P.
Visited 1865,
Followers 3,
Shared 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
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
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
Author
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
Domanda: ma vuoi fare questo per coprire il logo di iubenda?
perchè esiste un'altro modo .... se è questo quello che vuoi
Author
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.
Author
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)
sul mio sito ho messo il pulsante sul footer è l'iconcina sparisce automaticamente
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à.
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)
... 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...
.
....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".
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...
io intendo la PRO a pagamento...
ah ok...
come detto... non ho letto tutto attentamente...
è 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...
Author
Ciao Giancarlo, il pulsante funziona benissimo ma resta l'iconcina di iubenda..... sbaglio qualcosa?
Author
Ciao Kola, sarebbe perfetto MA non riesco a trovare il codice dell'icona originale da sostituire con la mia.... ci pensi tu? ;
Non saprei deve funzionare hai del codice extra da eliminare?
Author
Verifico meglio....
<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
.
Author
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
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.
Author
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.
ok Ettore.
Author
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 :)
infatti ho visto, deve andare nel footer almeno questo mi hanno detto ed a me funziona così
Author
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"
...!... hai sbagliato, ...non hai fatto copia/incolla del mio codice...!...
...!... non esiste >> https://www.ettorepoggipollini.com/files/lubenda-logo-ettore-nero-sondo-bianco-40.svg
.
io ho lasciato "modifica preferenze"
Author
C'era un errore di digitazione .... "sondo" invece di "sFondo" ;
Ma il risultato non cambia......
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>
Author
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.
Author
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?
si esatto o icona o pulsante
Author
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 ;
comunque non capisco perchè se metti il pulsante, l'icona non sparisce
... 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...!...
.
.
Author
Kola, FUNZIONA ALLA GRANDE!!!
Sei un mago!
Author
Devo soltanto perfezionare il logo, magari arrotondato ;)
... aggiungi:
left:-5px; top:-5px;border-radius:30px; border: solid 1px silver;
Author
Perfetto!
Kola, hai risolto tutto!! Sono super soddisfatto!
Ancora grazie a tutti per il contributo, a Patrizia, a Giancarlo e a Claudio.
Boa noite! :)
... ho visto, OK, funziona...