Problème affichage forums.

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème affichage forums.

Message par emelinerst Ven 20 Nov 2015 - 15:39

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 =)


Dernière édition par emelinerst le Ven 20 Nov 2015 - 19:02, édité 2 fois
emelinerst

emelinerst
Nouveau membre

Féminin
Messages : 13
Inscrit(e) le : 19/11/2015

http://zombienation.forumactif.org/
emelinerst a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème hoover, passage souris.

Message par Feuilla' Ven 20 Nov 2015 - 16:18

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 edit .
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. Wink

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 !
avatar

Feuilla'
Membre habitué

Messages : 1389
Inscrit(e) le : 26/07/2015

Feuilla' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème affichage forums.

Message par emelinerst Ven 20 Nov 2015 - 16:33

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 Rolling Eyes

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!
emelinerst

emelinerst
Nouveau membre

Féminin
Messages : 13
Inscrit(e) le : 19/11/2015

http://zombienation.forumactif.org/
emelinerst a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème hoover, passage souris.

Message par Feuilla' Ven 20 Nov 2015 - 17:21

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. Smile
Bonne soirée !
avatar

Feuilla'
Membre habitué

Messages : 1389
Inscrit(e) le : 26/07/2015

Feuilla' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème affichage forums.

Message par emelinerst Ven 20 Nov 2015 - 17:31

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 Smile
emelinerst

emelinerst
Nouveau membre

Féminin
Messages : 13
Inscrit(e) le : 19/11/2015

http://zombienation.forumactif.org/
emelinerst a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème affichage forums.

Message par emelinerst Ven 20 Nov 2015 - 19:02

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

emelinerst
Nouveau membre

Féminin
Messages : 13
Inscrit(e) le : 19/11/2015

http://zombienation.forumactif.org/
emelinerst a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème affichage forums.

Message par Feuilla' Ven 20 Nov 2015 - 19:04

Re,
avec plaisir. Wink
Bonne continuation !
avatar

Feuilla'
Membre habitué

Messages : 1389
Inscrit(e) le : 26/07/2015

Feuilla' a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum