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

[Gérald59]

Merci ou ce trouve le header au même endroit ou on édite le premier code que tu as mis mais on met le deuxième en tête de cette même pas dis moi stp merci

---

Laisse tomber cher ami je viens te voir que je l'ai déjà sur mon forum merci quand même

[haytoch]

template _entête==> header
ok c bien

merci pour le passage

[dolphin]

Bonjour Haytoch,

Avant de publier ce tutoriel as-tu avant tout vérifié si tu as l'autorisation de le faire ou bien si la licence permet la traduction et la publication ailleurs dans un autre forum?
Voilà ce que j'ai trouvé en faisant une recherche sur "Edson Ordaz" qui est l'auteur du plugin qu'il a posté sur : http://community.mybb.com/thread-78249-post-572764.html#pid572764
et sur le site de mybb espagne en tant que tutoriel:
http://www.mybb-es.com/showthread.php?tid=3583

Dolphin

[haytoch]

merci Dolphin ,
mais c pour cela je mit la source

[dolphin]

(13-02-2011, 21:17)haytoch a écrit :  merci Dolphin ,
mais c pour cela je mit la source

mais ce n'est pas suffisant.
Il faut s'assurer que l'auteur est d'accord pour que son plugin ou tutoriel soit publié ailleurs.


Dolphin

[haytoch]

(13-02-2011, 21:37)dolphin a écrit :  mais ce n'est pas suffisant.
Il faut s'assurer que l'auteur est d'accord pour que son plugin ou tutoriel soit publié ailleurs.


Dolphin

ok je le contacterai et je posterai la réponse ici .

---

message envoyer a l'auteur

[haytoch]

voilà j'ai eu la confirmation en MP , http://www.mybb-es.com/showthread.php?tid=3583&pid=36733#pid36733
ainsi le droit de traduire son Mode : http://mods.mybb.com/view/rainbowstripe
Mode traduit en Français : http://mybb.fr/thread-3770.html

[zazimut]

Bonjour, le sujet est vieux, mais je voulais savoir comment faire pour afficher deux annonces, j'ai recopié tout ce qu'il y a entre <script> et </script> mais le problème c'est que seul le premier message clignote.

Merci de votre aide.

[exdiogene]

Pour deux items if ne faut pas simplement copier tout le script 2 fois, il faut remplacer cette section dans les deux script :

Code PHP :

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
} 


Remplacer "highlight" par "highlight1" dans la section #1 et "highlight2" dans la section #2. Cette variable doivent être remplacées aux 2 endroits où elle apparait dans chaque script.

[Bamboula]

Merci du partage !

[L@Fouine]

sa marche pas

[Kintik]

Bonjour, au revoir ? Demande poli ?
Et aussi, les demandes d'aides c'est dans les catégories "Support" !!!

[L@Fouine]

on peu aussi mettrez dans header avant :

<style type="text/css">
.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;
}
</style>

(je ne sais pas pourquoi sa ne marche plus quand on veux insérer :/)