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.

Ir à página : 1, 2  Seguinte

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

Thoth

Thoth
Ajuda-SP

Qui 28 Jun 2012, 11:00 pm

Qual é minha questão:
Olá, senhores.
Hoje estive a visitá-los e notei um efeito muito interessante no perfil dos usuários.
Como indicado na imagem, as informações ficam ocultas aparecendo apenas o ranking e o nick do usuário. Ao passarmos o cursor do mouse por cima do perfil, o restante das informações são exibidas ao lado.
Gostaria de saber como proceder para implementar tal efeito em meu fórum.

Desde já agradeço vossa atenção.

Imagem do meu problema:


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

Versão do meu fórum:
PHPBB3



Última edição por Thoth em Dom 01 Jul 2012, 3:44 pm, editado 1 vez(es)

#Skull

#Skull
sou nível 14

Sex 29 Jun 2012, 6:45 am

Thoth

Thoth
Ajuda-SP

Sex 29 Jun 2012, 1:24 pm

Não é possível obter esse efeito para phpbb3?

Switch

Switch
Usuário de Destaque

Sex 29 Jun 2012, 2:33 pm

Thoth escreveu:Não é possível obter esse efeito para phpbb3?

Para fazer o efeito para PhpBB3 eu só conseguiria usando JQuery, mais ai teria que deixar como VIP já que seria um código mais complexo

Thoth

Thoth
Ajuda-SP

Dom 01 Jul 2012, 9:31 pm

Entendo...

#Skull

#Skull
sou nível 14

Dom 01 Jul 2012, 9:47 pm

Podemos finalizar?

Azure

Azure
sou nível 16

Seg 02 Jul 2012, 1:28 am

pow esse efeito é muito legal!

Admin

Admin
Pro
Admin
Actif

Seg 02 Jul 2012, 7:30 am

Somente com CSS já será o suficiente...
entretanto não sei se será possível em phpbb3...
mas vamos tentar...
em qual direção você quer que abra suas informações ?
como quer que seja as bordas, a cor...
para que não fique exatamente igual ^^
gosto de forçar a criatividade os usuários :-P

Admin

Admin
Pro
Admin
Actif

Seg 02 Jul 2012, 7:36 am

affs, não será possível somente com CSS igual ao SPD...
teremos que usar um script para adicionar uma classe a 3º dd do postprofile...
então peço que aguarde ^^

Switch se puder fazer essa parte eu agradeceria muito, pois estou ocupado neste momento.

Switch

Switch
Usuário de Destaque

Seg 02 Jul 2012, 11:35 am

Eu já sabia que em PhpBB3 não tinha como fazer usando css Trol

Se o membro Thoth autorizar eu usar o fórum dele como base, para isso eu precisaria de acesso ao painel.

Thoth

Thoth
Ajuda-SP

Seg 02 Jul 2012, 3:54 pm

Olá, senhores.
Desculpem a demora em respondê-los.
As cores que gostaria que fossem utilizadas no efeito são as que uso no perfil atualmente.

Informações de perfil do usuário SQxns

Fundo azul: #e5f1f9
E borda branca: #F2F2F2
Com shadow branco: #FAFAFA

Meus perfis estão posicionados do lado esquerdo, assim como os daqui do fórum SP-Design. Então, o efeito seria aberto igual o daqui.
Espero que os senhores possam ajudar-me nesta questão.

Admin

Admin
Pro
Admin
Actif

Ter 03 Jul 2012, 3:47 pm

O CSS ja esta criado, agora só vai faltar o script para adicionar a classe info...
peço que aguarde até que criemos...
Obrigado.

Código:
.post inner{position: relative;}
.postprofile dl dd.info{position: absolute;display: none;margin-bottom: 5px;
margin-left: 160px;padding: 8px 5px 9px;top: 11px;
width: 290px;z-index: 999;background:#e5f1f9;}
.postprofile dl:hover dd.info{display:block !important;}

Admin

Admin
Pro
Admin
Actif

Ter 03 Jul 2012, 3:51 pm

Prontinho...
veja se funciona...
Código:
jQuery(document).ready(function() {
$('.postprofile dl dd:eq(2)').attr('class','info');
});

Thoth

Thoth
Ajuda-SP

Ter 03 Jul 2012, 5:44 pm

Funcionou perfeitamente.
Apenas os campos de contatos como MP, Perfil, etc, que ficaram de fora.

Informações de perfil do usuário 1rbdQ

Se não for possível transferir, não há problema.
Muito obrigado pela tremenda ajuda!

Admin

Admin
Pro
Admin
Actif

Ter 03 Jul 2012, 6:30 pm

hummm complicado...
mas não consigo logar, nem criar conta no seu fórum, para ver esses campo...
talvez não seja possível, mas teria que ve-los antes...

Thoth

Thoth
Ajuda-SP

Ter 03 Jul 2012, 6:50 pm

De fato o fórum está bloqueado.
O que me refiro como campo, são os botões para enviar mensagens privadas, ver o perfil, etc.

Em meu fórum, eles estão abaixo do ranking.

Informações de perfil do usuário CBLHT


Em vosso fórum, eles estão dentro da caixa.

Informações de perfil do usuário QASBH





Uma coisa muito importante é que o efeito só funciona no primeiro posts do tópico, ou seja, apenas no perfil do criador do tópico. Os demais perfis ficam normais.

Thoth

Thoth
Ajuda-SP

Qua 04 Jul 2012, 5:00 pm

Up

Admin

Admin
Pro
Admin
Actif

Qua 04 Jul 2012, 6:07 pm

Eu preciso ver esses botões em seu fórum, para que eu possa edita-los...
poderia verificar se minha conta cyllaz ainda existe lá, pois não consigo logar...

Thoth

Thoth
Ajuda-SP

Qui 05 Jul 2012, 10:27 pm

E enquanto ao problema do efeito estar funcionando apenas no perfil do usuário que cria o tópico?

Thoth

Thoth
Ajuda-SP

Sex 06 Jul 2012, 11:39 pm

Up

Admin

Admin
Pro
Admin
Actif

Sáb 07 Jul 2012, 7:21 am

cyllaz escreveu:Eu preciso ver esses botões em seu fórum, para que eu possa edita-los...
poderia verificar se minha conta cyllaz ainda existe lá, pois não consigo logar...

Thoth

Thoth
Ajuda-SP

Sáb 07 Jul 2012, 3:42 pm

Cyllaz, não há problema. Não estou mais interessado em colocar os botões dentro do efeito.
O que estou perguntando é que o efeito só funciona no primeiro post.
Apenas o perfil de quem cria o tópico fica com o efeito. Os demais posts do tópico ficam normais.

Switch

Switch
Usuário de Destaque

Sáb 07 Jul 2012, 3:47 pm

Troca o código js por esse

Código:

$(document).ready(function() {
$('.postprofile dl dd:eq(2)').each(function(){
$(this).attr('class','info');
});

});

Thoth

Thoth
Ajuda-SP

Sáb 07 Jul 2012, 4:58 pm

O efeito continua apenas no primeiro postador.

Thoth

Thoth
Ajuda-SP

Dom 08 Jul 2012, 8:49 pm

Efetuando um Up


Conteúdo patrocinado

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

Ir à página : 1, 2  Seguinte

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 ®