• ¡Bienvenido a XenFácil!

    Estás viendo el sitio como Invitado. Para poder participar en este sitio

    y obtendrás privilegios adicionales, acceso a otras áreas y mucho mas.

    ¡Es gratis!


    ¿Ya eres miembro? Inicia sesión

Ayuda Cambio de color

Adepow

XenForoUser
Mensajes
76
Puntuación de reacciones
4
Puntos
8
País
Perú
Versión de XenForo
Página web
Web
Quiero cambiar de color lo que está encerrado en rojo,busque por el foro pero no encuentro una guía espero me puedan ayudar,gracias
30suj2d.jpg
 

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
En la plantilla EXTRA.css añade:
Rich (BB code):
.nodeList .categoryStrip {
  background: url("styles/default/xenforo/gradients/category-23px-light.png") repeat-x scroll center top #f9d9b0 !important;
  border-bottom: 1px solid #f9bc6d !important;
  border-radius: 5px !important;
  border-top: 1px solid #f9d9b0 !important;
  color: #6d3f03 !important;
  font-size: 11px !important;
  margin: 0 !important;
  min-height: 6px !important;
  padding: 5px 10px !important;
}
color: color del fondo y bordes
Color: color del texto
Color: tamaño de la fuente

Salud2
 

Adepow

XenForoUser
Mensajes
76
Puntuación de reacciones
4
Puntos
8
País
Perú
Versión de XenForo
Página web
Web
En la plantilla EXTRA.css añade:
Rich (BB code):
.nodeList .categoryStrip {
  background: url("styles/default/xenforo/gradients/category-23px-light.png") repeat-x scroll center top #f9d9b0 !important;
  border-bottom: 1px solid #f9bc6d !important;
  border-radius: 5px !important;
  border-top: 1px solid #f9d9b0 !important;
  color: #6d3f03 !important;
  font-size: 11px !important;
  margin: 0 !important;
  min-height: 6px !important;
  padding: 5px 10px !important;
}
color: color del fondo y bordes
Color: color del texto
Color: tamaño de la fuente

Salud2

lo hize tal cual me dijiste pero me sigue saliendo del mismo color,me puedes decir que estoy haciendo mal ?
14kzhgj.jpg
 

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
Desmarca el cuadro Prevent template modifications from being automatically applied (EVITAR QUE LAS MODIFICACIONES DE PLANTILLAS SE APLIQUEN INMEDIATAMENTE) y GUARDA los cambios.

Salud2
 

Adepow

XenForoUser
Mensajes
76
Puntuación de reacciones
4
Puntos
8
País
Perú
Versión de XenForo
Página web
Web
Desmarca el cuadro Prevent template modifications from being automatically applied (EVITAR QUE LAS MODIFICACIONES DE PLANTILLAS SE APLIQUEN INMEDIATAMENTE) y GUARDA los cambios.

Salud2
lo acabo de poner tal cual me dijiste,le puse el color red y nada sigue del mismo color..

fa0g7n.jpg
 

luis

Administrador
Mensajes
1.636
Puntuación de reacciones
727
Puntos
613
Sitio web
xenfacil.com
País
España
Versión de XenForo
1.5.12
PayPal
Donar dinero a este usuario
Página web
Web
Es normal y muy normal que no te funcione, el código de color #blue no existe en CSS sin embargo si colocas solo blue segurisimo que funciona ya que es un código de color válido.

La almohadilla (#) sólo se utiliza con los códigos hexadecimales o lo que es lo mismo con códigos numéricos.

Una guía de los colores http://proinf.net/permalink/lista_de_nombres_de_colores
 
  • Me Gusta
Reacciones: lms

Adepow

XenForoUser
Mensajes
76
Puntuación de reacciones
4
Puntos
8
País
Perú
Versión de XenForo
Página web
Web
Es normal y muy normal que no te funcione, el código de color #blue no existe en CSS sin embargo si colocas solo blue segurisimo que funciona ya que es un código de color válido.

La almohadilla (#) sólo se utiliza con los códigos hexadecimales o lo que es lo mismo con códigos numéricos.

Una guía de los colores http://proinf.net/permalink/lista_de_nombres_de_colores

Luis y lms muchas gracias por su ayuda, me ha quedado una duda y espero me puedan ayudar me ha quedado asi como en la foto,existe combinaciones de colores? o que colores acepta xenforo? se puede combinar colores para que ese verde que está ahi salga más claro ? o tal vez un rojo más fuerte?
feou91.jpg
 

Juan Sin Miedo

XenForoUser
Mensajes
225
Puntuación de reacciones
15
Puntos
18
País
Perú
Página web
Web
Yo lo hice en Propiedades de Estilo, me parece mas fácil y completo para personalizar, incluso pude hacerme unos botoncitos con efecto hover para mis mensajes..
 

Adepow

XenForoUser
Mensajes
76
Puntuación de reacciones
4
Puntos
8
País
Perú
Versión de XenForo
Página web
Web
En la plantilla EXTRA.css añade:
Rich (BB code):
.nodeList .categoryStrip {
  background: url("styles/default/xenforo/gradients/category-23px-light.png") repeat-x scroll center top #f9d9b0 !important;
  border-bottom: 1px solid #f9bc6d !important;
  border-radius: 5px !important;
  border-top: 1px solid #f9d9b0 !important;
  color: #6d3f03 !important;
  font-size: 11px !important;
  margin: 0 !important;
  min-height: 6px !important;
  padding: 5px 10px !important;
}
color: color del fondo y bordes
Color: color del texto
Color: tamaño de la fuente

Salud2

hola mi estimado,muchas gracias por toda tu ayuda, tengo un incoveniente y es el siguiente :
me gustaría que me dijeras como le pongo color a eso que está encerrado en rojo
sq1hm1.jpg


Ya le puse color como vez a donde dice comunidad pero cuando entro a la sección foro libre me aparece el color que tiene xenforo por defecto como le cambio?
2dm583k.jpg
 
Última edición:

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
Usa firebug (complemento para el navegador) para conocer el css.

Salud2
 

Adepow

XenForoUser
Mensajes
76
Puntuación de reacciones
4
Puntos
8
País
Perú
Versión de XenForo
Página web
Web
Es normal y muy normal que no te funcione, el código de color #blue no existe en CSS sin embargo si colocas solo blue segurisimo que funciona ya que es un código de color válido.

La almohadilla (#) sólo se utiliza con los códigos hexadecimales o lo que es lo mismo con códigos numéricos.

Una guía de los colores http://proinf.net/permalink/lista_de_nombres_de_colores


gracias por tu ayuda,me podrías ayudar en donde puedo cambiar el color de la siguiente imagen? me refiero al relleno
Sin título.jpg
 

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
Tendría que verlo "in situ" (la web que cuelga de tu perfil no existe). Lo más normal es que sea un widget y que su background esté en ".primaryContent" pero no lo juro.

salud2
 

Adepow

XenForoUser
Mensajes
76
Puntuación de reacciones
4
Puntos
8
País
Perú
Versión de XenForo
Página web
Web
Tendría que verlo "in situ" (la web que cuelga de tu perfil no existe). Lo más normal es que sea un widget y que su background esté en ".primaryContent" pero no lo juro.

salud2

muchas gracias me ha servido de bastante ayuda, he buscado pero no he encontrado la forma de cambiarle de color a lo que está encerrado en color rojo en la imagen me das una mano please?2332.jpg
 

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
Prueba en ".node .nodeText .nodeTitle a {"

salud2
 

Adepow

XenForoUser
Mensajes
76
Puntuación de reacciones
4
Puntos
8
País
Perú
Versión de XenForo
Página web
Web
Prueba en ".node .nodeText .nodeTitle a {"

salud2

Estoy exactamente ahí,pero cuando le quiero cambiar de color sigue saliendo el mismo,pero si marco la " casilla " subrayar o overline, line- through estas opciones si funcionan menos el cambiar de color entonces?
5.jpg

4.jpg
 
Última edición:

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
Realmente el color del texto a ese nivel lo da ".primaryContent a"
Pon en la plantilla EXTRA.css
Insertar CODE, HTML o PHP:
.primaryContent .node .nodeText .nodeTitle a {
color: #000000 !important; /*color de la fuente */
font-size:14px; /* tamaño de la fuente */
font-weight:normal; /* fuente en negrita */
font-family:arial; /* clase de letra */
}
.primaryContent .node .nodeText .nodeTitle a:hover {
color: #00FF00 !important; /*color de la fuente */
font-size:18px; /* tamaño de la fuente */
font-weight:bold; /* fuente en negrita */
font-family:times; /* clase de letra */
}

Salud2
 

Adepow

XenForoUser
Mensajes
76
Puntuación de reacciones
4
Puntos
8
País
Perú
Versión de XenForo
Página web
Web
Realmente el color del texto a ese nivel lo da ".primaryContent a"
Pon en la plantilla EXTRA.css
Insertar CODE, HTML o PHP:
.primaryContent .node .nodeText .nodeTitle a {
color: #000000 !important; /*color de la fuente */
font-size:14px; /* tamaño de la fuente */
font-weight:normal; /* fuente en negrita */
font-family:arial; /* clase de letra */
}
.primaryContent .node .nodeText .nodeTitle a:hover {
color: #00FF00 !important; /*color de la fuente */
font-size:18px; /* tamaño de la fuente */
font-weight:bold; /* fuente en negrita */
font-family:times; /* clase de letra */
}

Salud2


Te dejo la imagen,borre lo que está en español pero aún así no puedo cambiarlo o que estoy haciendo mal ?
Sin título.jpg
 

Adjuntos

  • upload_2015-1-7_14-47-3.png
    upload_2015-1-7_14-47-3.png
    221,9 KB · Visitas: 0

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
Prueba con esto otro:
Insertar CODE, HTML o PHP:
  .nodeList .categoryStrip .nodeTitle,
  .nodeList .categoryStrip .nodeTitle a
  {
  color:@primaryLightish !important;
  text-shadow: 0 0 0 transparent, 1px 1px 1px #000000;
  font-size:16pt !important;
  }

.node .nodeTitle:hover, .node .nodeTitle a:hover,
.node .unread .nodeTitle:hover, .node .unread .nodeTitle a:hover
{
  font-size:18pt !important;
}

Salud2
 

Adepow

XenForoUser
Mensajes
76
Puntuación de reacciones
4
Puntos
8
País
Perú
Versión de XenForo
Página web
Web
Prueba con esto otro:
Insertar CODE, HTML o PHP:
  .nodeList .categoryStrip .nodeTitle,
  .nodeList .categoryStrip .nodeTitle a
  {
  color:@primaryLightish !important;
  text-shadow: 0 0 0 transparent, 1px 1px 1px #000000;
  font-size:16pt !important;
  }

.node .nodeTitle:hover, .node .nodeTitle a:hover,
.node .unread .nodeTitle:hover, .node .unread .nodeTitle a:hover
{
  font-size:18pt !important;
}

Salud2

tampoco me ha funcionado pero he visto en otro foro que si lo hicieron :(
 
Arriba