• HTML

    Note

    •Les codes HTML se mettent dans la partie "code source" < > d'un article ou d'un module HTML

    •Je n'ai fabriqué aucun de ces codes, c'en sont juste des qui se trouvent un peu partout et dont je me sers.

     

  • Votre texte ici :)

    Bon, vous mettez ce que vous voulez, là je parle pour rien dire bien sur puisque c'est juste pour vous montrer...

     

    Faire un menu déroulant

    Le code :

    <div style="overflow-x; auto; overflow-y: auto; height: 50px; width: 180px; background-color: #xxxxxx; text-align: center; border-width: 2px; border-color: #c48a10; border-style: groove; padding: 5px;">

    <p style="text-align: center; margin: 0px;"><span style="color: #000000;"><strong>Votre texte ici</strong></span></p>

    <p style="text-align: center; margin: 0px;"><span style="color: #e0e0e0;"><strong>&nbsp;</strong></span></p>

    </div>

    Légende

    height: 50px : Réglez la hauteur du menu déroulant en mettant les chiffres que vous voulez.

    width: 180px : réglez la largeur.

    background-color: #xxxxxx : pour choisir la couleur de fond du menu déroulant.

    border-width: 2px : Pour régler l'épaisseur du cadre.

    border-color: #c48a10 : Pour choisir la couleur du cadre.

    color: #000000 : Mettez la couleur de votre texte ici.

     Votre texte ici : ben là, vous écrivez ce que vous voulez :]

    Faire un menu déroulant

    voila ! les questions, c'est dans les commentaires ! :]


    25 commentaires
  • Mettre une playlist~

    Tuto réalisé  à la demande de Carosilma.

    Note

    Je vous préviens, ce sera pas écrit comme pour une rédac...excusez les répétitions du genre "et puis", "alors maintenant"._.

    ~~~~~~~~~~~~~~~~~~~~~~

    Pour mettre une playlist, il faut que le javascript soit activé sur votre compte.

    "Les codes javascript sont automatiquement désactivés par mesure de sécurité. Pour insérer du javascript sur votre blog, vous devez avant tout demander à l'équipe d'EklaBlog de vous l'activer sur votre compte. Il suffit de nous envoyer un e-mail  via le formulaire de contact. Ensuite, vous pourrez insérer des codes javascript dans des articles, des pages, ou des "Modules simples" de menu par exemple. Pour cela, utilisez l'icône HTML de l'éditeur, et collez votre code, puis cliquez surMettre à jour. Pour voir les modifications, enregistrez, puis rechargez la page.Le support"Pour se faire, il faut le demander à la plateforme eklablog. >ici<

    Alors on commence :)

    1.rendez vous ici : http://scmplayer.net/ C'est là que vous allez mettre les musique que vous voulez et personnaliser votre playlist.

    2.Vous y êtes ? Alors, vous choisissez votre couleur de playlist.

    3.Cliquez sur "Next"

    4.Vous avez deux colonne; une ou vous mettrez le titre de votre musique et l'autre, à droite, vous mettez l'URL de la vidéo de votre musique (vous faites clique droit "copier l'url de la vidéo" sur la vidéo de votre sur Youtube.)

    5. Vous en mettez autant que vous voulez et quand vous avez terminé, cliquez sur NEXT

    6. Vous pouvez maintenant configurer votre playlist comme vous le souhaitez.

    7.

    PLAYBACK

     

    Si elle commence quand on ouvre votre blog (autoplay) ou pas. Si la lecture est aléatoire ou pas. Le volume par défaut. Si on joue la playlist 2 fois, si la playlist est joué à l'infini ou si le morceau sélectionné se répète.

    PLAYBACK
    Auto Play
    Shuffle Playback
    Default Volume      50%
    Repeat Mode

    APPAERENCE

    Si la playlist est placée en haut(top) ou en bas(bottom) de l'écran. Si on voit le choix des morceaux ou pas.

    APPEARENCE
    Placement of Player Bar
    Show Playlist by Default

    8.Cliquez maintenant sur DONE

    9.Et là, vous tombez nez à nez avec un code javascript ! Sauvez-vous pendant que vous le pouvez encore ! 

    Faites clique droit, "copier".

    10. Retournez sur votre blog.

    11.Créez un nouvel article ou un nouveau module simple et collez le code dans "code source", le bouton ressemble à ça : < > il est à coté du bouton plein écran.

    12. Faites OK. puis enregistrez.

    13. Actualisez votre page : F5 et admirez votre travail ! ^^

    Voila, le tuto est terminé, si vous avez des questions, c'est dans les commentaires ! ;)

    Bye~♥


    23 commentaires