Jump to content

z-index definido por uma categoria?


Recommended Posts

Eu observei que em alguns sites de filmes online eles colocam uma informação em cima da imagem do post por exemplo a qualidade do filme (conforme na imagem de exemplo) que é definida por uma categoria (Por exemplo: HDrip, DVDrip e outras conforme a imagem exemplo), eu quis aproveitar isso no meu blog Wordpress, porém pesquisei e não encontrei nada que me ajuda-se a fazer isso funcionar no meu blog também. Queria saber como é feito, há um plugin para isso?

Exemplo: http://i.imgur.com/ciwUZ63.png

Agradeço a ajuda desde já!

Edited by Giovanne Batista
Link to comment
Share on other sites

@Giovanne Batista

Dentro do seu loop de listar os posts, é só utilizar a função "get_the_category()" e depois estilizar conforme achar necessário, creio que nem será preciso alterar o z-index, apenas editar com o "position: relative;" e a posições via "top, right, left, bottom".

 

Exemplo PHP (Wordpress):

// Início do Loop
    <div> Imagem </div>
    <div class="categoria">
        <?php 
            $categoria = get_the_category(); 
            echo $categoria[0]->name; 
            // Exibe o nome da primeira categoria relacionada ao post encontrada.
        ?>
    </div>
// Fim do Loop

 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...