Editar colores en MOBAPP - Ayuda con theme de cabecera y pie

  • Autor Autor Saldotransfer
  • Fecha de inicio Fecha de inicio
S

Saldotransfer

SEO
No recomendado
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Saludos amigos! queria contarles que tengo el siguiente theme https://colorlib.com/etc/MobApp/index.html, el cual me gustaria saber en cual de todos .css que contiene se cuentra la posibilidad de editar los colores de los dos blockes gigantes que tiene en el pie y en la cabecera.

Gracias
 
Bueno, primero antes de nada, subelo a tu hosting, pasanos enlace y te podremos decir cuál es
 
bytake dijo:
Bueno, primero antes de nada, subelo a tu hosting, pasanos enlace y te podremos decir cuál es
Hacer clic para expandir...

Ahi esta el enlace, es el mismo 😛 que tengo descargado jajajajajajajaa
 
Está en style.css, específicamente esta clase: bg-gradient
 
likepop dijo:
Está en style.css, específicamente esta clase: bg-gradient
Hacer clic para expandir...


.bg-gradient {
background-image: -moz-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
background-image: -webkit-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
background-image: -ms-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
background-image: linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
}

y a ello como le cambio los colores?
 
Saldotransfer dijo:
.bg-gradient {
background-image: -moz-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
background-image: -webkit-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
background-image: -ms-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
background-image: linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
}

y a ello como le cambio los colores?
Hacer clic para expandir...

¿Deseas utilizar un color plano o gradiente? Actualmente lo que se está utilizando es un degradado, por eso ves tantas líneas de código.

- Para que tu fondo sea un color plano, tendrías que reemplazar todo eso por: background-color: #4287f5 (siendo este tu color)
- Y para un degradado te recomedaría utilizar https://cssgradient.io/ <- Ahí colocas tus colores y reemplazas el código que tienes por el que te ofrece la página

Cualquier cosa quedo a las órdenes, saludos!
 
likepop dijo:
¿Deseas utilizar un color plano o gradiente? Actualmente lo que se está utilizando es un degradado, por eso ves tantas líneas de código.

- Para que tu fondo sea un color plano, tendrías que reemplazar todo eso por: background-color: #4287f5 (siendo este tu color)
- Y para un degradado te recomedaría utilizar https://cssgradient.io/ <- Ahí colocas tus colores y reemplazas el código que tienes por el que te ofrece la página

Cualquier cosa quedo a las órdenes, saludos!
Hacer clic para expandir...

Si quiero usar el degradado, pero cambiarle los colores.
 
Saldotransfer dijo:
Si quiero usar el degradado, pero cambiarle los colores.
Hacer clic para expandir...

Eso es más fácil. Lo único que deberías de hacer sería reemplazar esto por tu color:

background-image: -moz-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
background-image: -webkit-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
background-image: -ms-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
background-image: linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);

Cómo verás los de la izquierda siempre son los mismos y los de la derecha también. Esto sucede porque cada propiedad es para cada navegador, por lo que siempre serán los mismos.

Este rgba(60, 8, 118, 0.8) es tu color inicial. Los primeros 3 números (separados por coma) son el rgb del color, y 0.8 es la opacidad del mismo.
Y este rgba(250, 0, 118, 0.8) es tu color final. Sólo derebías de reemplazar los 3 primeros números por el rgb que tu desees y el degradado ya quedaría. No se si me explico.

Acá te dejo un ejemplo para que pruebes si gustas:

background-image: -moz-linear-gradient( 135deg, rgba(23,121,9,1) 0%, rgba(0,212,255,1 ) 100%);
background-image: -webkit-linear-gradient( 135deg, rgba(23,121,9,1) 0%, rgba(0,212,255,1 ) 100%);
background-image: -ms-linear-gradient( 135deg, rgba(23,121,9,1) 0%, rgba(0,212,255,1 ) 100%);
background-image: linear-gradient( 135deg, rgba(23,121,9,1) 0%, rgba(0,212,255,1 ) 100%);

Reemplaza tu código por ese, y te debería de quedar un degradado de verde a celeste 🙂
 
likepop dijo:
Eso es más fácil. Lo único que deberías de hacer sería reemplazar esto por tu color:

background-image: -moz-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
background-image: -webkit-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
background-image: -ms-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
background-image: linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);

Cómo verás los de la izquierda siempre son los mismos y los de la derecha también. Esto sucede porque cada propiedad es para cada navegador, por lo que siempre serán los mismos.

Este rgba(60, 8, 118, 0.8) es tu color inicial. Los primeros 3 números (separados por coma) son el rgb del color, y 0.8 es la opacidad del mismo.
Y este rgba(250, 0, 118, 0.8) es tu color final. Sólo derebías de reemplazar los 3 primeros números por el rgb que tu desees y el degradado ya quedaría. No se si me explico.

Acá te dejo un ejemplo para que pruebes si gustas:

background-image: -moz-linear-gradient( 135deg, rgba(23,121,9,1) 0%, rgba(0,212,255,1 ) 100%);
background-image: -webkit-linear-gradient( 135deg, rgba(23,121,9,1) 0%, rgba(0,212,255,1 ) 100%);
background-image: -ms-linear-gradient( 135deg, rgba(23,121,9,1) 0%, rgba(0,212,255,1 ) 100%);
background-image: linear-gradient( 135deg, rgba(23,121,9,1) 0%, rgba(0,212,255,1 ) 100%);

Reemplaza tu código por ese, y te debería de quedar un degradado de verde a celeste 🙂
Hacer clic para expandir...

Lo coloque pero no cambio el color del gradient, cambio el color de otra imagen.
 
Saldotransfer dijo:
Lo coloque pero no cambio el color del gradient, cambio el color de otra imagen.
Hacer clic para expandir...

Para estar seguros de que estamos hablando de lo mismo, esto es lo que buscas como resultado?

1567086583843.webp
 
Saldotransfer dijo:
Exacto es eso, pero en el mio cambio los colores donde se encuentran los 3 globos de interaccion.
Hacer clic para expandir...

¿Te animás a pasarme una foto de la sección exacta que deseas hacer el cambio de colores? Así lo hago sobre eso y te comento bien que es lo que tienes que hacer
 
likepop dijo:
¿Te animás a pasarme una foto de la sección exacta que deseas hacer el cambio de colores? Así lo hago sobre eso y te comento bien que es lo que tienes que hacer
Hacer clic para expandir...

Quiero cambiar el de arriba y el de abajo, pongo solo el de arriba para que sepas mejor.

png.webp
 
¿Qué?
 
Saldotransfer dijo:
Quiero cambiar el de arriba y el de abajo, pongo solo el de arriba para que sepas mejor.

Ver el archivo adjunto 145597
Hacer clic para expandir...
Pero esta fue la imagen que yo te pasé con el color cambiado. Haz lo que te pasé en un comentario anterior. Qué es lo que no te sale?

Si pones esto dentro de .bg-gradient te queda verde como la imagen que te pasé yo en mi comentario anterior

.bg-gradient {
background-image: -moz-linear-gradient( 135deg, rgba(23,121,9,1) 0%, rgba(0,212,255,1 ) 100%);
background-image: -webkit-linear-gradient( 135deg, rgba(23,121,9,1) 0%, rgba(0,212,255,1 ) 100%);
background-image: -ms-linear-gradient( 135deg, rgba(23,121,9,1) 0%, rgba(0,212,255,1 ) 100%);
background-image: linear-gradient( 135deg, rgba(23,121,9,1) 0%, rgba(0,212,255,1 ) 100%);
}

Si lo quieres de otro color solo necesitas cambiar el rgb
 
genial voy a probarlo, aveces los themes piratas o gratis traenn ciertos bugs.
 
Saldotransfer dijo:
genial voy a probarlo, aveces los themes piratas o gratis traenn ciertos bugs.
Hacer clic para expandir...

Cualquier cosa me avisas y lo seguimos viendo hasta que quede! 😎 No nos puede ganar un theme jajaja
 
De que color quieres?
 
La verdad no entiendo que quieres hacer OP.. Ya muchos te dijeron como hacerlo... pero parece que no es lo que buscas.
 
Hay que estar conectado o registrado para responder aquí.
Atrás
Arriba