[HIRO] Catégorie - Description qui apparaît sur l'image au survol

Lun 5 Aoû 2013 - 17:11

Erydrin

Age : 30Messages : 69

Lun 5 Aoû 2013 - 17:11

Bonjour !
Voilà, je viens vous demander un petit coup de main, s'il vous plaît !

Commande
Elément à coder : Catégories
Adresse du forum : http://mirlendif.xooit.fr/index.php
Description du résultat voulu : Je souhaiterais superposer les descriptions et les images de mes forums (donc l'image cacherait le texte) et qu'en passant la souris sur l'image, le texte apparaisse en fondu/transparence (oui je ne sais pas trop comment l'expliquer :/).
Schéma : https://2img.net/r/hpimg15/pics/199821schema.jpg
Couleurs ou tons : je ne pense pas qu'il y ait besoin de couleurs pour ça, mais sinon, les teintes prédominantes du forum ce sont gris et bleus (gris : #C2C3C3 / bleu : #638FAD / texte : #37393C / liens : #2E7465)
Images : Je ne sais pas exactement pour la taille, mais si je me fie à mon screen, ce serait du 670*80 px
Autres précisions : Je l'ai indiqué dans le titre mais mon forum est hébergé par Xooit et non pas FA, je ne sais pas si ça change quelque chose mais je préfère prévenir. Merci d'avance pour le temps que vous m'accorderez. :)

Mer 7 Aoû 2013 - 21:44

Erydrin

Age : 30Messages : 69

Mer 7 Aoû 2013 - 21:44

Un petit UP par ici. ^^

Mer 7 Aoû 2013 - 23:12

Angelusia

Age : 39Messages : 1159

Mer 7 Aoû 2013 - 23:12

Bonsoir Erydrin ^^

Tout m'a l'air bon. ^^

Je valide ta commande ^^

La commande est validée !▬ il est autorisé de la relancer toutes les 48h minimum
▬ une commande laissée sans nouvelles sera relancée au bout de 10 jours
▬ après la relance du modérateur, si nous n'avons toujours pas d'actualisation de la commande elle sera archivée après une semaine

Sur le fait que Xooit est personnalisable, là, j'avoue que je ne peux pas te renseigner. J'ai toujours été sur FA. :/

Jeu 8 Aoû 2013 - 21:12

Erydrin

Age : 30Messages : 69

Jeu 8 Aoû 2013 - 21:12

Merci pour la validation Very Happy

Et Xooit est bien personnalisable, c'est juste qu'il n'y a pas de page CSS indépendante, c'est à injecter directement dans le template.
Mais je ne sais pas si pour ce que je demande ya besoin des templates ou si injecter le code dans les descriptions des sous-fofo suffit.

Enfin je verrai bien quand on m'aura proposé quelque chose, je suppose. ^^

Dim 11 Aoû 2013 - 0:45

Erydrin

Age : 30Messages : 69

Dim 11 Aoû 2013 - 0:45

Un petit UP par ici ^^

Mar 13 Aoû 2013 - 3:07

Erydrin

Age : 30Messages : 69

Mar 13 Aoû 2013 - 3:07

Un petit UP par là ^^

Jeu 15 Aoû 2013 - 16:17

Erydrin

Age : 30Messages : 69

Jeu 15 Aoû 2013 - 16:17

Un petit UP encore ^^

Dim 18 Aoû 2013 - 15:13

Erydrin

Age : 30Messages : 69

Dim 18 Aoû 2013 - 15:13

Encore un petit UP =)

Mer 21 Aoû 2013 - 18:42

Erydrin

Age : 30Messages : 69

Mer 21 Aoû 2013 - 18:42

Un autre petit UP, la commande est toujours d'actu =)

Sam 24 Aoû 2013 - 16:53

Erydrin

Age : 30Messages : 69

Sam 24 Aoû 2013 - 16:53

Un petit UP par ici ^^

Mar 27 Aoû 2013 - 14:02

Erydrin

Age : 30Messages : 69

Mar 27 Aoû 2013 - 14:02

Et un pitit UP.

Sam 31 Aoû 2013 - 23:09

Erydrin

Age : 30Messages : 69

Sam 31 Aoû 2013 - 23:09

Et un autre petit UP. =)

Lun 2 Sep 2013 - 15:37

Erydrin

Age : 30Messages : 69

Lun 2 Sep 2013 - 15:37

Bonjour !
Je sais que je suis en avance sur l'horaire de relance et je m'en excuse mais je pars demain pour une semaine et je n'aurai pas accès à un pc ce soir, donc je vous préviens maintenant. ^^'

Ven 13 Sep 2013 - 16:56

Neva

Age : 33Messages : 18565

Ven 13 Sep 2013 - 16:56

Hey,

Tu es revenue de vacances, non ? Toujours d'actu ?

Dim 15 Sep 2013 - 0:11

Erydrin

Age : 30Messages : 69

Dim 15 Sep 2013 - 0:11

Toujours d'actu oui !
Je viens juste de retrouver une connexion, désolée de ne pas être passée avant. ^^

Ven 20 Sep 2013 - 23:55

Erydrin

Age : 30Messages : 69

Ven 20 Sep 2013 - 23:55

Un petit up par ici. ^^

Sam 21 Sep 2013 - 23:34

Hiro'

Age : 27Messages : 127

Sam 21 Sep 2013 - 23:34

J'ai trouvé ! Ce ne fut pas sans mal mais j'ai la solution.
Voilà comment faire :

Tu vas devoir modifer ton template index_body.tpl.
Tout au début du code de ce template, tu ajoutes ceci :

Code:: <style> .description { display: block; width: 460px; margin: auto; height: 60px; overflow: hidden; } .description_contenu { position: absolute; width: 460px; height: 60px; overflow:auto; background-color: #EFE9DD; font-size: 11.5px; font-family:'Georgia'; color: #3E352E; text-align: justify; padding:0px; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; filter: alpha(opacity=0); 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; } .description_contenu:hover { opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; filter: alpha(opacity=80); 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; }</style>

Attention : j'ai utilisé les dimensions 460*60, s'il faut les changer, repère les endroits où il y a des dimensions dans ce code et modifie-les. width signifie longueur et height est la largeur.

Ensuite, tu vas modifier la description du sous-forum :

Code:: <div class="description"><div style="display: block; text-align: justify; width: 460px; height: 60px; background: url(URL DE TON IMAGE A INSERER ICI !) center center no-repeat;"><div class="description_contenu"><div style="OVERFLOW: auto; width: 456px; height: 56px; padding: 2px;">Contenu ici - Contenu ici - Contenu ici - Contenu ici - Contenu ici - Contenu ici - Contenu ici - Contenu ici.</div></div></div></div>

Là, c'est pareil, il te faudra modifier les dimensions. Tu remarqueras cette partie du code :

Code:: 456px; height: 56px;

J'ai enlevé 4px, mais c'est volontaire, car il y a une marge intérieure de 2px. C'est ce que signifie le padding:2px.

Je te souhaite une bonne soirée !
En cas de doute, le résultat est ici.
Si tu as un pblème pour personnaliser le code, tu me fais un petit coucou !

Hiro'.

Dernière édition par Hiro' le Dim 22 Sep 2013 - 0:14, édité 1 fois

Sam 21 Sep 2013 - 23:59

Erydrin

Age : 30Messages : 69

Sam 21 Sep 2013 - 23:59

Bonsoir !
Je viens de tester et à priori ça marche aussi pour moi.

Je te remercie infiniment pour ton aide !
Le résultat est super ! ^^

Dim 22 Sep 2013 - 0:15

Hiro'

Age : 27Messages : 127

Dim 22 Sep 2013 - 0:15

C'était un plaisir.
Bonne chance pour ton forum !
(Et bravo pour avoir attendu aussi longtemps o_O)

Dim 22 Sep 2013 - 12:14

Erydrin

Age : 30Messages : 69

Dim 22 Sep 2013 - 12:14

(Je t'avoue que je commençai un peu à désespérer d'avoir une réponse un jour, mais j'ai bien fait d'attendre, ça en valait la peine ^^)

Ven 4 Oct 2013 - 20:04

Angelusia

Age : 39Messages : 1159

Ven 4 Oct 2013 - 20:04

Bonsoir Erydrin ^^

Je viens de jeter un oeil sur ton forum.

Il manque le codage que t'as fait Hiro'.

L'as-tu mis sur un forum test ?

Merci !

Dim 20 Oct 2013 - 18:37

Neva

Age : 33Messages : 18565

Dim 20 Oct 2013 - 18:37

Salut,

On en est où ici, Erydrin ? Je te laisse encore dix jours pour répondre mais si on a pas de nouvelles d'ici là on considèrera que tu as fait bosser Hiro pour rien et donc 100 peanut's te seront retirées et le code pourra être mis en libre service :s

(mp de relance envoyé)

Lun 21 Oct 2013 - 16:04

Erydrin

Age : 30Messages : 69

Lun 21 Oct 2013 - 16:04

Ah je trouvais plus le sujet. ><
Oui, j'ai mis le code sur un forum de test et je cherche du temps et des images pour le mettre sur mon forum. ^^
Je n'ai pas fait bosser Hiro pour rien, pas d'inquiétude ^^. Je manque juste de temps pour mettre ça proprement.

Ven 22 Nov 2013 - 15:25

Neva

Age : 33Messages : 18565

Ven 22 Nov 2013 - 15:25

Erydrin, ça en est où pour ces images ? Ca fait quand même deux mois que Hiro t'a donné ton code et tu ne l'as toujours pas utilisé...

Mar 26 Nov 2013 - 14:18

Erydrin

Age : 30Messages : 69

Mar 26 Nov 2013 - 14:18

Comme je l'ai dis, je manque de temps pour faire ça proprement. J'ai des impératifs irl qui passent avant le design d'un forum. J'attends d'avoir mes vacances pour pouvoir faire ça.

D'ailleurs, si vous voulez mettre le code en libre service, allez-y. Si ça peut servir à d'autres personnes, c'est tout aussi bien. ^^

Contenu sponsorisé

[HIRO] Catégorie - Description qui apparaît sur l'image au survol

Sujets similaires

Sujets similaires

Rechercher

Résultats par : Messages Sujets
Tags
Recherche avancée