Personalizar cores de entrada por categoria em template CSS

Hystr · 06/12/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 · 06/12/2014

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

Hystr · 07/12/2014

xxSakuraxx disse:
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 · 07/12/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:

Inserir CODE, HTML ou 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 · 07/12/2014

Hystr disse:
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 · 07/12/2014

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

xxSakuraxx disse:
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 · 07/12/2014

Hystr disse:
[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 · 08/12/2014

Recuerda usar important! para predominar el css.

Hystr · 08/12/2014

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

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

SnakeNet · 08/12/2014

Hystr disse:
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 · 09/12/2014

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

AiShiteru · 09/12/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)

Inserir CODE, HTML ou 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 cores de entrada por categoria em template CSS

Hystr

xxSakuraxx

Hystr

RaulOrCase

xxSakuraxx

Hystr

RaulOrCase

SnakeNet

Hystr

SnakeNet

xxSakuraxx

AiShiteru