Faire glisser une image pour faire apparaitre un texte.

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

Résolu Faire glisser une image pour faire apparaitre un texte.

Message par Eil'liathan Tyan'Lirulin le Lun 11 Juin - 13:40

Bonjour à tous.
Alors voilà...J'ai cherché sans pouvoir trouver où que se soit. J'aimerais un peu changer le design de mon forum. J'explique.
Pour la descriptions des forum, j'ai mis des images et des info bulles pour le texte. J'aimerais faire disparaitre les info bulles (bon ça, c'est pas bien compliqué)!

Et j'aimerais que la description textuelle apparaisse par glissement au passage de la souris.
En gros, au passage de la souris, l'image glisse pour laisser apparaitre le texte. Je sais pas trop si je suis clair ><
Merci pour votre aide.


Dernière édition par Eil'liathan Tyan'Lirulin le Mer 27 Juin - 7:20, édité 1 fois

Eil'liathan Tyan'Lirulin
***

Messages : 164
Inscrit(e) le : 29/12/2011

http://quisaraedis.forumgratuit.org/
Eil'liathan Tyan'Lirulin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire glisser une image pour faire apparaitre un texte.

Message par Eil'liathan Tyan'Lirulin le Mer 13 Juin - 15:50

Up ?

Eil'liathan Tyan'Lirulin
***

Messages : 164
Inscrit(e) le : 29/12/2011

http://quisaraedis.forumgratuit.org/
Eil'liathan Tyan'Lirulin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire glisser une image pour faire apparaitre un texte.

Message par Eil'liathan Tyan'Lirulin le Sam 16 Juin - 21:00

UP !!!!!

Eil'liathan Tyan'Lirulin
***

Messages : 164
Inscrit(e) le : 29/12/2011

http://quisaraedis.forumgratuit.org/
Eil'liathan Tyan'Lirulin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire glisser une image pour faire apparaitre un texte.

Message par Eil'liathan Tyan'Lirulin le Mar 19 Juin - 8:53

UP!!

Eil'liathan Tyan'Lirulin
***

Messages : 164
Inscrit(e) le : 29/12/2011

http://quisaraedis.forumgratuit.org/
Eil'liathan Tyan'Lirulin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire glisser une image pour faire apparaitre un texte.

Message par NatureSauvage le Mar 19 Juin - 9:22


NatureSauvage
***

Messages : 164
Inscrit(e) le : 08/04/2012

http://naturesauvage.forumactif.com/
NatureSauvage a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire glisser une image pour faire apparaitre un texte.

Message par Eil'liathan Tyan'Lirulin le Dim 24 Juin - 16:40

Je vais jeter un oeil ^^
Merci !

Eil'liathan Tyan'Lirulin
***

Messages : 164
Inscrit(e) le : 29/12/2011

http://quisaraedis.forumgratuit.org/
Eil'liathan Tyan'Lirulin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire glisser une image pour faire apparaitre un texte.

Message par Eil'liathan Tyan'Lirulin le Lun 25 Juin - 12:15

J'suis un peu perdu dans le topic que tu m'as passé ><

Eil'liathan Tyan'Lirulin
***

Messages : 164
Inscrit(e) le : 29/12/2011

http://quisaraedis.forumgratuit.org/
Eil'liathan Tyan'Lirulin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire glisser une image pour faire apparaitre un texte.

Message par Eil'liathan Tyan'Lirulin le Mar 26 Juin - 20:33

Je triple dsl, mais je préfère être certaine d'être lu !
J'ai finalement trouvé ce que je voulais et le résultat e convient PARFAITEMENT !!!!
A deux détails prés ! Des soucis de navigateurs bien sure ><

¤ La police que j'ai choisit pour les description qui apparaissent sous l'image n'apparait que sur mon ordinateur et sur Mozilla Firefox. Tout les autres voit une police normale et toute petite ><

¤ Sur Explorer, les images ne glisse pas mais disparaissent tout simplement

Pour rappel :
Je suis en phpBB2
CCS personnalisé
Template modifié : index_box et topics_list_box

Je vous met mon CCS :

Code:
/*description forum et image glissées*/   
        .cate {
          width: 1000px;
          height: 130px;
          overflow: hidden;
          border: 2px solid ##E6CFC1;
          background-color: ##E6CFC1;
          background-align: justify;
        }
        .cate_img {
          position: relative;
          z-index: 0;
          width: 1000px;
          height: 130px;
          margin-left: 10px;
            transform: all;
        -moz-transform: all;
        -o-transform: all;
        -htm-transform: all;
        -webkit-transform: all;
        transition: 1s;
        -moz-transition: 1s;
        -o-transition: 1s;
        -htm-transition: 1s;
        -webkit-transition: 1s;
        }
        .cate:hover .cate_img {
        margin-left: 1000px;
        transform: all;
        -moz-transform: all;
        -o-transform: all;
        -htm-transform: all;
        -webkit-transform: all;
        transition: 1s;
        -moz-transition: 1s;
        -o-transition: 1s;
        -htm-transition: 1s;
        -webkit-transition: 1s;
        }
        .cate_description {
          position: center;
          z-index: 0;
          width: 600px;
          height: 140px;
          margin-top: -100px;
          margin-left: 200px;
          text-align: justify;
          font-family:EG dragon caps;
          font-size: 10px;
          color: #fff;
          padding: 2px;
          overflow: auto;
        }

C'est celui que je t'ai piqué NatureSauvage en personalisé pour qu'il colle à mon forum comme je le voulait.

J'espère que quelqu'un pourra m'aider ><

Eil'liathan Tyan'Lirulin
***

Messages : 164
Inscrit(e) le : 29/12/2011

http://quisaraedis.forumgratuit.org/
Eil'liathan Tyan'Lirulin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire glisser une image pour faire apparaitre un texte.

Message par NatureSauvage le Mer 27 Juin - 7:11

Internet Explorer ne connait pas ces transitions, il est vain de les faire fonctionner sous ce navigateur pour l'instant. Attendons ses prochaines versions. ^^
C'est normal pour la police, il faut que celui qui regarde la page l'ait sur son PC pour que ça lui affiche. Or EG dragon caps n'est pas une police ordinaire. =)
Tu peux faire télécharger cette police au visiteur si tu veux. Je te conseille ce bout de tuto' : http://www.siteduzero.com/tutoriel-3-13525-formatage-du-texte.html#ss_part_2

NatureSauvage
***

Messages : 164
Inscrit(e) le : 08/04/2012

http://naturesauvage.forumactif.com/
NatureSauvage a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire glisser une image pour faire apparaitre un texte.

Message par Eil'liathan Tyan'Lirulin le Mer 27 Juin - 7:19

Arf, je m'en doutais un peu...D'ailleurs, ça marche même plus chez moi, doit y avoir un bug quelque part, mais c'est pas bien grave, si les utilisateurs doivent DL une police, ça vaut pas le coup ><
Dommage, ça faisait jolie T.T
En tout cas, ça rend comme je voulait, c'est parfait !
Merci beaucoup !!

Eil'liathan Tyan'Lirulin
***

Messages : 164
Inscrit(e) le : 29/12/2011

http://quisaraedis.forumgratuit.org/
Eil'liathan Tyan'Lirulin a été remercié(e) par l'auteur de ce sujet.

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


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