[Risolto] Richiesta codice per opacamento immagini senza passaggio mouse

3 partecipanti

Risolto [Risolto] Richiesta codice per opacamento immagini senza passaggio mouse

Messaggio Da Bazzy9 Sab 30 Lug 2011 - 20:30

Salve a tutti, ecco il mio problema:
Vorrei il codice html che permetta ad un'immagine, quando non c'è sopra il mouse, di opacarsi un po', e quando ci passa sopra il mouse, diventi all'opacazione normale.
Esempio: http://hwbench.italiaforum.net/ Vedete? Io vorrei il codice per quell'effetto del pulsante ENTRA
Grazie Very Happy


Ultima modifica di Bazzy9 il Gio 4 Ago 2011 - 12:34 - modificato 1 volta.
Bazzy9
Bazzy9
@ Super attivo @

Sesso : Maschio
Età : 29
Messaggi : 1855
Località : Padova

http://webix.forumattivo.it/
Bazzy9 è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] Richiesta codice per opacamento immagini senza passaggio mouse

Messaggio Da Bazzy9 Lun 1 Ago 2011 - 8:38

UP...
Bazzy9
Bazzy9
@ Super attivo @

Sesso : Maschio
Età : 29
Messaggi : 1855
Località : Padova

http://webix.forumattivo.it/
Bazzy9 è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] Richiesta codice per opacamento immagini senza passaggio mouse

Messaggio Da Bazzy9 Mar 2 Ago 2011 - 18:03

up
Bazzy9
Bazzy9
@ Super attivo @

Sesso : Maschio
Età : 29
Messaggi : 1855
Località : Padova

http://webix.forumattivo.it/
Bazzy9 è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] Richiesta codice per opacamento immagini senza passaggio mouse

Messaggio Da the crow Mar 2 Ago 2011 - 23:42

vedo che hai risolto
the crow
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 32
Messaggi : 8782
Località : Roma

https://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] Richiesta codice per opacamento immagini senza passaggio mouse

Messaggio Da Bazzy9 Mer 3 Ago 2011 - 9:10

Risolto? Il link è di un altro forum, non il mio. Ho messo il link come esempio, vorrei un codice che dia l'effetto che c'è il quella pagina HTML con il Pulsante Entra, vorrei applicarlo nel mio forum. Bye Very Happy
Bazzy9
Bazzy9
@ Super attivo @

Sesso : Maschio
Età : 29
Messaggi : 1855
Località : Padova

http://webix.forumattivo.it/
Bazzy9 è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] Richiesta codice per opacamento immagini senza passaggio mouse

Messaggio Da DarkLeo Mer 3 Ago 2011 - 9:56

DarkLeo
DarkLeo
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 26
Messaggi : 1785
Località : Italia

https://aiuto.forumattivo.it/
DarkLeo è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] Richiesta codice per opacamento immagini senza passaggio mouse

Messaggio Da Bazzy9 Mer 3 Ago 2011 - 9:59

Grazie, ma non desidero questo. Mi serve il codice per l'opacamento.
Bazzy9
Bazzy9
@ Super attivo @

Sesso : Maschio
Età : 29
Messaggi : 1855
Località : Padova

http://webix.forumattivo.it/
Bazzy9 è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] Richiesta codice per opacamento immagini senza passaggio mouse

Messaggio Da DarkLeo Mer 3 Ago 2011 - 10:02

E io cosa ti ho dato?
Crea due immagini. Una normale e una un po più opaca.
Quella normale fa parte della parte principale, ovvero la propietà background-image di a:link, mentre quella più opaca fa parte della proprietà background-image di a:hover.
Segui quella guida e vedi se riesci a fare qualcosa.. è molto dettagliata.
DarkLeo
DarkLeo
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 26
Messaggi : 1785
Località : Italia

https://aiuto.forumattivo.it/
DarkLeo è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] Richiesta codice per opacamento immagini senza passaggio mouse

Messaggio Da Bazzy9 Mer 3 Ago 2011 - 10:12

Ops scusa, non avevo pensato a questo...però io vorrei creare una sola immagine, e poi opacarla con il codice...
Bazzy9
Bazzy9
@ Super attivo @

Sesso : Maschio
Età : 29
Messaggi : 1855
Località : Padova

http://webix.forumattivo.it/
Bazzy9 è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] Richiesta codice per opacamento immagini senza passaggio mouse

Messaggio Da DarkLeo Mer 3 Ago 2011 - 10:25

Non saprei, però 1 o 2 immagini.. c'è crei la prima, e poi metti un po di bianco sopra per farla opaca.. ci metti 5 minuti per fare tutte e due.
DarkLeo
DarkLeo
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 26
Messaggi : 1785
Località : Italia

https://aiuto.forumattivo.it/
DarkLeo è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] Richiesta codice per opacamento immagini senza passaggio mouse

Messaggio Da Bazzy9 Mer 3 Ago 2011 - 10:32

Si d'accordo...ma il codice lo devo usare nei banner dello Spazio Pubblicitario del mio sito, dove hai anche tu il banner...non mi va di modificare banner degli altri utenti.
Bazzy9
Bazzy9
@ Super attivo @

Sesso : Maschio
Età : 29
Messaggi : 1855
Località : Padova

http://webix.forumattivo.it/
Bazzy9 è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] Richiesta codice per opacamento immagini senza passaggio mouse

Messaggio Da DarkLeo Mer 3 Ago 2011 - 19:25

Si, ma non ci vuole molto tempo..
Se no prova a cercare qualche tutorial e vedi se trovi qualcosa di meglio.
DarkLeo
DarkLeo
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 26
Messaggi : 1785
Località : Italia

https://aiuto.forumattivo.it/
DarkLeo è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] Richiesta codice per opacamento immagini senza passaggio mouse

Messaggio Da Bazzy9 Mer 3 Ago 2011 - 19:26

Cercherò...non chiudete il topic però! Very Happy
Bazzy9
Bazzy9
@ Super attivo @

Sesso : Maschio
Età : 29
Messaggi : 1855
Località : Padova

http://webix.forumattivo.it/
Bazzy9 è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] Richiesta codice per opacamento immagini senza passaggio mouse

Messaggio Da the crow Mer 3 Ago 2011 - 21:35

ho trovato questo prova.. l'immagine e l'url sono di prova, le devi cambiare, considera che l'effetto opacita' non funziona con tutti i broswer
Codice:
<script language="JavaScript">

function makevisible(cur,which)
   {
   if(document.getElementById)
      {
      if (which==0)
         {
         if(document.all)
            cur.filters.alpha.opacity=100
         else
            cur.style.setProperty("-moz-opacity", 1, "");
         }
      else
         {
         if(document.all)
            cur.filters.alpha.opacity=40
         else
            cur.style.setProperty("-moz-opacity", .4, "");
         }
      }
   }</script>
</head><body >

<div align="center">
<A HREF=http://aiuto.forumattivo.it/forum><IMG SRC="http://daniele976.altervista.org/ps2/immagini/pulsanti/pulsante_entra.gif" border=0 width=40% height=40% style="filter:alpha(opacity=40); -moz-opacity: .4;" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"></a>
the crow
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 32
Messaggi : 8782
Località : Roma

https://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] Richiesta codice per opacamento immagini senza passaggio mouse

Messaggio Da Bazzy9 Gio 4 Ago 2011 - 8:37

No, non funziona the crow...intanto l'altezza dell'immagine viene alterata (si alza tantissimo) e poi mi sottolinea delle categorie del forum, ma non tutte...boh! Crying or Very sad
Bazzy9
Bazzy9
@ Super attivo @

Sesso : Maschio
Età : 29
Messaggi : 1855
Località : Padova

http://webix.forumattivo.it/
Bazzy9 è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] Richiesta codice per opacamento immagini senza passaggio mouse

Messaggio Da DarkLeo Gio 4 Ago 2011 - 12:17

Ho mischiato un po di cose.. ma credo che dovrebbe funzionare..
Non fate caso alle varie scritte facebook.. questo codice l'ho usato io perchè ho messo un pulsante nel mio forum di facebook. Devi modificare le due immagini nel css.
Codice:
<a target=_blank href=LINK DOVE IL PULSANTE DEVE PORTARE class=facebook-button title=NOME DEL SITO></a>

Codice da mettere nel css e modificare:
Codice:
a.facebook-button {
    background: url("http://i29.servimg.com/u/f29/15/99/65/23/facebo12.png") no-repeat;
    display: block;
    height: 26px;
    width: 155px;
}

a.facebook-button:hover {
    background-position: 0 -26px;
}
DarkLeo
DarkLeo
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 26
Messaggi : 1785
Località : Italia

https://aiuto.forumattivo.it/
DarkLeo è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] Richiesta codice per opacamento immagini senza passaggio mouse

Messaggio Da Bazzy9 Gio 4 Ago 2011 - 12:34

Ok grazie mille! Ho risolto...
Bazzy9
Bazzy9
@ Super attivo @

Sesso : Maschio
Età : 29
Messaggi : 1855
Località : Padova

http://webix.forumattivo.it/
Bazzy9 è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] Richiesta codice per opacamento immagini senza passaggio mouse

Messaggio Da DarkLeo Gio 4 Ago 2011 - 12:43

Chiudo e Sposto.
DarkLeo
DarkLeo
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 26
Messaggi : 1785
Località : Italia

https://aiuto.forumattivo.it/
DarkLeo è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto

- Argomenti simili

 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.