Cómo hacer Estilos PhpBB

PhpBB incluye un editor de estilo integrado que facilita la creación de nuevos estilos fácil. 

ESTILOS

El foro phpBB es una solución, pero la construcción de comunidad funcional totalmente gratis. Cada tema utiliza HTML estándar para la estructura y la plantilla phpBB ganchos para incluir cada pieza de funcionalidad foro. El "imageset" y las hojas de estilo CSS se utiliza en el tema determinan la apariencia del foro. El editor de estilo en el panel de administración phpBB permite crear personalizados estilos basados ​​en el valor por defecto "prosilver" o "subSilver" conjuntos de plantillas. Personaliza tu estilo aún más mediante el uso de cualquier software de edición de imágenes para editar el tema "imageset."

Accede a tu panel de administración de phpBB desde el navegador y haga clic en "Estilos". Escriba un nombre para el nuevo estilo en el campo "Crear nuevo estilo", ubicado en la parte inferior derecha. Seleccione un tema para utilizar como marco, 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 ficha "Estilos".

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 a la apariencia de su tema. Cambiar el "Nombre del estilo:" el valor de su nombre del tema que desee, e introduzca su nombre al lado de "Modificado por." Por ejemplo:

Nombre del estilo: MyTheme

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

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

Modificado por: me

Personalizar los estilos cambiando los valores de los parámetros, tales como "font-family," colores "," "background-color" o "frontera" mientras se visualiza el foro en una pestaña del navegador diferente. Por ejemplo, para cambiar el color de los enlaces por defecto del gris al rojo, editar el valor "colores" 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. Cliquee en "Aceptar" para guardar los cambios realizados. Si no está seguro de que los estilos de cambiar, abrir una nueva pestaña del navegador y vaya a su panel de administración.

Haga clic en "Estilos" y "plantillas". Haga clic en "Editar" al lado de su tema elegido y seleccionar un archivo de plantilla como "overall_header.html." Hay más de 100 plantillas, cada una con el código HTML y los ganchos de la plantilla, que controlan partes específicas de su foro. Puede utilizar estos archivos de plantilla para hacer referencia a la estructura y las clases de estilos CSS de su tema, o puede abrir el índice del foro en una nueva pestaña del navegador y haga clic en un área que 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.

Descarga 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 se visualiza el foro en su navegador para hacer referencia a que cada imagen aparece en la plantilla. Guardar cada imagen ha personalizado, usando un nuevo nombre de archivo.

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 el menú desplegable. Haga clic en "Aceptar" para guardar los cambios, a continuación, ver el índice del foro para ver el nuevo estilo en la acción.

Consejos y advertencias

Durante la edición de imágenes, te darás 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 a cuando el ratón sobre ella en el foro. Estas imágenes emparejadas son llamados "sprites". Es importante no cambiar el tamaño o cambiar las dimensiones de cualquier gráfico en imágenes sprites si usted es nuevo en la personalización de temas.

Si decide editar el 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.