Scroll to top 
Autore: Luigi Dell'aquila
Visite 1013,
Followers 1,
Condiviso 0
C'è la possibilità di camnbiare colore al triangolo e aggiungere una scritta?
http://www.zspace.it/kolasim/div_custom/divcustomAngoloK_scrollToTop.html#TOP
Postato il
... puoi personalizzare come preferisci:
http://www.zspace.it/kolasim/div_custom/divcustomAngoloK_scrollToTopColor.html
http://www.zspace.it/kolasim/div_custom/divcustomAngoloK_scrollToTopColor2.html
.
Autore
Grazie Kolasim
ma oltre al testo è possibile cambiare colore anche al triangolo?
si, aggiungi questa stringa con il colore che vuoi tu...
... infatti come detto da Mirko, e come detto prima, puoi fare come credi, per esempio: http://www.zspace.it/kolasim/div_custom/divcustomAngoloK_scrollToTopColor3.html
.
Autore
Grazie ad entrambi, ma come mai a me il testo si sovrappone al triangolo?
http://luigidellaquila.altervista.org/banner/top.html
prova questo:
<div id="angolo_k" style="position:fixed;bottom:10px;right:10px;font-size:100px;visibility:hidden">
<a title="TOP" href="#TOP">▲<p style="color:#FF00FF;font-size:20px;">TORNA SU</p></a>
</div>
Autore
Si ora non si sovrappone, ma il colore del triangolo dove va inserito?
... nell'ultimo mio link il codice del DIV_CUSTOM è questo:
<div id="angolo_k" style="position:fixed;bottom:10px;right:10px;visibility:hidden;line-height:5px"><a title="TOP" href="#TOP" style="text-decoration:none;"><span style="decoration:none;color:green;font-size:100px;">▲</span><p style="color:red;font-size:20px;">TORNA SU</p></a></div>
... dove il codice per la freccia di colore verde greenè questo:
<span style="decoration:none;color:green;font-size:100px;">▲</span>
.
Autore
Ciao Kolasim
come dicevo non so perchè, ma il tuo codice sul mio sito sovrappone la scritta sul triangolo
ecco il link http://luigidellaquila.altervista.org/banner/topkolasim.html
mentre la modifica di Mirko non sovrappone la scritta, ma non so dove inserire il colore per il triangolo
ecco il link http://luigidellaquila.altervista.org/banner/top.html
X
Autore
Ciao.
C'è anche un'altro problema che la freccia non è responsive. Se si restringe la freccia non funziona.
... non servirebbe e comunque sarebbe un altro discorso:
- responsive >>> http://goo.gl/IT6I8j
.
Autore
Lo so sto diventando rompi..... però ora che è responsive quando è inferiore ai 960 px la freccia va sempre più giù fino a sparire
http://luigidellaquila.altervista.org/banner/responsive.html
... devi giocare sui valore bottom; >> clone: http://www.zspace.it/kolasim/trash/goToTopLuigi143545.html
.
Autore
Ho fatto come hai detto mmodificando il valore bottom, ma mi con me non vuole proprio funzionare. Al primo livello di riduzione finquando non hai trascinato tutto giù lo scroll il triangolo non è selezionabile
http://luigidellaquila.altervista.org/banner/responsive.html
... prova con l'aggiungere lo z-index superiore nel DIV_CUSTOM, per esempio:
#angolo_k {position: eccetera eccetera; z-index:11000}
... rivedi il clone...
.
Autore
Perfetto aggiungendo z-index:11000 funziona tutto perfettamente.
Grazie per la pazienza
X