Forum dei Forum: Aiuto per Forumattivo
Benvenuti sul forum di supporto di Forumattivo.




Per trarre il massimo vantaggio da tutti i servizi offerti dal nostro forum, effettua il login se sei giÓ un nostro utente oppure registrati per far parte della nostra grande comunitÓ. Il tutto, gratuitamente!

Crea anche tu un forum gratuitamente come questo! Clicca qui

[Risolto] Richiesta codice per opacamento immagini senza passaggio mouse


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

Messaggio Da Bazzy9 il 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 04 Ago 2011, 12:34, modificato 1 volta

Bazzy9
@ Super attivo @

Sesso : Maschile
EtÓ : 22
Messaggi : 1855
LocalitÓ : Padova


Vedere il profilo dell'utente 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 il Lun 01 Ago 2011, 08:38

UP...

Bazzy9
@ Super attivo @

Sesso : Maschile
EtÓ : 22
Messaggi : 1855
LocalitÓ : Padova


Vedere il profilo dell'utente 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 il Mar 02 Ago 2011, 18:03

up

Bazzy9
@ Super attivo @

Sesso : Maschile
EtÓ : 22
Messaggi : 1855
LocalitÓ : Padova


Vedere il profilo dell'utente 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 il Mar 02 Ago 2011, 23:42

vedo che hai risolto

the crow
Veterano dello staff

Sesso : Maschile
EtÓ : 25
Messaggi : 8797
LocalitÓ : Roma


Vedere il profilo dell'utente http://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 il Mer 03 Ago 2011, 09: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
@ Super attivo @

Sesso : Maschile
EtÓ : 22
Messaggi : 1855
LocalitÓ : Padova


Vedere il profilo dell'utente 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 il Mer 03 Ago 2011, 09:56


DarkLeo
Veterano dello staff

Sesso : Maschile
EtÓ : 19
Messaggi : 1784
LocalitÓ : Italia


Vedere il profilo dell'utente http://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 il Mer 03 Ago 2011, 09:59

Grazie, ma non desidero questo. Mi serve il codice per l'opacamento.

Bazzy9
@ Super attivo @

Sesso : Maschile
EtÓ : 22
Messaggi : 1855
LocalitÓ : Padova


Vedere il profilo dell'utente 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 il Mer 03 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
Veterano dello staff

Sesso : Maschile
EtÓ : 19
Messaggi : 1784
LocalitÓ : Italia


Vedere il profilo dell'utente http://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 il Mer 03 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
@ Super attivo @

Sesso : Maschile
EtÓ : 22
Messaggi : 1855
LocalitÓ : Padova


Vedere il profilo dell'utente 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 il Mer 03 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
Veterano dello staff

Sesso : Maschile
EtÓ : 19
Messaggi : 1784
LocalitÓ : Italia


Vedere il profilo dell'utente http://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 il Mer 03 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
@ Super attivo @

Sesso : Maschile
EtÓ : 22
Messaggi : 1855
LocalitÓ : Padova


Vedere il profilo dell'utente 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 il Mer 03 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
Veterano dello staff

Sesso : Maschile
EtÓ : 19
Messaggi : 1784
LocalitÓ : Italia


Vedere il profilo dell'utente http://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 il Mer 03 Ago 2011, 19:26

Cercher˛...non chiudete il topic per˛! Very Happy

Bazzy9
@ Super attivo @

Sesso : Maschile
EtÓ : 22
Messaggi : 1855
LocalitÓ : Padova


Vedere il profilo dell'utente 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 il Mer 03 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
Veterano dello staff

Sesso : Maschile
EtÓ : 25
Messaggi : 8797
LocalitÓ : Roma


Vedere il profilo dell'utente http://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 il Gio 04 Ago 2011, 08: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
@ Super attivo @

Sesso : Maschile
EtÓ : 22
Messaggi : 1855
LocalitÓ : Padova


Vedere il profilo dell'utente 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 il Gio 04 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
Veterano dello staff

Sesso : Maschile
EtÓ : 19
Messaggi : 1784
LocalitÓ : Italia


Vedere il profilo dell'utente http://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 il Gio 04 Ago 2011, 12:34

Ok grazie mille! Ho risolto...

Bazzy9
@ Super attivo @

Sesso : Maschile
EtÓ : 22
Messaggi : 1855
LocalitÓ : Padova


Vedere il profilo dell'utente 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 il Gio 04 Ago 2011, 12:43

Chiudo e Sposto.

DarkLeo
Veterano dello staff

Sesso : Maschile
EtÓ : 19
Messaggi : 1784
LocalitÓ : Italia


Vedere il profilo dell'utente http://aiuto.forumattivo.it/
DarkLeo Ŕ stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum