Descrição da Categoria

2 participantes

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

Membro Entusiasta

Tópico resolvido Descrição da Categoria

Mensagem por Roevs 31.08.14 19:41

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 02.09.14 1:05, editado 1 vez(es)
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição da Categoria

Mensagem por DeeW. 31.08.14 22:03

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

DeeW.
****

Membro desde : 27/05/2014
Mensagens : 271
Pontos : 389

http://webpixel.forum-pro.net https://www.facebook.com/headbanger.d

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Descrição da Categoria

Mensagem por Roevs 31.08.14 22:22

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é
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Descrição da Categoria

Mensagem por DeeW. 31.08.14 22:33

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>
DeeW.

DeeW.
****

Membro desde : 27/05/2014
Mensagens : 271
Pontos : 389

http://webpixel.forum-pro.net https://www.facebook.com/headbanger.d

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Descrição da Categoria

Mensagem por Roevs 31.08.14 22:37

Olá,

Funcionou como eu desejava podem fechar vlw '-'

Até
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos