The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

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

View previous topic View next topic 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

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

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

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.

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

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

Jophy
ForumGuru

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

Back to top Go down

View previous topic View next topic Back to top


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