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.

Trying to replicate something I found

View previous topic View next topic Go down

In progress Trying to replicate something I found

Post by Mamoru on March 3rd 2014, 1:32 pm

Hello, 

I believe this to be a more involved question than I first am guessing. Perhaps Javascript or something super heavy, but I have hope its just a simple CSS/creation style... 

Well, jumping in

I visited a lovely french forum, and saw how they did a roll over text on an image, with a nifty greyed box background. 

http://snk-naruto.forumactif.org/ (Is the site, just roll over any of the images to see what I'm after)

I was wondering 2/3 things. 

1. How can I create something similar to this?

2. What specific forum version is require if any?

3. Is it as involved as deep as my fears? (Javascript etc etc)

Thank you for any guidence you can give.

Mamoru
New Member

Posts : 15
Reputation : 1
Language : English

http://narutogetit.forumotions.com

Back to top Go down

In progress Re: Trying to replicate something I found

Post by Ange Tuteur on March 3rd 2014, 1:38 pm

Hello Mamoru,

We had someone ask a similar question before, luckily the code is still embedded in my test forum.

Add this to a description of a forum for an effect similar to that you wanted :
Code:
<style>.catgdescback1 {
background:url('http://i56.servimg.com/u/f56/18/21/60/73/captur18.png');
width:226px;
height:125px;
padding:3px;
}
.catgdesctext1 {
background:#fff;
height:100%;
width:100%;
opacity:0.050;
transition:0.5s;
}
.catgdesctext1:hover { opacity:0.8; }</style>
<div class="catgdescback1">
 
<div class="catgdesctext1">
 <span class="catgtext1">This is text This is text This is text This is text This is text This is text This is text </span>
</div>
</div>

The CSS can be put in you stylesheet if you wish (it is above catgdescback)

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

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