Descrição da Categoria

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Descrição da Categoria

Mensagem por iPrompt em 31/08/14, 03:41 pm

Olá,

Estava criando um sistema até básico para a categoria mais não sei o motivo de não estar funcionando o código pois estava a funcionar mais ai depois não quis mais funcionar

Aqui esta o código que utilizo

Código:
<span class="descat">   <span style="margin-top: -480px; margin-left: -880px; display: block; width: 1600px; height: 917px; background: url(http://fc09.deviantart.net/fs71/i/2013/259/d/a/naruto_645_646_by_kazuyag12-d6m2mwx.png) center center no-repeat;">

<span class="descat_conteudo "> Acabou de se registrar ? Está deverá ser a primeira área que você deve olhar, esta área encontrará todos os regulamentos e tutoriais para conhecer melhor a jogabilidade do fórum, e terá outras regras em geral. </span> </span>


<style>
.descat{
border:2px solid #E3D9C7;
box-shadow:1px 1px 1px #191817;
display:block;
height:117px;
margin:auto;
overflow:hidden;
width:417px;
}
.descat_conteudo {
    background-color: #FFF;
    color: #636363;
    display: block;
    font-size: 13px;
    height: 108px !important;
    opacity: 0;
    overflow: auto;
    padding: 5px;
    position: absolute;
    width: 407px;
    text-align: center;
}
.descat_conteudo:hover{
-webkit-transition:all 2s ease .1s;
opacity:.75;
transition:all 2s ease .1s
}
/***************** CRÉDITOS QUAKELINE ************/
</style></span>

Ele e adicionado na descrição da categoria, o efeito e adicionar uma imagem na descrição e ao passar o mouse sobre ela aparece a descrição da categoria que foi adicionado no código

http://prntscr.com/4idmi0

E este modelo que o código fica mais ao passar o mouse a descrição não esta aparecendo como devia, antes estava mais agora não só quero que arrume este erro

Até


Última edição por Quakeline em 01/09/14, 09:05 pm, editado 1 vez(es)
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Descrição da Categoria

Mensagem por DeeW. em 31/08/14, 06:03 pm

A Única coisa que está "bugando" é o margin-top e margin-left,
Mas se tirar os margin's ele buga a imagem...
avatar

DeeW.
Nível 10

Masculino
Inscrito dia : 27/05/2014
Mensagens : 271
Pontos Ativos : 389

Ver perfil do usuário http://webpixel.forum-pro.net https://www.facebook.com/headbanger.d

Resolvido Re: Descrição da Categoria

Mensagem por iPrompt em 31/08/14, 06:22 pm

Olá,

O que eu estou falando que esta bugado e que quando passa o mouse sobre a imagem a descrição não aparece como deveria

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/
  • 0

Resolvido Re: Descrição da Categoria

Mensagem por DeeW. em 31/08/14, 06:33 pm

Tente isto:
Código:

<span class="descat">   <span style="display: block; width: 1600px; height: 917px; background: url(http://fc09.deviantart.net/fs71/i/2013/259/d/a/naruto_645_646_by_kazuyag12-d6m2mwx.png) -838px -480px">

<span class="descat_conteudo "> Acabou de se registrar ? Está deverá ser a primeira área que você deve olhar, esta área encontrará todos os regulamentos e tutoriais para conhecer melhor a jogabilidade do fórum, e terá outras regras em geral. </span> </span>


<style>
.descat{
border:2px solid #E3D9C7;
box-shadow:1px 1px 1px #191817;
display:block;
height:117px;
margin:auto;
overflow:hidden;
width:417px;
}
.descat_conteudo {
    background-color: #FFF;
    color: #636363;
    display: block;
    font-size: 13px;
    height: 108px !important;
    opacity: 0;
    overflow: auto;
    padding: 5px;
    position: absolute;
    width: 407px;
    text-align: center;
}
.descat_conteudo:hover{
-webkit-transition:all 2s ease .1s;
opacity:.75;
transition:all 2s ease .1s
}
/***************** CRÉDITOS QUAKELINE ************/
</style></span>
avatar

DeeW.
Nível 10

Masculino
Inscrito dia : 27/05/2014
Mensagens : 271
Pontos Ativos : 389

Ver perfil do usuário http://webpixel.forum-pro.net https://www.facebook.com/headbanger.d

Resolvido Re: Descrição da Categoria

Mensagem por iPrompt em 31/08/14, 06:37 pm

Olá,

Funcionou como eu desejava podem fechar vlw '-'

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum