Colocar sombra em determinados lugares do fórum

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

Resolvido Colocar sombra em determinados lugares do fórum

Mensagem por derik em 16/11/10, 11:10 pm

1°.: Queria colocar essa parte mostrada na imagem um pouco mais pra dentro do fórum, no fundo do menu, OLHEM A IMAGEM:




2°.: Queria colocar sombra no quadrado do perfil da pessoa nos tópicos em vez da borda, e nos post do tópico, OLHEM A IMAGEM:




Espero que tenham entendido minha dúvida Muito feliz

derik
Nível 5

Masculino
Inscrito dia : 05/02/2010
Mensagens : 39
Pontos Ativos : 66

Ver perfil do usuário http://strondacheats.forumeiro.net/

Resolvido Re: Colocar sombra em determinados lugares do fórum

Mensagem por Convidad em 17/11/10, 12:15 am


Boa noite,

Fiz alguns códigos usando propriedades CSS3 para sua versão de sistema (phpbb2).

A classe .mainmenu é responsável pela sombra embaixo dos links do menu, a classe .bodyline são as linhas laterais,cabeçalho e rodapé do fórum e .row1 são as linhas laterais do avatar do usuário numa postagem.

Vou lhe passar as classes juntas e as classes separadas, para você personalizar da forma que mais lhe é cabível:

.mainmenu, .bodyline, .row1 {-moz-box-shadow: 0px 20px 20px #CCCCCC;-webkit-box-shadow: 0px 20px 20px #CCCCCC;}

.mainmenu {-moz-box-shadow: 0px 20px 20px #CCCCCC;-webkit-box-shadow: 0px 20px 20px #CCCCCC;}
.bodyline {-moz-box-shadow: 0px 20px 20px #CCCCCC;-webkit-box-shadow: 0px 20px 20px #CCCCCC;}
.row1 {-moz-box-shadow: 0px 20px 20px #CCCCCC;-webkit-box-shadow: 0px 20px 20px #CCCCCC;}


Observe que a classe .row1 interage de certa forma, com a classe .bodyline, então aconsselho usar apenas a classe .bodyline e ir a modificando, até chegar no ponto ideal!

Para alterar as cores destas sombras, troque os "#CCCCCC" por outras decimais (#000000), ou por outra cor em inglês (red,black,white,green,blue) ou cores rgb (250, 250, 250).

Para alterar as medidas, largura das bordas, você deve configurar os campos "0px 20px 20px" até que cheguem ao ponto ideal, podendo aumentar de 20 até quanto quiseres ou diminuir, fica a seu gosto.

Para aplicar os códigos, faça o seguinte:

Painel de controle : Visualização : Cores : Folha de estilos css


Vejo você na Forumeiros Piscada


Convidad
Convidado


Resolvido Re: Colocar sombra em determinados lugares do fórum

Mensagem por derik em 17/11/10, 12:31 am

Na verdade meu fórum é PhPBB3

(No meu perfil tava do forum antigo, agora ja atualizei meu perfil)

Pode editar seu post para o sistema PhPBB3?

Desculpa por nao deixar meu perfil aqui da forumeiros atualizado =X

derik
Nível 5

Masculino
Inscrito dia : 05/02/2010
Mensagens : 39
Pontos Ativos : 66

Ver perfil do usuário http://strondacheats.forumeiro.net/

Resolvido Re: Colocar sombra em determinados lugares do fórum

Mensagem por Convidad em 17/11/10, 01:46 pm

@derik escreveu:Na verdade meu fórum é PhPBB3

(No meu perfil tava do forum antigo, agora ja atualizei meu perfil)

Pode editar seu post para o sistema PhPBB3?

Desculpa por nao deixar meu perfil aqui da forumeiros atualizado =X


Boa tarde,

Tudo bem, só lembre-se de deixar seu perfil atualizado, pois ajuda e muito na eficiência do suporte!

.mainmenu, #wrap, .post-profile {-moz-box-shadow: 0px 20px 20px #CCCCCC;-webkit-box-shadow: 0px 20px 20px #CCCCCC;}

.mainmenu {-moz-box-shadow: 0px 20px 20px #CCCCCC;-webkit-box-shadow: 0px 20px 20px #CCCCCC;}
#wrap {-moz-box-shadow: 0px 20px 20px #CCCCCC;-webkit-box-shadow: 0px 20px 20px #CCCCCC;}
.post-profile {-moz-box-shadow: 0px 20px 20px #CCCCCC;-webkit-box-shadow: 0px 20px 20px #CCCCCC;}


Vejo você na Forumeiros Piscada


Convidad
Convidado


Resolvido Re: Colocar sombra em determinados lugares do fórum

Mensagem por derik em 17/11/10, 04:00 pm

OK, muito obrigado, mas estou com mais uma dúvida.


-- Como colocar umas linhas nas laterais do ChatBox, veja a imagem:




Ali onde está marcado eu quero colocar uma linha pra ficar +/- um efeito de um Chat fechado.

derik
Nível 5

Masculino
Inscrito dia : 05/02/2010
Mensagens : 39
Pontos Ativos : 66

Ver perfil do usuário http://strondacheats.forumeiro.net/

Resolvido Re: Colocar sombra em determinados lugares do fórum

Mensagem por dsc em 17/11/10, 05:18 pm

Código:
#chatbox {
border-right: 2px solid black;
}

#chatbox_members {
border-left: 2px solid black;
}

Não testei, mas veja se funciona.

EDIT: No banner do seu fórum, há um pequeno erro (creio eu). Note que no final do link está escrito "forumeiro", no lugar de "forumeiros".
avatar

dsc
Nível 4

Masculino
Inscrito dia : 14/11/2010
Mensagens : 30
Pontos Ativos : 55

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

Resolvido Re: Colocar sombra em determinados lugares do fórum

Mensagem por derik em 17/11/10, 06:39 pm

Obrigado dsc...

Na verdade é "forumeiro" mesmo sem o "S" no final, existe os 2 subdominio - forumeiros e forumeiro.


~Resolvido.

derik
Nível 5

Masculino
Inscrito dia : 05/02/2010
Mensagens : 39
Pontos Ativos : 66

Ver perfil do usuário http://strondacheats.forumeiro.net/

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