Scroll to top 
Auteur : Luigi Dell'aquila
Visité 1019,
Followers 1,
Partagé 0
C'è la possibilità di camnbiare colore al triangolo e aggiungere una scritta?
http://www.zspace.it/kolasim/div_custom/divcustomAngoloK_scrollToTop.html#TOP
Posté le
... puoi personalizzare come preferisci:
http://www.zspace.it/kolasim/div_custom/divcustomAngoloK_scrollToTopColor.html
http://www.zspace.it/kolasim/div_custom/divcustomAngoloK_scrollToTopColor2.html
.
Auteur
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
.
Auteur
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>
Auteur
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>
.
Auteur
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
Auteur
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
.
Auteur
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
.
Auteur
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...
.
Auteur
Perfetto aggiungendo z-index:11000 funziona tutto perfettamente.
Grazie per la pazienza
X