Recordad que para pedir soporte alguno, debéis facilitar los datos de soporte oportunos por favor, mirad aquí y leer las Normas generales del foro, esto nos servirá de ayuda para dar el mejor soporte..

Gracias.

La Administración de phpBB España.

Cambiar color de fondo a las categorias - Prosilver new editionTema Solucionado

Dudas sobre estilos phpBB 3.3
💡 Como instalar un estilo
Cerrado
Avatar de Usuario
Kuko
Ex Staff
Mensajes: 151
Registrado: 29 Jun 2010, 14:00
Género:
Edad: 41

Cambiar color de fondo a las categorias - Prosilver new edition

#1

Mensaje por Kuko »

Hola, queria cambiar el color del fondo de las categorias de los foro y tambien el color cuando pasas el cursos por encima de ella.
No doy con que id del css es.

Categoria.jpg

Por cierto, ¿Existe algun tutorial que explique cada ID del css a que parte corresponde del foro?
Imagino que no, pero lo pregunto por si acaso y asi marearia menos.

Gracias. :P

URL: www.moterosvalencia.com
Estilo usuado: Renegade (Premiun)
Extensiones instaladas: Si
Advanced BBCode Box 3.3.4
Board Rules 2.1.3
cBB Blockgets 2.0.4
cBB Chat 1.2.4
cBB Reactions 1.0.0
External Link In New Window 1.2.0
H2O Theme: Control Panel 1.0.1
PayPal Donation Extension 3.0.4
phpBB Display Age Users 1.0.4
Share On 2.0.1

Versión de phpBB: 3.3.8
Versión de PHP: 8.0.15
Versión de MySQL: MySQL 5.7
Servidor: De pago
Si es una actualización desde otra versión: No
Si es una conversión desde otro tipo de Foro: No


Avatar de Usuario
AlfredoRamos
Ex Staff
Mensajes: 1235
Registrado: 14 Ene 2017, 22:18
Género:

Re: Cambiar color de fondo a las categorias - Prosilver new edition

#2

Mensaje por AlfredoRamos »

En el caso de tu estilo, puedes hacerlo cambiando el color de fondo (background-color) de lo siguiente:

Archivo: styles/prosilver_ne/theme/prosilver_ne.css

Código: Seleccionar todo

ul.forums {
	background-color: #EEF5F9; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #D2E0EB 0%, #EEF5F9 100%);
	background-image: linear-gradient(to bottom, #D2E0EB 0%,#EEF5F9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D2E0EB', endColorstr='#EEF5F9',GradientType=0 ); /* IE6-9 */
}

li.row:hover {
	background-color: #F5F5F5;
}

li.row.bg3 {
	background-color: #F0F4F6;
}

li.row.bg3:hover {
	background-color: #F4F8FA;
}

En el caso de ul.forums, necesitarías cambiar también el fondo degradado con backgroumd-image y filter, o si quieres un color sólido borra todo excepto background-color.

Las secciones que tienen :hover aplican para cuando pasas el mouse sobre el elemento.

Kuko escribió: 06 Abr 2022, 10:53

Por cierto, ¿Existe algun tutorial que explique cada ID del css a que parte corresponde del foro?

No, y sería muy complicado que lo hubiese ya que cada autor de estilos puede cambiar el etiquetado y las hojas de estilo, y las instrucciones no aplicarían para todos.

Lo mejor sería familiarizarse con el inspector de elementos del navegador (Ctr + Shift + C en Firefox), donde inclusive puedes modificar los valores para una vista previa antes de guardar los cambios en los archivos.

Algunas de mis extensiones:
Imagen Imgur | :chart_with_upwards_trend: SEO Metadata | Imagen Markdown | :see_no_evil: Simple Spoiler BBCode | :shield: hCaptcha
:trophy: Checa todas mi extensiones aprobadas :trophy:

:penguin: Usuario de Arch Linux :penguin:


Avatar de Usuario
Kuko
Ex Staff
Mensajes: 151
Registrado: 29 Jun 2010, 14:00
Género:
Edad: 41

Re: Cambiar color de fondo a las categorias - Prosilver new edition

#3

Mensaje por Kuko »

Alfredo en el styles/prosilver_ne/theme/prosilver_ne.css no encuento esas lineas que me indicas. :sweat:

URL: www.moterosvalencia.com
Estilo usuado: Renegade (Premiun)
Extensiones instaladas: Si
Advanced BBCode Box 3.3.4
Board Rules 2.1.3
cBB Blockgets 2.0.4
cBB Chat 1.2.4
cBB Reactions 1.0.0
External Link In New Window 1.2.0
H2O Theme: Control Panel 1.0.1
PayPal Donation Extension 3.0.4
phpBB Display Age Users 1.0.4
Share On 2.0.1

Versión de phpBB: 3.3.8
Versión de PHP: 8.0.15
Versión de MySQL: MySQL 5.7
Servidor: De pago
Si es una actualización desde otra versión: No
Si es una conversión desde otro tipo de Foro: No


Avatar de Usuario
AlfredoRamos
Ex Staff
Mensajes: 1235
Registrado: 14 Ene 2017, 22:18
Género:

Re: Cambiar color de fondo a las categorias - Prosilver new edition  Tema Solucionado

#4

Mensaje por AlfredoRamos »

Cierto, la primera sección esta en el archivo colours.css

Sin embargo, puedes realizar búsquedas parciales, por ejemplo si quieres encontrar:

Código: Seleccionar todo

ul.forums {
	background-color: #EEF5F9; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #D2E0EB 0%, #EEF5F9 100%);
	background-image: linear-gradient(to bottom, #D2E0EB 0%,#EEF5F9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D2E0EB', endColorstr='#EEF5F9',GradientType=0 ); /* IE6-9 */
}

Busca simplemente ul.forums.

Si usas algún editor como Atom, Notepad++ o VS Code, puedes hacer búsquedas recursivas o en todo el proyecto en una ruta que especifiques.

Inclusive puedes filtrar la búsqueda por extensión de archivos.


Un tip para el uso del inspector de elementos:

En la barra de búsqueda puedes encontrar elementos por selectores CSS

El inspector te muestra el elemento, su hoja de estilos, nombre del archivo y línea donde esta ese valor.

Imagen

Algunas de mis extensiones:
Imagen Imgur | :chart_with_upwards_trend: SEO Metadata | Imagen Markdown | :see_no_evil: Simple Spoiler BBCode | :shield: hCaptcha
:trophy: Checa todas mi extensiones aprobadas :trophy:

:penguin: Usuario de Arch Linux :penguin:


Avatar de Usuario
Kuko
Ex Staff
Mensajes: 151
Registrado: 29 Jun 2010, 14:00
Género:
Edad: 41

Re: Cambiar color de fondo a las categorias - Prosilver new edition

#5

Mensaje por Kuko »

Gracias Alfredo, ayer noche indagando si que vi que parte habia que modificarlo en el colours.css y otra parte en el prosilver_ne.css

El tip del inspector no lo conocia, me a venido de perlas. Gracias

URL: www.moterosvalencia.com
Estilo usuado: Renegade (Premiun)
Extensiones instaladas: Si
Advanced BBCode Box 3.3.4
Board Rules 2.1.3
cBB Blockgets 2.0.4
cBB Chat 1.2.4
cBB Reactions 1.0.0
External Link In New Window 1.2.0
H2O Theme: Control Panel 1.0.1
PayPal Donation Extension 3.0.4
phpBB Display Age Users 1.0.4
Share On 2.0.1

Versión de phpBB: 3.3.8
Versión de PHP: 8.0.15
Versión de MySQL: MySQL 5.7
Servidor: De pago
Si es una actualización desde otra versión: No
Si es una conversión desde otro tipo de Foro: No


Cerrado
  • Temas similares
    Respuestas
    Vistas
    Último mensaje

Volver a “Soporte Estilos phpBB 3.3”