Feuillards avec du texte coloré

[haytoch]

Bonjour tout le monde ,
voici un tutoriel traduit pour afficher "Feuillards avec du texte coloré"

comme dans l'image suivante :



Pour commencer ; aller dans l'administration de votre forum Template & Style puis choisie votre thème ainsi Global.css puis édition Avancée et ajouter Ceci à la fin de la feuille toute en bas :

Code :

.newsbar {
    background: #fff6bf;
    border-top: 2px solid #ffd324;
    border-bottom: 2px solid #ffd324;
    text-align: center;
    margin: 10px auto;
    padding: 5px 20px;
    font-weight: bold;
}

Puis ce Code JS dans le Header de votre Forum Ou bien le lieu que vous voulez :

Code :

<script>
<!-- Codigo creado por Edson Ordaz -->
var Edson="Creado por Edson Ordaz para mybb-es"
var size="4"
if (document.all||document.getElementById){
document.write('<span id="highlight"><p class="newsbar"><font size="' +size+ '"><b>' + Edson + '</b></font></p></span>')
var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight
}
else
document.write(Edson)
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
function changetext(){
rainbow="#"+hex[r]+hex[g]+hex[b]
storetext.style.color=rainbow
}
function change(){
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect(){
if (document.all||document.getElementById)
flash=setInterval("change()",80)
}
starteffect()
</script>

Pour Changer le texte et ca taille dans le 2éme Code Chercher ceci :

Code :

var Edson="Creado por Edson Ordaz para mybb-es"
var size="4"

Source : Mybb.com

Bonne chance à tous
Haytoch