Never forget the Wolf

Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Never forget the Wolf
Le Deal du moment :
Display 24 boosters Star Wars Unlimited – ...
Voir le deal

    Test mise en forme

    Okhmhaka
    Okhmhaka
    Fondateur
    Fondateur


    Masculin Age : 39 Messages : 54

    Levels
    Level RPG:
    Test mise en forme 439688barreRPG013/10Test mise en forme 724163barreRPG05  (3/10)
    Level Graph':
    Test mise en forme 439688barreRPG018/10Test mise en forme 724163barreRPG05  (8/10)
    Level Code:
    Test mise en forme 439688barreRPG016/10Test mise en forme 724163barreRPG05  (6/10)

    Test mise en forme Empty Test mise en forme

    Message par Okhmhaka Dim 3 Nov - 15:33


    Page d'Accueil en "Carousel"


    Voici une page d'accueil en carousel, comportant donc 4 blocs de texte pouvant donner l'impression de "tourner" lorsque l'on clique sur le suivant. Il sera compliqué d'expliquer ça en détail avec du texte alors une démo sera nettement plus efficace, la voici :


    Comme vous pouvez le voir, la PA comporte plusieurs blocs, dont un bloc rouge en avant et en grande taille, un bloc bleu et un bloc jaune de part et d'autre et d'une taille réduite. Un quatrième bloc se situe derrière et donc caché par le bloc rouge. Si vous cliquez sur le bloc jaune il prendra la place du bloc rouge qui lui même prendra la place du bloc bleu et vous verrez alors apparaitre ce quatrième bloc (violet) qui prendra l'ancienne place du bloc jaune. Bref, l'idée c'est qu'un clic sur l'un des deux blocs sur le côté le fait venir devant et donne l'impression que les 4 blocs tournent comme sur un plateau avec un effet de profondeur puisque leur taille diminue  s'ils vont derrière et augmente s'ils viennent en premier plan.

    Cette PA est déjà remplie pour vous faciliter la tâche mais vous pouvez facilement changer le contenu des blocs. Leur apparence peut également être modifiée, j'ai mis une couleur différente pour chaque afin que le visuel et le principe de cette PA soit compris plus facilement, mais les 4 blocs peuvent très bien avoir le même aspect.

    Passons à l'installation je vous parlerais de la personnalisation ensuite...

    Un petit "merci" en réponse à ce topic sera nécessaire pour voir le code de cette PA "carousel", et je rappelle que le CREDIT est à laisser dans la page, ou à mettre quoi qu'il en soit sur votre forum en cas d'utilisation de cette PA si vous décidez d'en modifier le contenu.



    Bonne utilisation / personnalisation !

    Un problème sur ce tuto' ?En cas de problème de compréhension, d'application ou de personnalisation de ce tutoriel, posez vos questions en ouvrant un sujet dans cette section.
    Ne postez pas vos questions à la suite car elles ne pourront pas être traitées correctement.

      La date/heure actuelle est Lun 16 Sep - 15:48