Cómo hacer Estilos PhpBB

El Foro phpBB es una solución libre, pero completamente funcional construcción de la comunidad. Cada tema utiliza el estándar HTML para la estructura, y los ganchos plantilla phpBB para incluir cada pieza de funcionalidad foro. Las hojas de estilo "imageset" y CSS utilizadas en el tema determinan la apariencia del foro. El editor de estilo en el panel de administración phpBB le permite crear estilos personalizados en base a la "prosilver" por defecto o conjuntos de plantilla "subSilver". Personalizar su estilo aún más mediante el uso de cualquier software de edición de imágenes para editar el tema "imageset."

Instrucciones

1 Acceder a su panel de administración phpBB desde su navegador y haga clic en "Estilos". Introduzca un nombre para el nuevo estilo en el campo "Crear nuevo estilo", situado en la parte inferior derecha. Seleccione un tema de usar como su marco, tales como "prosilver," y haga clic en "Enviar". Seleccione "Sí" para ambas opciones y haga clic en "Enviar". Haga clic en "Volver a la página anterior" para recargar la pestaña "Estilos".

2 Haga clic en "Temas" y haga clic en "Editar" junto al tema que eligió al crear su nuevo estilo. La hoja de estilo tema aparecerá en el panel de edición. Este documento contiene el cuerpo principal de estilos, que afectan al aspecto de su tema. Cambiar el "Nombre del estilo:" valor a su nombre del tema deseado, e introduzca su nombre al lado de "Modificado por". Por ejemplo:

Style name: MyTheme

Basado en el estilo: prosilver (este es el estilo de phpBB 3 por defecto)

Autor original: subBlue (http://www.subBlue.com/)

Modificado por: me

3 Personalizar los estilos cambiando los valores de parámetros tales como "font-family", "color", "background-color" o "frontera" durante la visualización de su foro en una pestaña del navegador diferente. Por ejemplo, para cambiar el color de enlace por defecto del gris al rojo, editar el valor de "color" para el "a: link" selector:

a: link {color: # ff0000; text-decoration: none; }

Si lo desea, edite los parámetros de estilo avanzadas tales como anchos de los elementos y los márgenes para cambiar el diseño. Haga clic en "Enviar" para guardar los cambios que realice. Si no está seguro de qué estilos para cambiar, abrir una nueva pestaña del navegador y vaya a su panel de administración.

4 Haga clic en "estilos" y "plantillas". Haga clic en "Editar" al lado de su tema elegido y seleccione un archivo de plantilla como "overall_header.html." Hay más de 100 plantillas, que contienen cada uno de los ganchos de HTML y de la plantilla, que controlan determinadas partes de su foro. Puede utilizar estos archivos de plantilla para hacer referencia a la estructura y las clases de estilo CSS de su tema, o puede abrir el índice del foro en una nueva pestaña del navegador y haga clic en un área de elegir "Inspeccionar elemento". Esta función está disponible en Chrome, Firefox y Opera y le permite ver los estilos HTML y CSS para la parte de la página web que ha hecho clic. Usar el método que hace que sea más fácil para que usted pueda visualizar cómo las personalizaciones de estilo va a cambiar el aspecto general.

5 Descargar una copia de la carpeta "imagesets" para el tema que está usando, si desea personalizar sus gráficos foro. La carpeta "imagesets" se encuentra en el servidor Web en "estilos", dentro del directorio de su tema elegido. Utilice el software de edición de imágenes favorito para abrir cada imagen que se encuentra en la carpeta "imageset" mientras está viendo el foro en su navegador para hacer referencia donde aparece cada imagen de la plantilla. Guardar cada imagen ha personalizado, utilizando un nuevo nombre de archivo.

6 Volver a tu administración, phpBB, haga clic en "Imagesets" en la pestaña Estilos. Haga clic en "Editar" al lado de su tema elegido y proceder a vincular cada imagen que desea personalizar con su archivo editado usando los menús desplegables. Haga clic en "Enviar" para guardar los cambios, a continuación, ver el índice del foro para ver a su nuevo estilo en la acción.

Consejos y advertencias

• Durante la edición de imágenes, se dará cuenta de que algunos archivos, como "icon_post_delete.gif," contienen tanto la vista normal del icono, y el estado "estacionario". El segundo gráfico en la imagen es lo que el icono se parece al pasar el ratón sobre él-en el foro. Estas imágenes apareados se llaman "sprites". Es importante no cambiar el tamaño o cambiar las dimensiones del gráfico, ya sea en imágenes de sprite si usted es nuevo en la personalización de los temas.
• Si decide editar el código HTML dentro de los archivos de plantilla de su tema elegido, tenga cuidado de no quitar los ganchos plantilla phpBB menos que esté familiarizado con lo que hacen.