Creación de Páginas Personalizadas MyBB

Angelbg 8 Oct, 2009, 11:46 am

Hola a todos.

El siguiente Tutorial que les muestro es sobre crear nuestras página personalizadas, como si fuera HTML pero dentro del foro, como el header, el pie, el estado de sesión etc. Sólo que al tener tu página personalizada con estas características, podrías tenerla como "nombre-archivo.php"

Ok, comenzamos con el tutorial:
Con el tutorial, les mostraré como le podrán hacer con 4 pasos sencillos para crearla junto con una tabla, pues el resultado será este:

[attachment=129]

Antes de comenzar: Ustedes podrán crear su página personalizada como ustedes quieran, pues yo les mostraré una manera para crear una página personalizada avisando del Error 404 dentro del foro. Smile

1.- Creación del archivo PHP

Esta parte es completamente sencilla, por lo que tendrán que crear un archivo PHP con el que tendrán que subirlo a su servidor y entrar cuando ya esté lista.

Crean un nuevo archivo PHP en el Bloc de Notas o Dreamweaver, y escriben:

Código PHP:
<?php 

define ( 'IN_MYBB' , 1 ); // (1a) 

require "./global.php" ; // (1b) 

add_breadcrumb ( "Error 404" , "error_404.php" ); // (2) 

eval( "\$error_404 = \"" . $templates -> get ( "error_404" ). "\";" ); // (3) 

output_page ( $error_404 ); // (4) 

?>

Lo que está a un lado de "add_breadcrumb", es lo que indica que título va a tener la página cuando sea visitada por ejemplo: "Tu foro - Error 404". Este título es mostrado en la exploración del foro, no en la del explorador de internet que usas.

Y obvio, a un lado vas a tener que escribir el nombre del archivo PHP que estás creando, cuando sea subido al servidor.

Tambien, las demás personalizaciónes en el archivo PHP son para indicar los códigos que debemos de usar al crear nuestra plantilla para el archivo.

2.- Creación de la Plantilla:

Todas las páginas personalizadas que hagamos para nuestro foro deben de estar en las "Plantillas Globales", agregandole como título a esa plantilla el nombre del archivo PHP sin su extensión: error_404

A continuación, entramos al Panel Admin --> Plantillas y Estilos --> Plantillas --> Plantillas Globales --> Agregar Plantilla

Como título, agregan el nombre del archivo PHP que hemos creado sin su extensión: "error_404"

En el contenido de la Plantilla, agregan lo siguiente:

Código:
<html> 

<head> 

<title>{$mybb->settings[bbname]} - Error 404</title> 

{$headerinclude} 

</head> 

<body> 

{$header} 

<br />

     <table border="0" cellspacing="1" cellpadding="4" class="tborder" style="clear: both;">

        <tr>

            <td class="thead"><strong>Error 404 - Página no encontrada</strong></td>

        </tr>

        <tr>            

<td class="trow1">

<!-- Inicio de Contenido -->

<strong>CONTENIDO DE LA PÁGINA PERSONALIZADA</strong><br />

<br />

Esta página está actualmente en construcción.<br />

Favor de regresar más tarde.

<!-- Final de Contenido -->

</td>

</tr>

</table>

{$footer}

</body> 

</html>

2.1.- Agregando el contenido y personalizando títulos:

Recuerden que la personalización de la página depende sólo de los carácteres "" e "" en la plantilla que creamos.

La parte del título puede ser personalizada como ustetedes quieran, pues esta parte es la que se mostrará en la barra del explorador que usan, y no la del foro. Incluyendo al título de la tabla, ahi es donde podrán dar un pequeño título de la tabla, en vez de tenerlo en el explorador, y en la parte pequeña del foro en donde estás ubicado.

Tambien en la creación de la tabla en la página personalizada, hay un código inicial en el que se puede cambiar el título de la tabla, puede ser "Reglas del Foro, Error 404 - Página no encontrada, etc.".

Pues, en donde podrán cambiar ese título, es donde se empieza a crear la tabla, pues es aquí:

Código:
<td class="thead"><strong>Título de la Tabla</strong></td>

Todo lo que viene en "Contenido" puede ser tambien completamente personalizable por ustedes. Wink

Si tienes dudas sobre algunos códigos para insertar en el contenido de la página, favor de ver Mini - Guía de HTML.

3.- Reemplazamiento: "Ubicación Desconocida" en Quien está en Línea:

Como algunos he visto que preguntan demasiado por reemplazar el pequeño mensaje de "Ubicación Desconocida" al ver Quien está en Línea cuando están viendo la página personalizada, agrego esta sección para que puedan personalizar ese mensaje cuando se vea la página creada.

Abren el archivo "functions_online.php" ubicado en la carpeta ./inc :

Buscar los siguietes carácteres de archivos PHP:

Código PHP:
<?php 

case "nopermission":

    $user_activity['activity'] = "nopermission";

    $user_activity['nopermission'] = 1;

    break; 

En esta parte, deberán de agregar los mismos carácteres, pero esta vez indicando nuestro archivo PHP que creamos para la página personalizada. Entonces creamos la siguiente línea abajo, debería de ir así:

Código PHP:
<?php 

case "error_404":   

            $user_activity['activity'] = "error_404"; 

            break; 

Entre más páginas personalizadas esten creando, deberán de agregar estos carácteres debajo del último.

Ahora... ya que tenemos este archivo PHP abierto, buscamos lo siguiente:

Código PHP:
<?php 

        // warnings.php functions

        case "warnings_revoke":

            $location_name = $lang->revoking_warning;

            break;

        case "warnings_warn":

            $location_name = $lang->warning_user;

            break;

        case "warnings_view":

            $location_name = $lang->viewing_warning;

            break;

        case "warnings":

            $location_name = $lang->managing_warnings;

            break;

Estas funciónes son las que indican en el archivo warnings.php , pero como es el último de todas las funciónes, agregaremos una pequeña sección para algunas funciónes de nuestras páginas personalizadas que estaremos creando en el futuro.

A continuación, agregan lo siguiente:

Código PHP:
<?php 

        // customized functions

        case "error_404":

                        $location_name = 'Viendo el <a href="error_404.php">Error 404</a>'; 

                        break; 

    }

El mensaje que es mostrará en Quien está en Línea lo pueden cambiar al gusto que ustedes quieran, pero recuerden de indicar siempre el URL para redireccionar el archivo PHP.

4.- Agregando la redirección del Error 404 (Opcional):

Esta es la parte en donde agregarán la redirección al documento del Error 404 en caso de que hayan seguido este tutorial; como ejemplo, agregando el Error 404.

Primero, abran el archivo ".htaccess" ubicado en la carpeta raíz del servidor.

Aquí, es donde deberán agregar lo siguiente en las primeras líneas de texto del archivo:

Código:
ErrorDocument 404 http://urldetuforo.com/error_404.php

Esto indicará que debe de entrar al archivo PHP que creamos como página personalizada indicando el Error 404 mientras se inserta una URL incorrecta durante la navegación en el foro.

Mini - Guía de HTML (Para ayudarse en la creación del contenido de la plantilla):

Texto en Negritas:

Código:
<strong>Texto</strong>

Vínculo:

Código:
<a href="LINK-URL" title="Descripcion del Link">Nombre del Link</a>

Imágen:

Código:
<img src="URL-IMAGEN" alt="Nombre de Imagen" />

Alineaciónes:

<left>

<right>

Espacio (Vertical):

Código:
<br />

Ejemplo:
Texto...<br />
Texto en siguiente línea.<br />
<br />
Texto separado en una línea.

Espacio (Horizontal):

Código:
&nbsp;

Nota: Usar los espacios horizontales con código al principio de un código cualquiera si es necesario.
Ejemplo:
Texto con Separación (Espacio).

Texto en Movimiento:

Código:
<marquee>Texto en Movimiento de Derecha a Izquierda.</marquee>

Eso es todo, aquí el tutorial ha terminado. Big Grin

Saludos.

Partes del Tutorial fueron creadas por mi, Infranight por darlo a conocer y yo por traducirlo.

Creación de Páginas Personalizadas MyBB

Angelbg 8 Oct, 2009, 11:46 am

Cluster 10 Oct, 2009, 8:23 am

Rafael 10 Oct, 2009, 7:12 pm

Cluster 10 Oct, 2009, 8:07 pm

~EroKenji 15 Oct, 2009, 4:17 pm

Cluster 15 Oct, 2009, 4:30 pm

Angelbg 15 Oct, 2009, 5:07 pm

~EroKenji 15 Oct, 2009, 5:37 pm

Cluster 15 Oct, 2009, 7:00 pm

Angelbg 15 Oct, 2009, 7:13 pm