*.* Agregar una nueva pagina a vBulletin (Foro) [Concurso 2011]

**Daniel Muñoz** · 12-jul-2011

Esto es un tutorial muy sencillo y útil, se le pueden dar diferentes usos, todo depende de la imaginación de cada quien.

Yo en este caso, lo implementare para agregar el "Chat" y un "Filebox"

Es necesario un editor de texto, yo uso "Adobe Dreamweaver CS5, pero también recomiendo DevPHP

Para los que no conocen mucho sobre PHP, les recomiendo descargar el programa DevPHP (http://sourceforge.net/projects/devphp/) es un editor de código (PHP, HTML, JavaScript, CSS, SQL, XML entre muchos mas) es muy liviano lo cual no causa una gran carga en tu computador y es gratuito.

Nota; compatible con Win7 y Windows XP

Luego descargarlo lo instalamos.

Como se sabe, debemos aceptar los términos y condiciones para instalar.
Luego de instalar este programa - opcional - vamos a nuestro foro, en mi caso sera "localhost";) nos identificamos como administradores. (http://localhost/admincp)

Hasta aquí todo bien

y muy sencillo.

Recuerden, si no saben o tienen duda pregunten. Podrían dañar o desconfigurar algo:(

Luego de loguearnos en nuestro foro, vamos a admincp. Dentro del Panel de Administración de nuestro vBulletin buscamos la pestaña (Estilos y Plantillas - Administrador de Estilo), aca seleccionamos nuestro estilo y haciendo clic como se muestra en la imagen seleccionamos la opción "Crear nueva plantilla"

Luego de esto nos saldrá un cuadro totalmente en blanco, (como se muestra en la imagen), aca llenaremos de la siguiente manera.

Estilo; aca va el estilo en el cual pertenece la plantilla, en mi caso "Default Style
Titulo; esto es muy importante, el nombre debe ser especifico, en este caso sera "chat"
Plantilla; aca va el siguiente código.

Código HTML:

$stylevar[htmldoctype]
<html dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
<head>
$headinclude
<title>$vboptions[bbtitle] - NOMOBRE DE LA BARRA DEL NAVEGADOR</title>
</head>
<body>

$header 
$navbar <!--Esto llama a la variable que se construy? en el php-->

 <!--INICIO DEL CONTENIDO QUE DESEAS MOSTRAR-->
 <!--Basicamente se hace para que se vea una tabla usando los colores de su foro-->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" 

align="center">
<tr>
<td class="tcat">Titulo de la Tabla, usando los colores de Categoria</td>
</tr>
<tr>
<td class="alt1">Contenido a mostrar</td>
</tr>
</table>

 <!--FIN DEL CONTENIDO QUE DESEAS MOSTRAR-->

$footer
</body>
</html>

Esa es la primera parte, ahora creamos un archivo PHP, el cual subiremos al hosting para poder visualizarlo desde internet.

Abrimos nuestro editor de texto y pegamos el siguiente c?digo.

Código PHP:


			
<?
// ######################## SET ENTORNO PHP ###########################
error_reporting(E_ALL & ~E_NOTICE);

// ##################### DEFINIR COSNTANTES IMPORTANTES #######################

define('THIS_SCRIPT', 'chat');  
/*
este es el nombre de este Scrit, asi que en las plantillas podran usar una condicion asi:(en el Navbar o footer por ejemplo)
<if condition="THIS_SCRIPT == 'test'">
    No mostrar Adsense, algo especial etc, etc
</if>
*/
// #################### PRE-CACHE DATOS Y PLANTILLAS ######################
//Obtener Grupo de Frases  Especiales
$phrasegroups = array();

//Obtener Plantillas Especiales desde el datastore
$specialtemplates = array();

// pre-cache Plantillas usadas en todas las Acciones de este php
$globaltemplates = array(
        // Pon aqui todas las plantillas que hayas creado, pero  curiosamente si no las pones, igualito funciona (esto es lenguaje c pues
        'chat', //RECUERDA QUE ESTE ES EL NOMBRE DE LA PLANTILLA QUE CREASTE
);

// pre-cache Plantillas usadas para Acciones Estemplates used by specific actions
$actiontemplates = array();

// ########################## REQUERIDO ############################
require_once('./global.php'); //con esto cargas todas las opciones de vBulletin, ademas de la conexion, acceso a MySQL, etc, etc

// #######################################################################
// ######################## COMIENZO DEL SCRIPT PRINCIPAL ############################
// #######################################################################

$navbits = array(); 
$navbits[$parent] = 'Chat Externo';  //esto se vera en el NavBar (el arbol que sale cuando entras a un tema, etc en el navbar)

$navbits = construct_navbits($navbits); //Que vBulletin lo compile a su manera
eval('$navbar = "' . fetch_template('navbar') . '";'); //Luego usamos  esa compilacion con la plantilla navbar (que ser? llamado en la  plantilla prueba
eval('print_output("' . fetch_template('chat') . '");'); //y Finalmente llamamos a nuestra plantilla personalizada
?>

Nota1; El nombre, de de la plantilla debe ser igual, al nombre del archivo

Guarden las plantilla como un archivo PHP y subanlo al servidor.

A mi me quedo el chat de Intercambios virtuales, totalmente integrado dentro del vBulletin (espero lo implementen queda mas lindo y agradable así)

Y Así me quedo el Filebox (megaupload) integrado totalmente dentro de vBulletin.

Asípodemos agregar paginas extras a nuestro vBulletin, pero ahora añadiremos algunas cosas extras.

Plugin para que aparezca online en las estadísticas.

Debería quedarles algo así, como se ve en la imagen.

Código PHP:


			
Producto: vBulletin
Hook: online_location_process
Titulo del Plugin: Localizacion de Test
Codigo PHP del Plugin: 
if ($filename == 'chat.php')
{
        $userinfo['activity'] = 'chat';
}
Plugin Activo: Yes/Si

Cambien el "chat" por el nombre de su plantilla y archivo PHP

Ocultar paginas extras a ciertos grupos.

Tal vez quieres crear una pagina extras y ocultarla a cierto grupo de usuarios de tu foro, literalmente es lo mismo, solo debes agregar "algunas" linea de código extras, perlo lo explico mas a fondo.

Busca en la plantilla antes creada;

Código HTML:

 <!--Basicamente se hace para que se vea una tabla usando los colores de su foro-->

Agrega abajo;

Código HTML:

 <!--  Cuadro vBulletin  -->
<if condition="is_member_of($bbuserinfo, 3,1,8,4)"> 
 <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="70%" align="center">
<tr>
    <td class="tcat">Aviso del Foro</td>
</tr>
<tr>
    <td class="panelsurround" align="center">
    <div class="panel">
        <div align="left">

        
            <script type="text/javascript" src="clientscript/vbulletin_md5.js?v=387"></script>
            <form action="login.php?do=login" method="post"  onsubmit="md5hash(vb_login_password, vb_login_md5password,  vb_login_md5password_utf, 0)">
            <input type="hidden" name="do" value="login" />
            <input type="hidden" name="url" value="chat.php" />
            <input type="hidden" name="vb_login_md5password" />
            <input type="hidden" name="vb_login_md5password_utf" />
            

            <input type="hidden" name="s" value="" />
            <input type="hidden" name="securitytoken" value="guest" />

            <!-- permission error message - user not logged in -->


            <div class="smallfont">No has iniciado sesión o no  tienes permiso para ver esta p?gina. Esto puede deberse a una de varias  razones:</div>

            <ol>
                <li class="smallfont">No has iniciado sesión.  Rellena el formulario al pie de esta página e inténtalo de  nuevo.</li>
                <li class="smallfont">Puede ser que no tengas  suficientes permisos para ver esta página. Estás intentando editar el  mensaje de otro, acceder a funciones administrativas o algún otro  sistema restringido?</li>

                <li class="smallfont">Si estás intentando escribir  un mensaje, el administrador puede haber bloqueado tu cuenta, o  necesita ser activada.</li>
            </ol>

            <fieldset class="fieldset">
                <legend>Iniciar Sesi?n</legend>
                <table cellpadding="0" cellspacing="3" border="0" align="center">
                <tr>
                    <td>Usuario:<br /><input type="text"  class="bginput" name="vb_login_username" size="50" accesskey="u"  tabindex="1" /></td>

                </tr>
                <tr>
                    <td>Clave:<br /><input  type="password" class="bginput" name="vb_login_password" size="50"  tabindex="1" /></td>
                </tr>
                <tr>
                    <td>
                        <span style="float:right"><a  href="login.php?do=lostpw">?Has olvidado tu  contrase?a?</a></span>
                        <label for="cb_cookieuser"><input  type="checkbox" name="cookieuser" value="1" id="cb_cookieuser"  tabindex="1" />?Recordarme?</label>

                    </td>
                </tr>
                <tr>
                    <td align="right">
                        <input type="submit" class="button" value="Iniciar Sesi?n" accesskey="s" tabindex="1" />
                        <input type="reset" class="button" value="Restablecer Campos" accesskey="r" tabindex="1" />
                    </td>
                </tr>
                </table>

            </fieldset>

            <div class="smallfont">El administrador puede haber  requerido <a href="register.php?do=signup"  rel="nofollow">registrarte</a> antes de poder ver esta  p?gina.</div>
            </form>

            <!-- / permission error message - user not logged in -->
        

        </div>
    </div>

    <!--
    <div style="margin-top:6px">
        <input type="submit" class="button" value="Retroceder" accesskey="s" onclick="history.back(1); return false" />
    </div>
    -->
    </td>
</tr>
</table>
</if>
<!--  Cuadro vBulletin  -->

Agregando ese código, te saldrá el siguiente cuadro, sera visible para los usuarios no registrados, Banned Users, etc etc. (cuadro de permisos de acceso)

Para que los usuarios registrados, administradores, moderadores, Super Moderadores, etc etc, puedan ven el contenido.

Buscar:

Código HTML:

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" 

align="center">
<tr>
<td class="tcat">Titulo de la Tabla, usando los colores de Categoria</td>
</tr>
<tr>
<td class="alt1">Contenido a mostrar</td>
</tr>
</table>

Y remplazar por;

Código HTML:

<!--  Contenido a Mostrar  -->
<if condition="is_member_of($bbuserinfo, 2,5,6)">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" 
align="center">
<tr>
<td class="tcat"><center>Chat Chatango</center></td>
</tr>
<tr>
<td class="alt1">Este contenido se mostrara a los grupos 2, 5, 6
</td>
</tr>
</table>
</if>
<!--  Contenido a Mostrar  -->

Variables que debemos editar (editar para adaptar a sus necesidades)

Código PHP:


			
<if condition="is_member_of($bbuserinfo, 3,1,8,4)">

Para saber los ID (numeros) de los grupos, ve a tu Admincp - Grupos de Usuarios - Admistrar Grupo de Usuarios.

Busca tambien;

Código HTML:

<input type="hidden" name="url" value="chat.php"  />

Debes cambiar el valor "chat.php" por el nombre de tu archivo PHP antes creado

Recuerda; para ocultar cualquier contenido solo debes borrar el numero de ID de la variable antes expuesta.

El resultado es el siguiente,

Conectado;

Desconectado

**Duck1245** · 15-jul-2011

Gracias Compañero, excelente post

**Eloy58** · 17-jul-2011

Gracias por participar ... saludos.

**cramercaba** · 17-jul-2011

**carmen10** · 18-jul-2011

baduser · 18-jul-2011

Gracias por participar, muy bueno el tuto !!!

**wpiaw** · 20-jul-2011

**Kevinsk8** · 20-jul-2011

excelente tuto !!!!

15-jul-2011	#2
Duck1245 MOD/Chat Ingreso: mayo-2010 Mensajes: 248 Sexo: País: Signo: Agradecido: +562	Gracias Compañero, excelente post “Cuanto más sabes, más te das cuenta de que no sabes nada”

17-jul-2011	#3
Eloy58 VIP ZONE Ingreso: abril-2009 Ubicación: Madrid (España) Mensajes: 18.695 Sexo: País: Signo: Agradecido: +48.479	Gracias por participar ... saludos. Aprende lo que puedas y enseña lo que sepas, el conocimiento es patrimonio de TODOS

17-jul-2011	#4
cramercaba Erudito Ingreso: noviembre-2009 Mensajes: 9.213 Sexo: País: Agradecido: +11.824	La vida es lo que pasa mientras se instalan las actualizaciones de Windows

18-jul-2011	#5
carmen10 Erudito Ingreso: agosto-2010 Ubicación: En Andalucia Mensajes: 17.081 Sexo: País: Signo: Agradecido: +22.675	*El que busca la verdad corre el riesgo de encontrarla.*

20-jul-2011	#7
wpiaw Erudito Ingreso: abril-2009 Ubicación: Uruguay Mensajes: 2.401 Sexo: País: Signo: Agradecido: +2.835	intercambiosvirtuales.org .::. MIS APORTES INTERCAMBIOSOS .::.

Los siguientes 11 usuarios agradecen a Daniel Muñoz por este mensaje:
Arleanjose (12-jul-2011), baduser (12-jul-2011), carmen10 (18-jul-2011), cramercaba (12-jul-2011), Duck1245 (15-jul-2011), Eloy58 (12-jul-2011), Godins (11-abr-2013), jchierro (12-jul-2011), jimmy_criptoy (17-jul-2011), MartiXFX (12-jul-2011), VJEVans (12-jul-2011)

Usuarios que han agradecido este mensaje de Duck1245
baduser (15-jul-2011)

Usuarios que han agradecido este mensaje de Eloy58
baduser (18-jul-2011)

18-jul-2011	#6
baduser Banned Ingreso: julio-2009 Ubicación: Mexico City, Capital del Mundo Mensajes: 33.485 Sexo: País: Signo: Agradecido: +70.458	Gracias por participar, muy bueno el tuto !!!

Usuarios que han agradecido este mensaje de wpiaw
baduser (21-jul-2011)

20-jul-2011	#8
Kevinsk8 Genio Ingreso: octubre-2010 Ubicación: Por ahi y por alla Mensajes: 1.541 Sexo: País: Signo: Agradecido: +1.606	excelente tuto !!!! La inteligencia consiste no sólo en el conocimiento, sino también en la destreza de aplicar los conocimientos en la práctica.

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado

Temas Similares
Tema	Autor	Foro	Respuestas	Último mensaje
Herramientas del FORO - Cómo Funciona el Foro de Ayuda de Intercambios & Chat	logo	Tutoriales sobre Intercambios	53	21-ago-2017 22:00
Como agregar una imagen a tu post, tema en el foro o chat	alejandra771	Tutoriales sobre Intercambios	21	27-mar-2013 03:32
ayuda crear nueva pagina en blogger	alucard1979	Recursos Webmasters & Diseño Web	0	21-mar-2011 14:38
Barra nueva en el foro	HDaniel	Sugerencias y Dudas	5	25-jul-2010 23:10
Url amigables + configuración del sitemap en vBulletin	Nicko360	Recursos Webmasters & Diseño Web	2	24-jun-2010 12:48