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