MyBB.support, le portail francophone de MyBB
Message En Bande Défilante - Version imprimable

+- MyBB.support, le portail francophone de MyBB (https://mybb.support)
+-- Forum : Plug-ins et modules pour MyBB (https://mybb.support/forum-32.html)
+--- Forum : Support (https://mybb.support/forum-15.html)
+--- Sujet : Message En Bande Défilante (/thread-7068.html)



Message En Bande Défilante - Phil - 23-09-2014


Bonjour,

j´aimerai savoir si il existe un plugin pour créer une bande défilante sur le forum positionné entre le BANNER et la première catégorie ?


RE: Message En Bande Défilante - Jules - 23-09-2014

Oui, il existe le plugin "Announcement" (annonce), disponible en version "officiel" (en anglais) : http://mods.mybb.com/view/announcement
Sinon, tu peut toujours utiliser la traduction française proposé par Tr4xmix : http://mybb.fr/thread-6292.html

Sinon, tu peut aussi le faire toi-même (bien que plus complexe pour les nouveaux utilisateurs du moteur MyBB) :
Pour la version 1.8 de MyBB, tutoriel proposé par Saphir : http://mybb.fr/thread-7037.html

Voilà pour toi, Phil Smile

Petit modification du message, pour que ton message défile, dans les deux cas, il te suffit d'ajouter la balise "<marquee>x (x = ton texte)</marquee>" j'ai aussi trouver un site internet où tu peut trouver pleins d'exemples d'utilisation des balises "<marquee></marquee>" : http://www.jecreemonsite.net/html_css/marquee.php


RE: Message En Bande Défilante - spyto - 23-09-2014

Toujours en utilisant le tuto de Saphir, il est possible d'inclure des balises <marquee>...</marquee>.


RE: Message En Bande Défilante - Jules - 23-09-2014

Citation :pour que ton message défile, dans les deux cas, il te suffit d'ajouter la balise "<marquee>x (x = ton texte)</marquee>"

C'était précisé :p


RE: Message En Bande Défilante - Saphir - 23-09-2014

Pour faire défiler la bannière, il est possible d'utiliser la balise <marquee>, qui fonctionnera sur certains navigateurs, ou d'utiliser la classe CSS3 suivante qui devrait fonctionner sur tous les navigateurs (sur une balise <div> ou <span>). Le code ci-dessous est à ajouter dans global.css.
Code :
/* @group Marquee */

.marquee {
    height: 30px;
    
    overflow: hidden;
    position: relative;
}
    .marquee div {
        display: block;
        width: 200%;
        height: 30px;
        
        position: absolute;
        overflow: hidden;
        
        -webkit-animation: marquee 4s linear infinite;
        -moz-animation: marquee 4s linear infinite;
        -ms-animation: marquee 4s linear infinite;
        -o-animation: marquee 4s linear infinite;
        animation: marquee 4s linear infinite;
    }
    .marquee span {
        float: left;
        width: 50%;
    }
    
@-webkit-keyframes marquee {
    0% { left: 0; }
    100% { left: -100%; }
}
@-moz-keyframes marquee {
    0% { left: 0; }
    100% { left: -100%; }
}
@-ms-keyframes marquee {
    0% { left: 0; }
    100% { left: -100%; }
}
@-o-keyframes marquee {
    0% { left: 0; }
    100% { left: -100%; }
}
@keyframes marquee {
    0% { left: 0; }
    100% { left: -100%; }
}

/* @end */



RE: Message En Bande Défilante - Phil - 23-09-2014

Ok Messieurs ,

mille merci pour vos conseils Z´utiles Wink

Je vais aller voir ça de plus prêt Wink
Bon me revoilà déjà ,

je pense que je vais être obligé de le faire moi-même, car après installation , dans le panneau de config/plugin : version non compatible 1.8


Bon,

ça y est, je pensais revenir et vous dire "ça marche super, merci "....Mais non Sad

Je suis dans le template "header" et j´ai de l´autre coté le tuto avec les balises

Les balises doivent se mettre où pour que cela apparaissent entre le banner et la première section du forum

Code :
<style>
    .bandeau {
        text-align: center;
        border: 1px solid #CCC;
        background: none repeat scroll 0% 0% #F5F5F5;
        border-radius: 5px;
        padding: 8px 12px;
        margin: 10px 0px 0px;
    }

    .bandeau strong {
        margin-right: 6px;
    }

    .bandeau .date {
        color: #666;
        font-size: 0.8em;
        margin-left: 6px;
    }

    .jaune {
        background-color: #FFF6BF;
        border-color: #FFD324;
    }

    .vert {
        background-color: #D6ECA6;
        border-color: #8DC93E;
    }

    .bleu {
        background-color: #ADCBE7;
        border-color: #0F5C8E;
    }
</style>

<div class="bandeau jaune">
    <strong>Information 1 :</strong>
    (...)
    <span class="date">(9 août 2014)</span>
</div>

<div class="bandeau vert">
    <strong>Information 2 :</strong>
    (...)
    <span class="date">(9 août 2014)</span>
</div>

<div class="bandeau bleu">
    <strong>Information 3 :</strong>
    (...)
    <span class="date">(9 août 2014)</span>
</div>

<br />

En fait pour être précis , j´aimerai que la bande apparaisse (voir screen ci dessous )

[Image: HcRU9g.png]



 Utilitaire de traduction fourni par Regentronique