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.

Le Deal du moment : -25%
PC Portable Gamer 16,1” HP Victus 16 – 16 ...
Voir le deal
749.99 €

    [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 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 Jeu 21 Nov 2024 - 22:06