23-09-2014, 17:28
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 ?
Citation :pour que ton message défile, dans les deux cas, il te suffit d'ajouter la balise "<marquee>x (x = ton texte)</marquee>"
/* @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 */
<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 />