Indice del forum Olimpo Informatico
I Forum di Zeus News
Leggi la newsletter gratuita - Attiva il Menu compatto
 
 FAQFAQ   CercaCerca   Lista utentiLista utenti   GruppiGruppi   RegistratiRegistrati 
 ProfiloProfilo   Messaggi privatiMessaggi privati   Log inLog in 

    Newsletter RSS Facebook Twitter Contatti Ricerca
Immagine fissa (non background) senza lo scroll
Nuovo argomento   Rispondi    Indice del forum -> Linguaggi per Internet
Precedente :: Successivo  
Autore Messaggio
Silent Runner
Supervisor sezione Chiacchiere a 360°
Supervisor sezione Chiacchiere a 360°


Registrato: 16/05/05 09:17
Messaggi: 23478
Residenza: Pianeta Terra

MessaggioInviato: 26 Apr 2013 18:46    Oggetto: Immagine fissa (non background) senza lo scroll Rispondi citando

Salve, ricordo come, anni addietro era facile trovare dei javascript semplicissimi o dei css per ottenere immagini che restavano fisse (non background) anche se si scrollava la pagina. Ora non riesco più a trovare un accidente o comunque non è così semplice trovare qualcosa di adatto.

A me servirebbe solo poter piazzare una piccola immagine in una posizione fissa, indipendentemente dallo scroll e da ciò che c'è nella pagina html (non uso il php). Detta immagine in realtà mi serve solo come link per tornare indietro ad un indirizzo prestabilito. Perciò deve essere linkabile.
Qualcuno si ricorda qualcosa? Ha qualche suggerimento?
Grazie!

Ah un'ultima cosa..

Come si può ottenere un testo linkabile che non presenti la sottolineatura se non al passaggio del mouse e funzioni su tutti i browser?
anche qui non si trova più niente cercando in internet. o meglio solo poche cose smozzicate e incomprensibili.

Grazie ancora!
Top
Profilo Invia messaggio privato
Danielix
Amministratore
Amministratore


Registrato: 31/10/07 15:30
Messaggi: 8498
Residenza: All'inferno.

MessaggioInviato: 10 Mag 2013 17:08    Oggetto: Rispondi citando

Ciao Silent,
per la prima domanda al momento non saprei risponderti, se non come rendere l'immagine cliccabile:
Codice:
<a href=http://www.google.it><img src=http://INDIRIZZO_IMMAGINE></a>


Per quanto riguarda la seconda domanda:
Citazione:
Come si può ottenere un testo linkabile che non presenti la sottolineatura se non al passaggio del mouse

ti basta usare un paio di parametri CSS, anche interni alla pagina html, purché stiano tra <head> e </head>:

Esempio:
Citazione:
<html>
<head>

<style type="text/css">
<!--
A:link {text-decoration:none; color:#000000;}
A:visited {text-decoration:none; color:#BC98BC;}
A:hover {text-decoration:underline; color:#FF0000;}
-->
</style>


</head>

<body>
<a href = http://www.google.it>Silent Runner</a>
</body>
</html>


Ciao
Top
Profilo Invia messaggio privato HomePage
ioSOLOio
Amministratore
Amministratore


Registrato: 12/09/03 18:01
Messaggi: 16342
Residenza: in un sacco di...acqua

MessaggioInviato: 10 Mag 2013 17:24    Oggetto: Rispondi citando

Silent Runner ha scritto:
Salve, ricordo come, anni addietro era facile trovare dei javascript semplicissimi o dei css per ottenere immagini che restavano fisse (non background) anche se si scrollava la pagina. Ora non riesco più a trovare un accidente o comunque non è così semplice trovare qualcosa di adatto.

A me servirebbe solo poter piazzare una piccola immagine in una posizione fissa, indipendentemente dallo scroll e da ciò che c'è nella pagina html (non uso il php). Detta immagine in realtà mi serve solo come link per tornare indietro ad un indirizzo prestabilito. Perciò deve essere linkabile.
Qualcuno si ricorda qualcosa? Ha qualche suggerimento?

Silent, ti serviva qualcosa tipo questo (qua rimanda in cima alla pagina) ? (provato su IE/FF/Opera/Chrome e funziona, ovviamente trattandosi di uno script deve essere permesso)

Se si, probabilmente ne ho altre di cose simili salvate..
Top
Profilo Invia messaggio privato
ioSOLOio
Amministratore
Amministratore


Registrato: 12/09/03 18:01
Messaggi: 16342
Residenza: in un sacco di...acqua

MessaggioInviato: 10 Mag 2013 17:44    Oggetto: Rispondi citando

al volo così..ti lascio anche questo..nasce come menu ma nessuno vieta di personalizzarlo secondo esigenze
Top
Profilo Invia messaggio privato
Silent Runner
Supervisor sezione Chiacchiere a 360°
Supervisor sezione Chiacchiere a 360°


Registrato: 16/05/05 09:17
Messaggi: 23478
Residenza: Pianeta Terra

MessaggioInviato: 13 Mag 2013 10:37    Oggetto: Rispondi citando

ioSOLOio ha scritto:
Silent Runner ha scritto:
Salve, ricordo come, anni addietro era facile trovare dei javascript semplicissimi o dei css per ottenere immagini che restavano fisse (non background) anche se si scrollava la pagina. Ora non riesco più a trovare un accidente o comunque non è così semplice trovare qualcosa di adatto.

A me servirebbe solo poter piazzare una piccola immagine in una posizione fissa, indipendentemente dallo scroll e da ciò che c'è nella pagina html (non uso il php). Detta immagine in realtà mi serve solo come link per tornare indietro ad un indirizzo prestabilito. Perciò deve essere linkabile.
Qualcuno si ricorda qualcosa? Ha qualche suggerimento?

Silent, ti serviva qualcosa tipo questo (qua rimanda in cima alla pagina) ? (provato su IE/FF/Opera/Chrome e funziona, ovviamente trattandosi di uno script deve essere permesso)

Se si, probabilmente ne ho altre di cose simili salvate..

Sì, andrebbe bene salvo che dovrebbe essere posto in altra posizione e indirizzare a un'altra pagina e, guadando il fle js non sono riuscito a trovare il modo di modificarlo in tal senso.
Top
Profilo Invia messaggio privato
Silent Runner
Supervisor sezione Chiacchiere a 360°
Supervisor sezione Chiacchiere a 360°


Registrato: 16/05/05 09:17
Messaggi: 23478
Residenza: Pianeta Terra

MessaggioInviato: 13 Mag 2013 10:40    Oggetto: Rispondi citando

Danielix ha scritto:
Ciao Silent,
per la prima domanda al momento non saprei risponderti, se non come rendere l'immagine cliccabile:
Codice:
<a href=http://www.google.it><img src=http://INDIRIZZO_IMMAGINE></a>


Per quanto riguarda la seconda domanda:
Citazione:
Come si può ottenere un testo linkabile che non presenti la sottolineatura se non al passaggio del mouse

ti basta usare un paio di parametri CSS, anche interni alla pagina html, purché stiano tra <head> e </head>:

Esempio:
Citazione:
<html>
<head>

<style type="text/css">
<!--
A:link {text-decoration:none; color:#000000;}
A:visited {text-decoration:none; color:#BC98BC;}
A:hover {text-decoration:underline; color:#FF0000;}
-->
</style>


</head>

<body>
<a href = http://www.google.it>Silent Runner</a>
</body>
</html>


Ciao
Grazie Danielix, mi hai ricordato come si otteneva la scomparsa degli underline con i css , peccato che funzionino solo su IE.
Top
Profilo Invia messaggio privato
Danielix
Amministratore
Amministratore


Registrato: 31/10/07 15:30
Messaggi: 8498
Residenza: All'inferno.

MessaggioInviato: 13 Mag 2013 15:54    Oggetto: Rispondi citando

Citazione:
Grazie Danielix, mi hai ricordato come si otteneva la scomparsa degli underline con i css , peccato che funzionino solo su IE.

È impossibile, Silent! Shocked
A me funziona con qualsiasi browser, primo fra tutti Firefox... Think
Top
Profilo Invia messaggio privato HomePage
ioSOLOio
Amministratore
Amministratore


Registrato: 12/09/03 18:01
Messaggi: 16342
Residenza: in un sacco di...acqua

MessaggioInviato: 13 Mag 2013 17:40    Oggetto: Rispondi citando

Confermo quello che dice Dan...
Nel caso modifica anche l' A:hover mettendo none...
Top
Profilo Invia messaggio privato
ioSOLOio
Amministratore
Amministratore


Registrato: 12/09/03 18:01
Messaggi: 16342
Residenza: in un sacco di...acqua

MessaggioInviato: 13 Mag 2013 17:44    Oggetto: Rispondi citando

Silent Runner ha scritto:
Sì, andrebbe bene salvo che dovrebbe essere posto in altra posizione e indirizzare a un'altra pagina e, guadando il fle js non sono riuscito a trovare il modo di modificarlo in tal senso.

do una occhiata nella mia raccolta e vedo se trovo qualcosa ad hoc...
Top
Profilo Invia messaggio privato
andrea valori
Mortale devoto
Mortale devoto


Registrato: 05/12/13 18:30
Messaggi: 11
Residenza: Senigallia

MessaggioInviato: 08 Dic 2013 15:15    Oggetto: Rispondi citando

Probabilmente la discussione è già morta e sepolta.. e altrettanto probabilmente avrò capito male io quel che chiedevi..

ma usare un'immagine normale con z-index elevato (per posizionarla ad un livello più vicino allo schermo) e al contempo position:fixed (per non farla sparire) non potrebbe risolvere il problema?
Se lo fai a livello di css è ottimale...

Ovviamente sempre che sia quello che vuoi..
Top
Profilo Invia messaggio privato HomePage
Silent Runner
Supervisor sezione Chiacchiere a 360°
Supervisor sezione Chiacchiere a 360°


Registrato: 16/05/05 09:17
Messaggi: 23478
Residenza: Pianeta Terra

MessaggioInviato: 08 Dic 2013 19:24    Oggetto: Rispondi citando

Grazie, nessuna discussione è mai morta e sepolta, se qualcuno vi può contribuire..
Potresti farmi un esempio di un css con simili caratteristiche? Smile
Top
Profilo Invia messaggio privato
andrea valori
Mortale devoto
Mortale devoto


Registrato: 05/12/13 18:30
Messaggi: 11
Residenza: Senigallia

MessaggioInviato: 09 Dic 2013 21:22    Oggetto: Rispondi citando

se ho capito bene (e sottolineo il se) l'effetto dovrebbe essere quello presente per le icone e l'immagine in alto nella pagina di questo sito (il mio... giusto per non essere egocentrici..)

link

Il css si trova qua:

link
Top
Profilo Invia messaggio privato HomePage
Silent Runner
Supervisor sezione Chiacchiere a 360°
Supervisor sezione Chiacchiere a 360°


Registrato: 16/05/05 09:17
Messaggi: 23478
Residenza: Pianeta Terra

MessaggioInviato: 10 Dic 2013 16:17    Oggetto: Rispondi citando

Grazie, molto interessante. Smile
Top
Profilo Invia messaggio privato
andrea valori
Mortale devoto
Mortale devoto


Registrato: 05/12/13 18:30
Messaggi: 11
Residenza: Senigallia

MessaggioInviato: 10 Dic 2013 21:48    Oggetto: Rispondi

figurati... spero fosse quello l'effetto voluto..
Top
Profilo Invia messaggio privato HomePage
Mostra prima i messaggi di:   
Nuovo argomento   Rispondi    Indice del forum -> Linguaggi per Internet Tutti i fusi orari sono GMT + 1 ora
Pagina 1 di 1

 
Vai a:  
Non puoi inserire nuovi argomenti
Non puoi rispondere a nessun argomento
Non puoi modificare i tuoi messaggi
Non puoi cancellare i tuoi messaggi
Non puoi votare nei sondaggi