Problème affichage forums.

[emelinerst]

BONJOUUUR A TOUUUUSSSS!!!

Alors voilà la capture de mes descriptions de forums, en faite sur le GIF à gauche il y a un effet, une opacité sur l'image, et j'aimerai qu'au passage de la souris, l'opacité se retire pour laisser apparaitre le GIF "normal".

Alors, je gère très bien cet effet avec le CSS, le soucis s'est que là tous mes codes HTML sont dans la description de forums, et je ne sais pas comment ajouter cette fonction soit à mon code HTML, soit en passant par un CSS..

Si quelqu'un voulait bien m'aider, ça serait super!!

Voici le code HTML dans mon champ de description de forum:

Code:

<div style="width: 400px; padding: 0px;">
                                
   <table>
                                   
      <tbody>
         <tr>
                                         
            <td>
                               <img style="width: 140px; border-radius: 10px; border-top: 3px solid #C51616; border-bottom: 3px solid #C51616; opacity: 0.6; transition: all ease 1s;" src="http://img15.hostingpics.net/pics/180573tumblrntlvdnFEXU1sluto6o3r2250.gif" />               
            </td>
                                         
            <td>
                                              
               <div style="background-color: #F5F5F5; height: 90px; width: 260px; color: #000000; font-family: Arial; font-size:9px; letter-spacing: -1px; text-align: justify;">
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ac mollis metus. Praesent non diam lacus. Aliquam erat volutpat. Praesent accumsan lorem sit amet aliquam consequat. Ut consequat, magna sit amet feugiat placerat, augue neque commodo diam, id mollis eros mauris pharetra leo. Duis consectetur mauris sapien, vitae luctus dui blandit nec. Duis vulputate accumsan semper. Fusce pulvinar elementum faucibus. Vestibulum sit amet accumsan ligula. Donec sit amet blandit erat, at tincidunt leo. Cras bibendum placerat commodo. Aenean sit amet risus vulputate nulla posuere euismod. Morbi et erat dictum, sollicitudin elit eget, consequat nisl. <br /><br />Quisque non lorem vel odio accumsan tempus ut vitae felis. Nulla ut tellus nec erat lacinia tincidunt vel a dui. Duis cursus aliquam nisi. In leo orci, faucibus vitae sapien non, faucibus varius dui. Sed cursus mauris et augue hendrerit molestie. Vivamus ut accumsan tellus. Nullam nec nisi eget diam congue tempus sit amet malesuada risus. Donec sodales, ipsum non porttitor consequat, massa tortor pellentesque metus, nec lobortis sem nulla vitae tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus tempor sem leo. Donec adipiscing leo vitae lorem pulvinar iaculis. Integer facilisis est in erat suscipit, eget ullamcorper sem molestie. Nullam neque tortor, semper ac diam quis, elementum hendrerit dui. Sed porta sapien ac ipsum egestas auctor.               
               </div>
                                          
            </td>
                                         
         </tr>
                          
      </tbody>
   </table>
</div>

Merci d'avance =)

[Feuilla']

Bonjour,
je ne suis pas sûre d'avoir compris, il faut que l'opacité change au survol de la souris ?
Si c'est bien ça, dans ce cas il faut aller tout d'abord dans le forum souhaité, puis .
Dans la description, mettez ceci au début :

Code:

<div class="exempledescription">

et ceci à la fin

Code:

</div>

Il est bien sûr possible de changer le "exempledescription" par autre chose, mais faites attention, il faudra alors mettre le même dans la Feuille de style.

Ensuite onglet Affichage → Images et Couleurs → Couleurs → Feuille de style. Mettez ceci :

Code:

div.exempledescription:hover {opacity:99.9}
div.exempledescription {opacity:0}

Le nombre de la première ligne ("99.9") est à changer par l'opacité au survol de la souris.
Celui de la deuxième est à remplacer par l'opacité normale, sans survol.
Cela répond-il à la question, ou y a-t-il un autre détail à changer ?
Bonne journée !

[emelinerst]

DAMMNNNNN!!! T'es mon ange gardien toi, LOL.
Ca marche s'est super s'est exactement ce que je voulais je te remercie.

Ma foi puisque je suis ici, avec la bonne capture et que j'ai modifier le titre, si je peux encore abuser de toi

Ca concerne le bouton "new/no new/lock" comme tu peux le voir sur la capture il est a droite entre l'avatar et la case "dernier message", j'aimerai le position AU-DESSUS de cette case plutôt qu'à gauche de celle-ci.

J'ai trifouillé le template, mais sans succès, ça me fait des choses... Bizarre!

Voici mon template Index_Box:

Spoiler:

Si tu peux m'aider bien sûr, sinon je te remercie vraiment!

[Feuilla']

Re,
je ne suis pas sûre car je n'ai pas de forum phpbb2 pour tester, je ne sais pas encore si les résultats vont marcher :

Code:

td.row1 {margin-bottom:20px}

À rajouter après les deux lignes, le nombre est changeable encore une fois.
Bonne soirée !

[emelinerst]

Re,

Alors je ne suis pas sûre de savoir de quelles "deux lignes" tu parles XD
Mais j'ai essayé ça ne change rien

[emelinerst]

J'ai réglée le problème, je te remercie en tôt cas

[Feuilla']

Re,
avec plaisir.
Bonne continuation !