Cómo crear IPB Skins

Durante los últimos 10 años, Invision Power Services Inc. ha hecho Invision Power Board, comúnmente conocida como IPB, un PHP y MySQL base software del foro que se ha utilizado en los sitios web de la comunidad de entidades como la NASA, NBC, O'Reilly y Skype.

La creación de su propia piel, o una plantilla de diseño para IPB requiere un poco de HTML y mucho conocimiento de CSS. Sin embargo, mediante la construcción de su propia piel personalizado, puede personalizar completamente el aspecto de tu foro.

Instrucciones

1 Crear una placa de desarrollo. Al hacer una nueva piel a IPB, lo mejor es comenzar con una instalación nueva del foro. Esto asegurará que si se comete algún error, que no afectará a su foro principal. Ponga una instalación nueva de Invision Power Board en su sitio de acogida o en su host local usando una aplicación de servidor como XAMPP.

2 Poblar el foro con algunos mensajes de prueba y los datos. Si desea añadir algún dato a su foro para que pueda ver cómo sus cambios de estilo de la afectarán. Como mínimo, usted quiere tener un marco natural, un foro de redirección, un foro y un foro sub bloqueado. Usted también desea crear algunos puestos en su foro, incluyendo una entrada cerrada, un puesto movido, un puesto no aprobado, una nueva entrada, un puesto de lectura, un poste clavado y un puesto de anuncio.

3 Ingrese a su panel de control de administrador. Haga clic en la pestaña "Parece & Feel". Esto le mostrará una lista de las pieles ya instalado.

4 Haga clic en el botón "Nueva plantilla" en el encabezado de la tabla. En el menú desplegable resultante, dar a su piel un nombre nuevo. Una vez creada la plantilla, haga clic en su nombre para ir a la página de la piel.

5 Haga clic en el botón "Editar configuración" y establecer "Caché CSS en archivos de texto" a "Sí". Esto ayudará a acelerar su desarrollo CSS.

6 Encontrar el número de identificación de su nuevo conjunto de plantillas. Haga clic en el botón "Editar configuración" de nuevo e inspeccionar la URL en su navegador web. Al final de la dirección URL, no debe ser un número. Este es el número de identificación de su piel.

7 Descargar la hoja de estilo. Poner en marcha su programa de FTP y vaya a su instalación foro. Bajo la raíz foro, su hoja de estilo se encuentra en "/style_images/css_ID.css" donde ID es el número de identificación de la hoja de estilo.

8 Editar la hoja de estilo. Mediante el editor de CSS favorito, añadir y modificar sus etiquetas y reglas CSS a su gusto.

9 Cuando haya terminado la edición, volver al menú "Parece & Feel" de su foro. Seleccione su nueva piel, a continuación, seleccione "menú". En virtud de ese menú, seleccione "Editar hoja de estilo Modo avanzado". Copia y pega el CSS a partir de su editor en el cuadro de texto de la página de la hoja de estilo. Guarde los cambios.

10 Crear imágenes para que coincida con la apariencia de su tablero. Comience por la descarga de un conjunto de referencia de las imágenes. Usted puede encontrar estos en virtud de la raíz de su foro en la carpeta "style_images." Descargar esta carpeta en el escritorio y cambiar el nombre de la carpeta para que coincida con el nombre de su piel que se está creando.

11 Trabajar a través de las imágenes mediante la edición en un editor de imágenes o crear el suyo propio. Usted querrá mantener los nombres de las imágenes de la misma para asegurarse de que las cargas de todo correctamente cuando cargue la nueva carpeta de imágenes de nuevo a su foro.

12 Sube tu nuevo conjunto de imágenes de carpetas en la carpeta "style_images" y asignarlos a su conjunto de la piel. Puede asignar las imágenes mediante la navegación a la plantilla en la pestaña "se ve y se siente", a continuación, seleccionar los ajustes de edición. En el marco del "Usar imagen Directorio?" campo, seleccione el nombre de la carpeta que acabas de subir.

13 personalizar aún más el código HTML del foro seleccionando "Editar plantilla HTML" de la "Parece & Feel" del menú. Esto le mostrará una lista de todas las plantillas utilizadas en la creación de la junta. Para editar, sólo hay que consultar la plantilla que desea cambiar y modificar el código HTML. Cuando haya terminado la edición, seleccione el botón "Guardar plantilla de bits".

Consejos y advertencias

• Cuando haya terminado la edición, lo mejor es ver las modificaciones con varios navegadores web más populares para asegurarse de que el foro se ve como desea para todos sus visitantes.
• Siempre hacer una carpeta de copia de seguridad de sus imágenes, hojas de estilo y los bits de HTML antes de comenzar la edición para que pueda volver a ellos si se comete un error.