The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Trying to replicate something I found

2 posters

Go down

In progress Trying to replicate something I found

Post by Mamoru 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.
avatar
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 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
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Back to top

- Similar topics

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