Personalizar colores de entrada por categoría en plantilla CSS

Hystr · 6 Dic 2014

Hola a todos, llevo unos días trasteando con una plantilla, y la verdad es que no logro que haga lo que deseo.

Mi idea es sencilla, si tiene la etiqueta azul el titulo de la entrada será azul, si tiene la etiqueta rojo será rojo.

He probado con un @if en el css y 'data😛ost.labels', pero no utiliza ninguno, se cumpla o no la condición.

También he probado con <b:if> </b:if> en el cuerpo de la plantilla, pero no he logrado hacerlo.

Si a alguien se le ocurre como hacerlo... por más que he buscado no he logrado hacerlo.

Un saludo:topsy_turvy:

xxSakuraxx · 6 Dic 2014

En la parte donde está el titulo deberás poner el if y dentro el style con el css que deseas

Hystr · 7 Dic 2014

xxSakuraxx dijo:
En la parte donde está el titulo deberás poner el if y dentro el style con el css que deseas

Repito por si no me he explicado con claridad:

He probado haciendo el @if en el CSS, utilizando las etiquetas o el titulo como referencia, no he logrado hacerlo.

También he probado con un <b:if en el cuerpo de la plantilla, sea con las etiquetas o con el titulo de la entrada y tampoco ha funcionado.

Si alguien pudiera echarme una mano, lo agradeceria :topsy_turvy:

RaulOrCase · 7 Dic 2014

Hola [MENTION=81448]Hystr[/MENTION] para esto debes usar condicionales, te dejo un link :encouragement:

Condicionales de Blogger | Ciudad Blogger - Trucos y tutoriales para tu blog

te recomiendo este:

Insertar CODE, HTML o PHP:

<b:if cond='data:blog.url == &quot;URL de la entrada o etiqueta&quot;'>
...Aquí va el código del elemento...
</b:if>

que mostrara el css segun la Etiqueta (usa las etiquetas como Categorias)

xxSakuraxx · 7 Dic 2014

Hystr dijo:
Repito por si no me he explicado con claridad:

He probado haciendo el @if en el CSS, utilizando las etiquetas o el titulo como referencia, no he logrado hacerlo.

También he probado con un <b:if en el cuerpo de la plantilla, sea con las etiquetas o con el titulo de la entrada y tampoco ha funcionado.

Si alguien pudiera echarme una mano, lo agradeceria :topsy_turvy:

Entonces no lo estás haciendo bien porque esa es la forma en la que se puede conseguir lo que buscas, anteriormente he hecho plantillas para clientes que me especificaban lo que buscas.

Hystr · 7 Dic 2014

[MENTION=121546]RaulOrCase[/MENTION] muchas gracias, pero ya había seguido una guia similar, no he logrado hacer que funcione.

xxSakuraxx dijo:
Entonces no lo estás haciendo bien porque esa es la forma en la que se puede conseguir lo que buscas, anteriormente he hecho plantillas para clientes que me especificaban lo que buscas.

¿Podrías pasarme alguna? Borra si quieres el resto del CSS/codigo, me gustaría ver una para guiarme, ya que no se donde está mi fallo.

Un saludo y gracias a los dos por la ayuda.

RaulOrCase · 7 Dic 2014

Hystr dijo:
[MENTION=121546]RaulOrCase[/MENTION] muchas gracias, pero ya había seguido una guia similar, no he logrado hacer que funcione.

¿Podrías pasarme alguna? Borra si quieres el resto del CSS/codigo, me gustaría ver una para guiarme, ya que no se donde está mi fallo.

Un saludo y gracias a los dos por la ayuda.

YA le di la solución hace rato...

SnakeNet · 8 Dic 2014

Recuerda usar important! para predominar el css.

Hystr · 8 Dic 2014

SnakeNet dijo:
Recuerda usar important! para predominar el css.

Pero usando important da igual la categoría, etiqueta o titulo, solo mostrará ese, ¿no?

SnakeNet · 8 Dic 2014

Hystr dijo:
Pero usando important da igual la categoría, etiqueta o titulo, solo mostrará ese, ¿no?

Lo que hace es si existiese otro css usaria el importante antes que el resto.

xxSakuraxx · 9 Dic 2014

Podrías poner tu web para ver que estás haciendo mal

AiShiteru · 9 Dic 2014

El código debe ser así. Si haces como el otro tutorial, no es dinámico y puede fallar si no tienes dominio propio (por las redirecciones regionales que tiene)

Insertar CODE, HTML o PHP:

<b:if cond='data:blog.searchLabel = &quot;TU ETIQUETA ROJA&quot;'>
  <style type='text/css'>
    .clasedeltitulo{color:red}
  </style>
</b:if>

<b:if cond='data:blog.searchLabel = &quot;TU ETIQUETA AZUL&quot;'>
  <style type='text/css'>
    .clasedeltitulo{color:blue}
  </style>
</b:if>

<b:if cond='data:blog.searchLabel = &quot;TU ETIQUETA VERDE&quot;'>
  <style type='text/css'>
    .clasedeltitulo{color:green}
  </style>
</b:if>

Si no lo entiendes, postea tu URL para verlo.

Personalizar colores de entrada por categoría en plantilla CSS

Hystr

xxSakuraxx

Hystr

RaulOrCase

xxSakuraxx

Hystr

RaulOrCase

SnakeNet

Hystr

SnakeNet

xxSakuraxx

AiShiteru