Poster un nouveau sujet   Répondre au sujetPartagez | 
 

Comment vous faites cela ?

Happy Holidays on GOLDheart !
Voir le sujet précédent Voir le sujet suivant Aller en bas 
avatar
Saphir
Ans : 26
Posts : 67
Inscription : 04/07/2015
Voir le profil de l'utilisateur
05.01.18 13:08
Coucou :)
Curieuse que je suis, je me demandais quel code vous avez permis de faire ceci :
[Vous devez être inscrit et connecté pour voir cette image]

À savoir, voir en taille réelle une création après avoir cliqué dessus ? :)
Cela m'intéresserait vachement de savoir car ce serait très utile sur mon forum, j'espère que vous pourrez m'aider :D

À bientôt :)
Revenir en haut Aller en bas
avatar
Émeraude
Ans : 19
Posts : 278
Localisation : France
Inscription : 22/11/2011
Voir le profil de l'utilisateurhttps://www.facebook.com/laladidada21.fr
05.01.18 19:17
Coucou !
Normalement tu met le lien direct de ton image entre
Code:
[img]liendirectdelimage[/img]
 et ça doit fonctionner tout seul ;)
Revenir en haut Aller en bas
avatar
Saphir
Ans : 26
Posts : 67
Inscription : 04/07/2015
Voir le profil de l'utilisateur
05.01.18 20:30
Non ça ne fonctionne pas :)
Je pense qu'il y a un autre code associé au format "img" soit un code HTML soit un Javascript non ? ^^
Il n'y a ça que ici et sur Art Design *-*
Revenir en haut Aller en bas
avatar
Administratrice
Ans : 25
Posts : 14355
Localisation : Canada
Inscription : 09/12/2009
Voir le profil de l'utilisateurhttp://www.goldheartofficiel.com
05.01.18 23:03
C'est effectivement un code Javascript qu'on utilise, mais il est très très vieux x)
Ce genre d'effet s'appelle une "lightbox", alors tu peux sûrement trouver un script qui fait ça en cherchant ça sur Google :)

Ce n'est pas que je ne veux pas te dire quel script on utilise, mais c'est qu'il est très vieux et donc sûrement plus à jour, et je ne voudrais pas donner un code "moins propre" (je comptais même le changer!). Puis ça a été ajouté avant que les admins actuelles soient dans le staff ^^'


[Vous devez être inscrit et connecté pour voir cette image]
Revenir en haut Aller en bas
avatar
Saphir
Ans : 26
Posts : 67
Inscription : 04/07/2015
Voir le profil de l'utilisateur
06.01.18 19:21
Coucou [Vous devez être inscrit et connecté pour voir ce lien] :)
Merci pour l'information ! N'y connaissant rien au JS, ça risque d'être compliqué mais je vais tout même essayer de fouiller sur le net...Si je n'y parviens pas, pourriez-vous m'aider ? :/
En tout cas, merci vraiment pour ton coup de pouce en tout cas :D c'est adorable ! ^^
Revenir en haut Aller en bas
avatar
Saphir
Ans : 26
Posts : 67
Inscription : 04/07/2015
Voir le profil de l'utilisateur
13.01.18 11:45
Bon bah après plusieurs recherches, je n'ai pas trouvé...uniquement des tutoriels pour faire cet effet sur un site internet donc faut passer par un serveur personnel et là je n'y connais rien et ce n'est pas adapté à Forumactif. Au pire, je tenterai une demande d'aide sur Forumacitf.

Bonne journée,
Revenir en haut Aller en bas
avatar
Administratrice
Ans : 25
Posts : 14355
Localisation : Canada
Inscription : 09/12/2009
Voir le profil de l'utilisateurhttp://www.goldheartofficiel.com
13.01.18 16:02
Ce qui se fait sur un site internet peut très bien se faire sur un forum FA. Le serveur n'a aucun rapport avec cela ^^'
Généralement il s'agit d'ajouter un script + du CSS, et on peut très bien faire ça sur FA ^^

Peux-tu me donner un exemple de lightbox que tu aimerais? Je t'aiderai à l'installer sur ton forum smile


[Vous devez être inscrit et connecté pour voir cette image]
Revenir en haut Aller en bas
avatar
Saphir
Ans : 26
Posts : 67
Inscription : 04/07/2015
Voir le profil de l'utilisateur
14.01.18 9:57
Ah d'accord...bah je suis tombée sur un tutoriel où il parlait de serveur, j'ai dû mal comprendre. J'avais trouvé un autre tutoriel que j'ai essayé mais ça ne donne rien malheureusement. En tout cas, c'est vraiment gentil de m'aider :)
Pour le rendu, je voudrais un truc simple comme ceci :
[Vous devez être inscrit et connecté pour voir cette image]

Quand on clique sur l'image réduite présente dans un post, l'image s'agrandit au centre de l'écran et apparaît en taille réelle comme sur la capture écran :)

Merci pour ton aide. Je te créditerai *-*
Revenir en haut Aller en bas
En ligne
avatar
Administratrice
Ans : 22
Posts : 5691
Localisation : Sur tes genoux :P
Inscription : 10/02/2010
Voir le profil de l'utilisateurhttp://imapoisonmind.tumblr.com/
14.01.18 17:12
Hello,

Je l'ai trouvé en deux secondes sur google ;) C'est celui-ci, dont le dossier est à télécharger puis à placer dans tes codes html du forum : [Vous devez être inscrit et connecté pour voir ce lien]


[Vous devez être inscrit et connecté pour voir cette image]
Revenir en haut Aller en bas
avatar
Administratrice
Ans : 25
Posts : 14355
Localisation : Canada
Inscription : 09/12/2009
Voir le profil de l'utilisateurhttp://www.goldheartofficiel.com
14.01.18 17:21
C'est normal que ça parle de serveur pour un site internet, mais ça s'adapte très bien à Forumactif wink

Le lien que PoisonMind t'a donné est bon, on peut partir de ce code, mais le "placer dans les codes html du forum" ce n'est pas vraiment exact. C'était l'option quand il n'y avait pas d'endroit pour mettre des codes JavaScript sur FA, mais ça a été ajouté depuis plusieurs années :)

J'ai trouvé ce tutoriel sur la version anglaise de FA: [Vous devez être inscrit et connecté pour voir ce lien]
Je peux te traduire si tu as du mal avec l'anglais ^^


[Vous devez être inscrit et connecté pour voir cette image]
Revenir en haut Aller en bas
Contenu sponsorisé
Revenir en haut Aller en bas
 

Comment vous faites cela ?

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Qu'est ce que vous faites ?
» [sondage] comment vous êtes vous formés ?
» Notre fiche !! À utiliser si vous faites une pub ET/OU un partenariat !!
» Que faites vous pour le nouvel an ?
» Vous avez demandé la POLICE, ne quittez pas...

Permission de ce forum:Vous pouvez répondre aux sujets dans ce forum
GOLDheart :: GOLDheart :: pensées magiques & fantaisies :: Questions & Suggestions-
Poster un nouveau sujet   Répondre au sujet