How to Give Shadow Effect (dark) on image Forum?

Go down

Solved How to Give Shadow Effect (dark) on image Forum?

Post by sasukekun on April 29th 2013, 7:11 am

Hi All Hello
I want to ask Very Happy

How to Give Shadow Effect (dark) on the image Forum?

more details you can see this picture. Very Happy


Source:
http://www.duelacademy.net/forum

my forum:
http://astajim.indonesianforum.net/

Please help me Very Happy

Thanks before bye
avatar
sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

Solved Re: How to Give Shadow Effect (dark) on image Forum?

Post by E-Mark on April 29th 2013, 9:20 am

Add this to your CSS:
Code:
.hoveeer {
  opacity: 1.0;
    -moz-transition: opacity .6s ease-in-out;
  -webkit-transition: opacity .6s ease-in-out;
  -o-transition: opacity .6s ease-in-out;
  transition: opacity .6s ease-in-out;
}

.hoveeer:hover {
  opacity: 0.5; /* Vary from 0.1 to 1.0 */
  -moz-transition: opacity .6s ease-in-out;
  -webkit-transition: opacity .6s ease-in-out;
  -o-transition: opacity .6s ease-in-out;
  transition: opacity .6s ease-in-out;
}

After adding them, find now an image tag: (Here's an image tag example)
Code:
<img src="imagehereblahblah" />

Now you need to add this inside the image tag:
Code:
class="hoveeer"

So it should be something like this one:
Code:
<img src="imagehereblahblah" class="hoveeer" />

Then tadaaaa! Very Happy
avatar
E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: How to Give Shadow Effect (dark) on image Forum?

Post by sasukekun on April 29th 2013, 10:06 am

Hi Mr.emark Very Happy

I put this code in css,
Code:
    .hoveeer {
      opacity: 1.0;
        -moz-transition: opacity .6s ease-in-out;
      -webkit-transition: opacity .6s ease-in-out;
      -o-transition: opacity .6s ease-in-out;
      transition: opacity .6s ease-in-out;
    }

    .hoveeer:hover {
      opacity: 0.5; /* Vary from 0.1 to 1.0 */
      -moz-transition: opacity .6s ease-in-out;
      -webkit-transition: opacity .6s ease-in-out;
      -o-transition: opacity .6s ease-in-out;
      transition: opacity .6s ease-in-out;
    }
but after I put this code in the "image url"
Code:
<img src="http://i.imgur.com/JsfjfMx.jpg" class="hoveeer" />



instead result like this. Very Happy


Please help me Very Happy how to fix it Smile

thanks thanks again Very Happy
avatar
sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

Solved Re: How to Give Shadow Effect (dark) on image Forum?

Post by E-Mark on April 29th 2013, 10:11 am

Add it on the description instead Smile.
avatar
E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: How to Give Shadow Effect (dark) on image Forum?

Post by sasukekun on April 29th 2013, 10:28 am

OMG, this work Very Happy

mr.mark you really helped all members here Very Happy

im very very thanks to you , salut

problem solved bye
avatar
sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

Solved Re: How to Give Shadow Effect (dark) on image Forum?

Post by Jophy on April 29th 2013, 10:39 am

Topic Solved & Locked
avatar
Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum