SP-Design

Seja bem-vindo ao SP-Design. Aqui, lhe ajudaremos com o tema de seu Fórum/Blog/site, vocês poderão solicitar e fornecer ajuda a outros usuários sobre o design e estrutura, tanto grafica, tanto em css e templantes.


Regulamento e informações:      
Equipe SP-Design
Regras do fórum
Como entrar na equipe Staff
Seções do fórum:
Pedidos Graficos
Pedidos de Códigos
SP-Design e você
Antes de postar uma dúvida:
Função busca
Perguntas e respostas frequêntes
Tutoriais, dicas e astúcias
Feliz ano novo para você!
Leia a carta de boas festas da equipe SPD.
Área Vip, os códigos mais inovadores
Obtenha os códigos mais inovadores de nosso fórum, atraves de pontos de Cash.
Leia as Regras do SP-Design
Acabou de chegar? Para se "enturmar" rapidamente leia as regras desse fórum.
Tutoriais e Dicas
Veja aqui nossos tutoriais inéditos, e muitos outros tutoriais sobre Design.
Publique no SPublicidade
Publique, peça opinião de pessoas experientes, divulgue o seu trabalho com o SPublicidade
Modifique o visual do seu fórum
Dúvidas sobre códigos HTML, CSS, BBCode e JQuery. Também, poderá tirar dúvidas sobre Templantes.
Faça Pedidos Gráficos para seu fórum
Este é um serviço gratuito para customização e criação de banners, logos, avatares, ícones...
Novo Administrador na comunidade
Pro Administradores adicionam novo administrador na equipe SPD.

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

Bookmarlucas654

Bookmarlucas654
sou nível 14

Sáb 15 Set 2012, 4:57 pm

Qual é minha questão:
Eu queria o seguinte. Quando a pessoa aproxima o mouse das categorias, ele faça um efeito para "parecer" que ele está se elevando.

EXEMPLO: Ao aproximar, a base e o lado direito aparecesse uma linha, e a categoria fosse um pouco mais para cima.

Ou algo assim. É possível para a versão PUNBB?

Imagem do meu problema:


Endereço do meu fórum:
http://habbojoy.forumeiros.com/

Versão do meu fórum:
PUNBB

HenRyqUéè

HenRyqUéè
Administrador
Desenvolvedor Web

Sáb 15 Set 2012, 5:08 pm

poderia postar imgs? nao entendi muinto :S

CloSeR

CloSeR
Usuário experiente

Sáb 15 Set 2012, 5:10 pm

olá tem como ser mais espesifico ? ?

Bookmarlucas654

Bookmarlucas654
sou nível 14

Sáb 15 Set 2012, 5:15 pm

No SP, na página principal, quando aproxima o mouse de cada categoria, ele muda o fundo, certo? Ai, no meu caso, eu queria isto, mas, fazendo efeito de um botão. Só que em vez de dar uma ilusão de estar "precionando" um botão, ele ir para fora. É difícil explicar assim, pois não tenho imagens. Mas, por favor, apenas releiam, sei que vocês vão entender Sad

HenRyqUéè

HenRyqUéè
Administrador
Desenvolvedor Web

Sáb 15 Set 2012, 5:25 pm

ata cara, poderia ser mais específico antes né kkkk
veja se isso resulta, add no css:
SE QUISER AO PASSAR O MOUSE VIR UMA COR:
Código:
.pun, dterm:hover{
background-color: #cor
}
SE QUISER AO PASSAR O MOUSE VIR UMA IMG:
Código:
.pun, dterm:hover{
background-image: url(image)
}
[u]

Bookmarlucas654

Bookmarlucas654
sou nível 14

Sáb 15 Set 2012, 5:32 pm

Isso, é quase isso, mas, eu queria que ao aproximar, apenas as bordas de BAIXO e da DIREITA ficasse preto. Ai, só pra dar um tom realístico, fizesse algum efeito no meio, como colocar a categoria mais pra cima. É quase isso que você mandou, rsrs. Obg por ter me entendido. Mas, tem como fazer esse efeito?

HenRyqUéè

HenRyqUéè
Administrador
Desenvolvedor Web

Sáb 15 Set 2012, 5:40 pm

substitua por este:
Código:
.main-content tbody.statused tr:hover {
background-image: url(image) ou background-color: #color
border-bottom: solid 1px black;
border-right: solid 1px black;
top: 8px !Important;
}

Bookmarlucas654

Bookmarlucas654
sou nível 14

Sáb 15 Set 2012, 5:46 pm

Pronto, esse código ficou melhor. Mas, queria que aparecesse uma linha em baixo também, não só na direita. Está quase lá Smile

HenRyqUéè

HenRyqUéè
Administrador
Desenvolvedor Web

Sáb 15 Set 2012, 5:51 pm

ué, eu ja coloquei a borda em baixo, vc nao pode ve-la pois a img dos titulos da categoria a borda dela e preta tb, modifique a cor e verá q funfo......
Código:
border-bottom: solid 1px cor;

Bookmarlucas654

Bookmarlucas654
sou nível 14

Sáb 15 Set 2012, 5:55 pm

Bom, percebi que você realmente colocou, mas não dá para ver. Pois bem, podem dar bloq, e muito obrigado pela ajuda. Vou tentar resolver isto Smile

HenRyqUéè

HenRyqUéè
Administrador
Desenvolvedor Web

Sáb 15 Set 2012, 5:56 pm

resolvido?
Até + DAD POKER FACE
(só pra deixar claro pros mod)

Bookmarlucas654

Bookmarlucas654
sou nível 14

Sáb 15 Set 2012, 5:59 pm

Há, já resolvi o problema, era só mudar de 1 para 2 pixels, e ficou o efeito que eu queria Very Happy OBRIGADO MESMO!

HenRyqUéè

HenRyqUéè
Administrador
Desenvolvedor Web

Sáb 15 Set 2012, 6:01 pm

na qq coisa tamo ai pra te ajudar! Very Happy

Azure

Azure
sou nível 16

Sáb 15 Set 2012, 6:30 pm



Topic Solved &; Locked


Tópico finalizado e movido para:
Questões resolvidas
Pedidos finalizados

Motivo: Resolvido.


Conteúdo patrocinado

Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

Você não está conectado. Conecte-se ou registre-se



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

TiagoDJ-7.0, Seg 03 Mar 2014, 3:21 pm

Tenma Hiraga, Dom 12 Jan 2014, 2:49 pm

TiagoDJ-7.0, Ter 31 Dez 2013, 5:50 pm

Crowley, Ter 31 Dez 2013, 8:42 am

TiagoDJ-7.0, Sex 27 Dez 2013, 9:33 pm

Ghost, Sex 27 Dez 2013, 6:37 pm

Crowley, Sex 27 Dez 2013, 12:53 pm

Crowley, Sex 27 Dez 2013, 12:46 pm

Destaque do Fórum
Destaque do Fórum

Carregando avatar...
Muito Obrigado
Parabens para o Membro destaque do fórum, pela sua ótima competencia em nosso fórum, um agradecimento dos Usuários e de toda a equipe a você !! Muito Obrigado !!

Quer um Widget igual a este ?
peça o seu aqui >>>

 

Atualizado com e-referrer
Publicidade | SEJA NOSSO PARCEIRO
Naruto Rpg FutureLes power infoMaster ExpShiftactifThe forum of Codes

2012 © SP-Design - Ajuda na criação de códigos e na aparência de seu Fórum™ - Design de Cyllaz - Todos os direitos reservados ®