Risposta Stile Testo Dimensione:  10 12 14 16 18 20 24 30 Colore:  Rosso Viola Verde Blu Giallo Grigio Arancio Rosa Allinea:  Centrato Giustificato Linea vuota A capo Altri comandi Emoticons Clicca per riportare il codice nell'area di testo oppure posizionati su un'immagine per vederne il relativo comando. Testo In risposta a Alecos [quote=Alecos] Ragazzi ho scritto a Marco per un motivo semplice, vorrei che mettesse nel forum una ancora fluttuante per risalire in cima senza dover far scorrere all'infinito la rotellina del mouse in salita... per cui ho predisposto una demo: Ho aggiornato la demo che trovi qui: [url=https://jsfiddle.net/rc64fwcg/1/]https://jsfiddle.net/rc64fwcg/1/[/url] Ho aggiustato gli stili in modo che siano impeccabili, centrati, blocked, fluttuanti... Dalla Demo non si vede come funziona si vede solo come appare, ma se si mette l'html in fondo pagina e si aggiunge il css a quello screen si dovrebbe vedere in pratica come funziona. Concetto: le ancore se cliccabili portano sempre in cima alla pagina a meno di non usare una ancora specifica. Col minor sforzo possibile ne useremo una generica... Si mette a fondo pagina avendo cura di mettere questa ancora dentro body altrimenti da parecchi browser un markup del genere non verrà digerito... <a href="#" class="back-top"><span class="go-top">Torna Su</span></a> Poi si aggiunge al solo foglio di stile screen questa serie di regole: .back-top { position: fixed; bottom: 65px; right: 65px; width: 64px; height: 64px; display: block; background: url("[url=http://icons.iconarchive.com/icons/elegantthemes/beautiful-flat/64/arrow-up-icon.png"]http://icons.iconarchive.com/icons/elegantthemes/beautiful-flat/64/arrow-up-icon.png"[/url]) no-repeat center center; text-decoration: none; } .go-top { display: block; margin-top: 70px; text-align: center; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; } Se serve si aggiunge .back-top { float: right; } a meno che Marco non voglia posizionarlo usando le tabelle... (lo dico solo perché marco le usa, non perché le consiglio...) infine si cerca una icona da 64x64 pixel da usare al posto di quella che ho usato io... [url=http://www.iconarchive.com/search?q=arrow+up]iconarchive frecce[/url] In basso a destra apparirà questa o un'altra icona, se ci cliccate vi spara a inizio pagina di botto ;D [img]http://icons.iconarchive.com/icons/graphicloads/colorful-long-shadow/64/Arrow-up-icon.png[/img] Non cliccate su questa perché è solo una immagine e non succede nulla ;D Se Marco la implementerà navigare nel forum diventerà facilissimo :D Variante con jquery: [url=https://jsfiddle.net/rc64fwcg/28/]https://jsfiddle.net/rc64fwcg/28/[/url] [/quote] formattazione A sinistra Giustificata Nessuna

26 Febbraio 2014 Postato da: Mak73 Modifiche o aggiunte al sito

Vi invito ad inserire in questo topic tutte le cose che ritenete dovrebbero essere modificate o aggiunte al sito per renderlo più fruibile. Questo ovviamente non avverà subito, ma con la nuovaq versione ci potrebbero già essere delle novità e questo topic mi potrebbe servire come promemoria, vi ringrazio in anticipo.

Commenti: 169  Aggiungi - Pagine: 1...-5-6-7-8-9

Alecos Post inviati: 1615	Commento Alecos 10 Ottobre 2016    14:41:05
	Ragazzi ho scritto a Marco per un motivo semplice, vorrei che mettesse nel forum una ancora fluttuante per risalire in cima senza dover far scorrere all'infinito la rotellina del mouse in salita... per cui ho predisposto una demo: Ho aggiornato la demo che trovi qui: https://jsfiddle.net/rc64fwcg/1/ Ho aggiustato gli stili in modo che siano impeccabili, centrati, blocked, fluttuanti... Dalla Demo non si vede come funziona si vede solo come appare, ma se si mette l'html in fondo pagina e si aggiunge il css a quello screen si dovrebbe vedere in pratica come funziona. Concetto: le ancore se cliccabili portano sempre in cima alla pagina a meno di non usare una ancora specifica. Col minor sforzo possibile ne useremo una generica... Si mette a fondo pagina avendo cura di mettere questa ancora dentro body altrimenti da parecchi browser un markup del genere non verrà digerito... <a href="#" class="back-top"><span class="go-top">Torna Su</span></a> Poi si aggiunge al solo foglio di stile screen questa serie di regole: .back-top { position: fixed; bottom: 65px; right: 65px; width: 64px; height: 64px; display: block; background: url(" http://icons.iconarchive.com/icons/elegantthemes/b eautiful-flat/64/arrow-up-icon.png" ) no-repeat center center; text-decoration: none; } .go-top { display: block; margin-top: 70px; text-align: center; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; } Se serve si aggiunge .back-top { float: right; } a meno che Marco non voglia posizionarlo usando le tabelle... (lo dico solo perché marco le usa, non perché le consiglio...) infine si cerca una icona da 64x64 pixel da usare al posto di quella che ho usato io... iconarchive frecce In basso a destra apparirà questa o un'altra icona, se ci cliccate vi spara a inizio pagina di botto Non cliccate su questa perché è solo una immagine e non succede nulla Se Marco la implementerà navigare nel forum diventerà facilissimo Variante con jquery: https://jsfiddle.net/rc64fwcg/28/