Scroll to top
Автор: Luigi Dell'aquila
Просмотрено 1026,
Подписчики 1,
Размещенный 0
C'è la possibilità di camnbiare colore al triangolo e aggiungere una scritta?
http://www.zspace.it/kolasim/div_custom/divcustomAngoloK_scrollToTop.html#TOP
Размещено
... puoi personalizzare come preferisci:
http://www.zspace.it/kolasim/div_custom/divcustomAngoloK_scrollToTopColor.html
http://www.zspace.it/kolasim/div_custom/divcustomAngoloK_scrollToTopColor2.html
.
Автор
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
.
Автор
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>
Автор
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>
.
Автор
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
Автор
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
.
Автор
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
.
Автор
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...
.
Автор
Perfetto aggiungendo z-index:11000 funziona tutto perfettamente.
Grazie per la pazienza
X