[Tutorial] Noticias aleatorias con desvanecimiento
Primero y principal, agradecer al usuario "Destroy666" de MyBB Forums por dar la solución (He creado un thread y me ha respondido de forma exacta qué...

Primero y principal, agradecer al usuario "Destroy666" de MyBB Forums por dar la solución (He creado un thread y me ha respondido de forma exacta qué era lo que había que hacer para que se solucione).

A continuación, la guía:

Paso 1: Cargar jQuery

Van a su panel de administración, buscan el estilo o theme que estén usando, y se dirigen a "Plantillas sin grupo". Luego ingresan dentro de "Headerinclude".

Debajo de:

<link rel="alternate" type="application/atom+xml" title="{$lang->latest_threads} (Atom 1.0)" href="{$mybb->settings['bburl']}/syndication.php?type=atom1.0" />

Van a llamar la librería de jQuery desde el repositorio de Google de la siguiente forma:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

Una ves que pegaron ese código, estarán llamando a la librería jQuery para que puedan utilizarla en todo su foro MyBB.

Debajo de eso, van a colocar el siguiente código (Dejo explicado lo que tengan que modificar a gusto):

<script type="text/javascript">
jQuery.noConflict(); // Ésto se aplica para no tener ningún tipo de error con otro código jQuery

this.randomtip = function(){

    var pause = 12000; // Acá definirán el retraso en el cambio de texto en milisegundos
    var length = jQuery("#tips li").length;
    var temp = -1;        

    this.getRan = function(){
        var ran = Math.floor(Math.random()*length) + 1;
        return ran;
    };
    this.show = function() {
        var ran = getRan();
        while (ran == temp) { // Ésto es para que no se repita el mismo texto por más aleatorio que fuere
            ran = getRan();
        };
        temp = ran;
        jQuery("#tips li").hide();
        jQuery("#tips li:nth-child(" + ran + ")").fadeIn("slow");
    };

    show(); setInterval(show,pause);

};

jQuery(document).ready(function(){
    randomtip();
});
</script>

Eso sería todo en la plantilla "Headerinclude".

Luego, pasaremos al CSS, donde usarán un simple estilo para ocultar los diferentes textos que querramos mostrar:

#tips, #tips li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#tips {
    font-size: 16px;
}

#tips li {
    display: none;  /* Ésto oculta todos los textos que tengamos cargados */
}

Eso sería todo el código CSS que deberemos usar (Cabe aclarar, que ustedes pueden estilizar a gusto el tipo de fuente, el tamaño, el color, etc).

Por último, iremos al grupo de plantillas "Cabecera", luego ingresaremos en la plantilla "header", y colocaremos el siguiente código, debajo de <div id="container">:

<ul id="tips">
    <li>... if you want to become a better coder you need to eat your vegetables?</li>
    <li>... it takes more time to code a web page then to make a pizza?</li>
    <li>... you should validate your code?</li>
    <li>... jQuery is your friend? For real!</li>
</ul>

Como podrán observar, hay 4 textos cargados con diferentes oraciones, la cantidad de textos que quieran, pueden ingresarse ahí entre los tags <li></li>, y serán mostrados de forma aleatoria sin repetirse.

Espero que se entienda el tutorial, dejo la fuentes para que vean que no hice nada más que probar y preguntar:

Fuente del código original
Mi posteo en MyBB Forums

Saludos y espero les sirva.
Archivos Adjuntos

gracias por el tutorial Smile
:)
muchas gracias por el tuto no muchos saben o sabian como llamar la libreria jquery para agregar los script @eNvy
muchas gracias Smile amigo me resolviste
De nada, espero sirva para el que lo necesite ^^.
Gracias Big Grin te dejo +rep
Buen tutorial Smile se agradece amigo
Se parece al default de SMF solo que con un diseño mas bonito.
Alguna prueba para ver lo que es exactamente?
aqui mismo lo puedes ver en la barra de anuncios como cambia las noticias aletatoriamente
Colaboradores
victoryfany storm InfraWorld gonza28 DarkEternity Cluster Brown Boreas AC Dynsol
This forum uses Lukasz Tkacz MyBB addons.