Posizione icona scroll inizio pagina 
Автор: Ettore P.
Просмотрено 1053,
Подписчики 2,
Размещенный 0
Buon pomeriggio, vorrei inserire un'icona .svg come icona scroll inizio pagina.
Come faccio a definire la posizione personalizzata in cui collocare l'icona?
Al momento ho inserito questo codice nella sezione principale "PRIMA DELLA CHIUSURA DEL TAG HEAD"
<div id="imPageToTop" class="page-to-top-visible" style="display: block;"><img src="files/arrow-up-blue-circle-34.svg" alt="scroll to top" id="imPageToTop_img"></div>
Altra cosa, se in una cella di testo o in un oggetto html inserisco una immagine svg (o altro formato) tramite codice , che codice devo usare al fine che questa immagine venga ridimensionata correttamente in base ai vari dispositivi su cui verrà visualizzata?
Размещено
Автор
Ho risolto così:
#imPageToTop {
position: fixed;
bottom: 10px;
right: 12px;
z-index: 10500;
display: none;
opacity: 0.55;
}
Chiudo il post.
Автор
Aggiornamento:
Il codice di cui sopra funziona per l'immagine ma non funziona il comando, quindi al click dell'icona non succede nulla.
Ho quindi modificato il file TEMPLATE.CSS alla riga 10, impostando direttamente lì la posizione dell'icona.
Автор
Ecco il file "template.css".
Alla riga 10 #imPageToTop si possono modificare i valori a proprio piacimento, nel mio caso, la posizione dell'icona.
forse se dai più peso al tuo codice con !important con ti serve modificare il css, hai provato?
Автор
Grazie Giancarlo, non avevo provato.... ho provato adesso e funziona!
Daresti un'occhiata al codice per dirmi se è corretto? Ho inserito:
<style>
#imPageToTop {
position: fixed;
bottom: 10px !important;
right: 12px !important;
z-index: 10500 !important;
opacity: 0.5 !important;
}
</style>
Ettore, direi di si
Автор
A dire il vero, oggi funziona anche senza !important
Mah, sicuramente avrò commesso qualche errore.
Автор
di nulla figurati....