AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

-20%
Le deal à ne pas rater :
Drone Dji DJI Mini 4K (EU)
239 € 299 €
Voir le deal

    [PA] Demande code page d'accueil

    Solid6Snake
    Solid6Snake
    MasculinAge : 41Messages : 146

    Lun 21 Sep 2015 - 21:33

    Rappel du premier message :

    Bonjour à tous, je me permet de venir aujourd'hui faire une demande de codage pour ma prochaine page d'accueil.



    L'idée serait de proposer à deux membres de voir leurs vidéos à l'honneur chaque semaine en tête de forum en gros sur mon index et en dessous une barre de progression cliquable avec les autres vidéos des membres.

    - Le premier code serait un menu Progress bar

    - Le second code serait une barre défilante de vidéos à la flèche

    Encore d'avance pour l'aide ce serait vraiment super j'ai testé pas mal de chose mais sans résultat je commence à désespérer ^^



    Schémas : Voici un modèle:

    https://nsa38.casimages.com/img/2015/09/21/150921023327482864.jpg

    https://nsa38.casimages.com/img/2015/09/21/150921023327244718.jpg

    https://nsa37.casimages.com/img/2015/09/21/1509210233232942.jpg

    Tailles des éléments : Les deux bloc du dessus c'est du 550px par 350px chaque vidéo et en dessous c'est plus petit 320px par 250 chaque vidéo.
    Effets voulus : rien de spécial
    Version de votre forum : PHPBB3


    Point: https://nsa37.casimages.com/img/2015/09/21/150921023657740729.png

    Point gris foncé (quand on clique dessus) https://nsa38.casimages.com/img/2015/09/21/150921023657255860.png

    Fleche droite : https://nsa38.casimages.com/img/2015/09/21/150921023829827991.png

    Fleche gauche : https://nsa38.casimages.com/img/2015/09/21/150921023830175200.png



    Cellule vidéo du haut (index/honneur) : https://nsa38.casimages.com/img/2015/09/21/150921023829469401.png

    Cellule vidéo du bas : https://nsa37.casimages.com/img/2015/09/21/150921023829303721.png





    En guise de remerciement je suis tout prêt à mettre un lien sur mon index du membre et/ou du site never-utopia sur ma page d'accueil ou sur ce même code afin de vous remercier et vous faire de la pub ce que je trouve bien normal Wink

    Bonne journée à tous,

    Merci d'avance.




    Dernière édition par Solid6Snake le Dim 27 Sep 2015 - 20:03, édité 6 fois
    Solid6Snake
    Solid6Snake
    MasculinAge : 41Messages : 146

    Mar 29 Sep 2015 - 18:57

    Franchement c'est juste parfait !!!

    J'ai bien compris pour l'ajout de vidéo c'est très clair Wink

    En dessous oui il devront cliquer sur le logo YouTube pour être rediriger vers la chaîne oui ça me va très bien.

    Pour le réglage des couleurs je ferais des tests par rapport à mon menu accordéon actuel ça devrait aller à régler ça sur le CSS sinon je viendrais demander ^^

    OK pour moi c'est bon comment ça se passe à partir de maintenant ?

    Sachant que c'est ma première demande je ne voudrais pas abuser ou passer pour un vulgaire profiteur Wink
    Alzufen
    Alzufen
    MasculinAge : 28Messages : 2103

    Mar 29 Sep 2015 - 19:02

    Vu que depuis un bon bout de temps maintenant les "commandes" en codage sont devenu des "demandes" (de LS), je dois poster le code en Libre Service avant que tu puisses le prendre ^^

    Du coup bah maintenant tu as pu qu'à attendre, je vais faire deux trois petits réglages dans le code (Notamment tout optimiser au maximum le JS, de manière à que tu es juste à mettre les vidéos que tu veux dans le HTML et changer ce que tu veux en CSS, le code s'adaptera de lui même en ajoutant le nombre de point etc. ^^) et après je fais ça ^^

    Dans tous les cas, je repasserais dans ce topic te signaler une fois le LS posté, ou alors je te donnerais, à toi, le code carrément ici, ça reviens au même au final Razz



    Solid6Snake
    Solid6Snake
    MasculinAge : 41Messages : 146

    Mar 29 Sep 2015 - 19:07

    OK ok
    Alzufen
    Alzufen
    MasculinAge : 28Messages : 2103

    Mar 6 Oct 2015 - 15:17

    Bonjour,

    Désolé de pas encore avoir posté le LS et de ne pas te tenir au courant... J'ai terminé ce qu'il restait à faire pour que ce soit compatible avec FA, j'essayais de faire en sorte que si tu ne mets pas un multiple de 5 en nombre de vidéos en bas, ça ajoute les premières à la fin des dernières, histoire qu'on est l'impression que ça reviens jamais au début à proprement parlé (je dois pas m'expliquer bien) mais j'y arrive pas vraiment.

    Du coup, bah ça restera comme c'est actuellement, pour l'instant en tout cas (à voir pour peut-être une MAJ du LS si j'arrive à modifier, si un jour tu repasses dessus), bref. Je m'excuse du coup du retard, pas mal de "soucis" IRL, enfin surtout de choses à régler et tout, du coup j'avais pas trop la tête à ça et pas trop le temps, je t'oublie pas et je poste ça sous peu avant la fin de la semaine promis Wink

    Voilà voilà, encore désolé ^^



    Solid6Snake
    Solid6Snake
    MasculinAge : 41Messages : 146

    Mer 7 Oct 2015 - 8:00

    Il n'y à pas de problème ce n'est pas urgent de toute façon je passe de temps en temps voir l'actu Wink

    Bonne journée !
    Alzufen
    Alzufen
    MasculinAge : 28Messages : 2103

    Sam 10 Oct 2015 - 12:16

    Salut,

    Désolé, j'ai vraiment pas trop le temps en ce moment, pleins de changement dans ma vie et de démarche en plus de ce que je parlais déjà dans mon précédent message, donc je passe pas trop sur le PC ><'

    Je vais essayer de poster le LS ce week, donc ce soir ou demain histoire de pas trop te faire attendre, surtout que c'est pas cool, c'est fini et tout. Il y a juste un truc que j'ai remarqué... J'ai pas mis le défilement automatique, donc je me demandais si tu le voulais quand même ou pas ^^

    Si oui, je peux le faire c'est pas dérangeant, ça prendra pas trop longtemps je pense, et je posterais le LS dans la foulée histoire de pas te faire attendre plus. (Au fond, heureusement que j'ai pas eu le temps de le poster avant, j'aurais pas remarqué ce détail sinon XD)

    Voilà voilà, encore désolé ^^'



    Solid6Snake
    Solid6Snake
    MasculinAge : 41Messages : 146

    Sam 10 Oct 2015 - 20:35

    Salut, alors oui je préfère avec le défilement automatique s'il te plaît même si ça prend plus de temps ce n'est pas grave je suis très patient Wink

    Dans un mois ou six mois ce n'est pas grave ça fait deux ans que j'ai cette page d'accueil je peux attendre encore un peu ^^
    NyoTheNeko
    NyoTheNeko
    FémininAge : 30Messages : 5683

    Mar 20 Oct 2015 - 10:04

    Hello! ^^
    Est-ce que c'est toujours d'actualité?  N'oublie pas de upper! ^^



    Solid6Snake
    Solid6Snake
    MasculinAge : 41Messages : 146

    Mar 20 Oct 2015 - 21:22

    OUi oui je passe pour voir s'il y à du nouveau mais rien pour l'instant donc j'attend Wink
    NyoTheNeko
    NyoTheNeko
    FémininAge : 30Messages : 5683

    Mar 20 Oct 2015 - 21:49

    Il ne faut tout de même pas oublier de upper au moins une fois par semaine ^^



    Solid6Snake
    Solid6Snake
    MasculinAge : 41Messages : 146

    Mar 20 Oct 2015 - 22:31

    Ah ok je ne savais pas mdr.

    Merci pour l'info Wink
    Solid6Snake
    Solid6Snake
    MasculinAge : 41Messages : 146

    Sam 24 Oct 2015 - 7:54

    Hello, comme je passe ici je viens demander si le LS est prêt à être posté ou non ^^
    Solid6Snake
    Solid6Snake
    MasculinAge : 41Messages : 146

    Mer 28 Oct 2015 - 16:32

    Up!
    Alzufen
    Alzufen
    MasculinAge : 28Messages : 2103

    Sam 31 Oct 2015 - 17:21

    Salut,

    Vraiment désolé de pas avoir donné de nouvelles plutôt, en réalité je galère vraiment à faire le défilement automatique, dans l'idée c'est pourtant pas compliqué, le soucis c'est que mon code de base n'était pas prévu pour ça... Du coup, je peux faire le défilement auto mais ça marche pas bien avec la possibilité d'un défilement manuel, et inversement, pour cause que mon code actuel est différent. J'y travail encore mais j'avoue que ma vie IRL bouge pas mal en ce moment, c'est pas simple donc bon bref XD

    Je t'avais dis que je le ferais avant, je l'ai pas fais du coup mais j'ai essayé quand même, du coup je peux te proposer de te donner déjà ce que j'ai fait, ici (si le staff m'autorise) ou en LS directement, et par la suite quand j'aurais réussi à faire se défilement, je posterais (ou je majerais) le LS.

    Comme ça, tu auras déjà la base du code sans devoir attendre trop longtemps et par la suite tu auras le défilement auto. Je pense que je vais simplement refaire le code JS à zéro pour y intégrer le défilement automatique, mais du coup ça va prendre plus de temps et je reconnaîtrais que ça me démotive un peu de savoir qu'il faut tout refaire (j'avais pas mal galéré alors que c'est simple XD).

    A moins que quelqu'un qui s'y connait en JS me propose son aide et veux voir mon code actuel pour voir pour l'améliorer/le modifier, bah c'est tout ce que je peux te proposer pour réduire ton attente.

    Encore désolé, c'était pas prévu que je te réponde si tard ni même que je te réponde autre chose que pour te dire "Voilà, le LS est posté Very Happy". Je m'excuse en espérant ne pas t'avoir trop dérangé.



    Solid6Snake
    Solid6Snake
    MasculinAge : 41Messages : 146

    Sam 31 Oct 2015 - 20:00

    Je comprends parfaitement, je suis ok pour voir le code actuel et en effet si quelque'un souhaite revoir le code pourquoi pas.

    Post le code et au pire dans quelques mois si tu en à l'envie et le temps reviens ici faire une petite mise à jour Wink

    C'est comme ça de toute façon actuellement?

    http://jsfiddle.net/Alzufen/c460senw/2/show/

    C'est déjà énorme si c'est le cas, je ne vais pas faire le difficile il ne faut pas déconner non plus ^^

    Merci d'avance.
    Alzufen
    Alzufen
    MasculinAge : 28Messages : 2103

    Dim 1 Nov 2015 - 14:06

    Salut ^^

    Voilà, j'ai posté le LS du coup, tu peux voir ceux à quoi il ressemble dans le topic, et tu pourras voir le code en postant un petit message dans le topic ^^

    https://www.never-utopia.com/t57911-page-d-accueil-slideshow-defilante-de-solid6snake

    En espérant que ça te convienne, en cas de problème pour toi, pas besoin de passer dans la section des problèmes, demande directement ici je viendrais te répondre en personne ^^



    Solid6Snake
    Solid6Snake
    MasculinAge : 41Messages : 146

    Dim 1 Nov 2015 - 17:14

    C'est bon j'ai placé le code en PA + le JS + le CSS mais j'ai quand même un problème d'affichage.

    - Pour les deux grosses du dessus vidéos je le place ou mon code iframe Youtube?

    Code:
    <iframe style="width: 550px; height: 350px;" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/mTCYEfXRbaE"></iframe>

    Dans "contenu" ou à la place de contenu?

    - Pour les vidéos du dessous idem ça place tout ça en ligne verticale au lieu de horizontal c'est normal?

    Code:
    <iframe src="https://www.youtube.com/embed/k_PNrj6or50" frameborder="0" allowfullscreen="" style="width: 320px; height: 200px;"></iframe>

    Je test ça sur un forum test c'est pour ça et je n'arrive pas au même affichage que toi c'est pour ça.

    Excuse moi mais je ne vois pas vraiment ou placer mes iframe en faite ^^
    Solid6Snake
    Solid6Snake
    MasculinAge : 41Messages : 146

    Dim 1 Nov 2015 - 17:38

    C'est bon j'ai trouvé il fallait remplacer la div complète regarde le résultat:

    http://testentraideyoutube.forumactif.org/

    Par contre les blocs du dessous sont moins haut que sur la démo non ?

    Tu peux m'indiquer la ligne du code CSS à modifier pour mettre les modules du dessous un peu plus gros en hauteur ?

    En espérant que ça ne décale pas les boutons du dessous..

    Et ce sera parfait !
    Solid6Snake
    Solid6Snake
    MasculinAge : 41Messages : 146

    Dim 1 Nov 2015 - 21:07

    C'est bon j'ai trouvé j'ai effectué des modifications sur le CSS regarde:

    http://www.entraide-youtubers.com/

    J'espère que le mode automatique sera compatible même si j'ai modifié ton code de base Wink

    Encore merci!
    Contenu sponsorisé


      La date/heure actuelle est Dim 24 Nov 2024 - 11:24