Bienvenue
sur
Never-Utopia

Tu es déconnecté.

Never-Utopia

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.


    Page d'Accueil Slideshow/Défilante de Solid6Snake

    Partagez
    MasculinAge : 20Message(s) : 2102

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Alzufen
    le Dim 1 Nov 2015 - 14:05
    Salut à tous !

    Suite à la demande de Solid6Snake trouvable ici : http://www.never-utopia.com/t57456p15-pa-demande-code-page-d-accueil, je viens ici pour partager le LS qui en découle, ce dernier étant une Page d'Accueil (Abrégé en PA pour le reste du LS).

    ----------¤ Les liens utiles ¤----------

    ¤ Vous pouvez voir le LS ici : http://puu.sh/l5pXS/c80436aff3.png (le fond gris est le fond de mon forum de test)
    ¤ Vous pouvez tester le code ici : http://jsfiddle.net/Alzufen/c460senw/3/show/

    ----------¤ Les pré-requis ¤----------

    ¤ Être minimum Admin du forum : Il vous faudra accéder au panneau d'administration pour utiliser ce LS.
    ¤ [Optionnel] Être Codeur: Si vous souhaitez modifier le code, notamment le JS (car le CSS/HTML est plus à la portée de tout le monde) je vous recommande fortement de vous y connaître, sinon, n'y touchez pas tout ce fais automatiquement.
    ¤ [Optionnel] Être Graphiste : Si vous voulez faire des modifications et notamment faire un joli titre, je vous recommande de le faire en Graph' !
    ¤ Avoir activé le JS sur son forum et le JS activé sur le navigateur : Si le JavaScript est désactivé sur votre forum, ou sur votre navigateur, le code ne fonctionnera pas bien. Il n'y aura aucun ajout automatique, et aucun moyen de défiler alors veillez à faire attention à ça.
    ¤ Crédits : Vous êtes priés de ne pas retirer le crédit à NU, il est placé de manière discrète. Si jamais il vous dérange malgré tout, veuillez à créditer NU sur votre page d'accueil !
    ¤ Un cookie : Un petit cookie ou un petit merci pour voir les codes Very Happy

    ----------¤ Les fonctionnalités spéciales ¤----------

    ¤ Fonction SlideShow : SlideShow, Carroussel, PA Défilante, appelez ça comme vous voulez le principe est pour moi le même. Ca vous permet de mettre plusieurs blocs sur une même ligne et d'en afficher que certains en même temps tout en pouvant défiler pour voir les suivants. Ils défilent grâce aux boutons rond en dessous, qui permet d'aller directement au bloc qui correspond, ou grâce au flèches pour celui d'en bas qui permet un défilement les uns après les autres.
    ¤ Fonction Retour au début : Le SlideShow retourne au début si on défile avec la flèche de droite et qu'on est à la fin de tous les blocs, ou va à la fin si on défile avec la flèche gauche.
    ¤ Fonction Automatique : Les ronds qui permettent d'accéder au bloc correspondant s'ajoute automatiquement en fonction du nombre de bloc que vous avez.
    ¤ 5 Blocs en une fois : Le bloc d'en bas permet d'afficher 5 blocs à la fois de petites tailles ! Bien évidemment, veillez à en mettre toujours 5 sinon vous aurez un blanc à côté des derniers avant le retour au début.
    ¤ Blocs ou Vidéo ? : A l'origine le code est prévu pour accueillir des vidéos, je n'ai pas encore testé en mettant du texte, ça devrait fonctionner cependant il n'y a pas d'ascenseur le risque est donc que le texte dépasse. Par contre, vous pouvez tout à fait y afficher des images.

    ----------¤ A Venir ¤----------

    Je prévois deux ajouts futurs et donc deux mises à jours à ce LS. A l'origine, le code demandait un défilement automatique, mais puisque j'ai un peu du mal à le réaliser avec mon code actuel et que je veux pas trop faire attendre le commanditaire, cette fonction viendra plus tard. De plus, je compte essayer de faire en sorte que les vidéos d'en bas soient une boucle. En gros, que vous mettiez un multiple de 5 en nombre de blocs (genre 15) ou moins (genre 13), on n'aura pas de bloc blanc à droite des derniers blocs mais le début de la PA.

    Deux petites fonctions sympa, peut-être inutile pour certains mais donc indispensable !

    Passons maintenant au code !



    Pensez à poster un petit message à la suite (un merci, un cookie, quelque chose du genre) pour pouvoir voir le code ci-dessous !


    MasculinAge : 33Message(s) : 111
    Solid6Snake
    le Dim 1 Nov 2015 - 16:40
    Super sympa un grand merci à toi.

    En espérant que ça aide et donne des idées à d'autres Wink
    FémininAge : 24Message(s) : 1354

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Kelalin
    le Dim 1 Nov 2015 - 17:37
    Merci pour le partage ! (●´∀`●)
    FémininAge : 20Message(s) : 75
    mini-mimi
    le Lun 9 Nov 2015 - 10:13
    merci ham1
    FémininAge : 21Message(s) : 43
    Sophia
    le Sam 28 Nov 2015 - 15:29
    Merci du partage =)
    FémininAge : 18Message(s) : 134
    Pinku
    le Dim 29 Nov 2015 - 7:45
    Wouah o/ J'A-D-O-R-E !
    C'est un code vraiment très pratique, je te l'emprunte ! Merci beaucoup du partage :'D !

    PS: Azufeeeen :love:
    FémininAge : 20Message(s) : 667

    Les Guildes
    Guilde des Conteurs:
    2/10  (2/10)
    Guilde des Illusionnistes:
    2/10  (2/10)
    Guilde des Architectes:
    6/10  (6/10)
    Shaneliae
    le Jeu 17 Déc 2015 - 17:07
    Je trouve l'idée intéressante !


    MasculinAge : 33Message(s) : 111
    Solid6Snake
    le Lun 28 Déc 2015 - 20:34
    Bonjour bonjour, tout d'abord je souhaite à toute l'équipe de passer de bonnes fêtes de fin d'année et je remercie encore Alzufen pour son boulot sur le code. Il est en place sur mon forum c'est un bonheur à modifier :)

    Maintenant comme je suis de passage je viens demander si c'est toujours d'actualité concernant le défilement automatique?

    Histoire d'avoir un petit changement en 2016 sur ma page d'accueil ^^

    Bonne soirée et encore merci pour le partage.
    FémininAge : 22Message(s) : 5
    Vishetani
    le Sam 9 Jan 2016 - 13:04
    bien le merci Very Happy
    FémininAge : 22Message(s) : 8
    Choupy
    le Sam 9 Jan 2016 - 22:06
    merciii
    FémininAge : 26Message(s) : 99
    ♪ Extasy ♪
    le Lun 11 Jan 2016 - 15:00
    Merci pour le partage :)
    MasculinAge : 21Message(s) : 36
    Neffaly
    le Lun 11 Jan 2016 - 20:16
    mrc
    FémininAge : 18Message(s) : 88

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Nartiifiice
    le Dim 31 Jan 2016 - 0:15
    un cookie
    FémininAge : 34Message(s) : 142
    Lessien
    le Ven 12 Fév 2016 - 22:22
    Merci :)
    FémininAge : 21Message(s) : 30
    FREAKS*
    le Mar 16 Fév 2016 - 22:36
    Merci beaucoup ! cheers
    MasculinAge : 48Message(s) : 146
    Coco-Lapin02
    le Dim 20 Mar 2016 - 18:17
    Merci
    MasculinAge : 24Message(s) : 21
    Feniix
    le Mer 23 Mar 2016 - 13:34
    Merci !
    FémininAge : 21Message(s) : 31
    .ANGELUS
    le Dim 27 Mar 2016 - 3:33
    Merci beaucoup :aww:
    MasculinAge : 17Message(s) : 80
    Kinjiro
    le Dim 27 Mar 2016 - 14:01
    merci merci ca a l'air très complet !


    FémininAge : 19Message(s) : 87
    Dreamyland
    le Dim 3 Avr 2016 - 23:18
    exactement ce qu'il me fallait, merci !
    MasculinAge : 15Message(s) : 17
    Rudcash
    le Jeu 28 Avr 2016 - 15:14
    Merci
    MasculinAge : 25Message(s) : 100
    Shaolan
    le Jeu 5 Mai 2016 - 14:07
    Merci beaucoup
    FémininAge : 23Message(s) : 20
    Bandersnatchy
    le Dim 8 Mai 2016 - 11:36
    Merci beaucoup !
    FémininAge : 21Message(s) : 125
    Mawie62
    le Lun 23 Mai 2016 - 18:45
    Très interessant ! je vais le prendre je pense Wink Merci !!


    FémininAge : 27Message(s) : 139

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Irys
    le Dim 29 Mai 2016 - 12:13
    Un cookie pour toi, je tombe pile sur ce que je cherchais ! ♥ Merci beaucoup ! :)


    « Sur ma carte, je suis PDG.
    Dans ma tête, je suis développeur de jeux.
    Mais dans mon cœur, je suis un gamer. »
    Satoru Iwata (1959 - 2015)
    Contenu sponsorisé
    Aujourd'hui à 5:24

      La date/heure actuelle est Mer 28 Sep 2016 - 5:24