Borda em volta do perfil nas mensagems.

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

Resolvido Borda em volta do perfil nas mensagems.

Mensagem por Askum em 04/07/11, 08:26 pm

Qual é sua questão:
Eu queria colocar uma borda em volta do perfil nas mensagens, como vocês podem ver no seguinte topico: http://playing.forumeiros.com/t10-4-anos-de-forum-dos-forums , as mensagens tem uma borda, e eu queria colocar essa borda no perfil ao lado das mensagens, pode passar o CSS que eu sei editar depois, quero que o fundo tenha a seguinte cor: #d1f8ff.

Que medidas você tomou para corrigir o problema:
Procurei e ainda estou procurando no FDF, e tambem procurei no forumotion e no forumeiros espanhol.

Apresente-nos imagens do problema (se necessário):
http://playing.forumeiros.com/t10-4-anos-de-forum-dos-forums

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

Versão do fórum:
PHPBB2
avatar

Askum
Usuário avançado

Masculino
Inscrito dia : 14/05/2011
Mensagens : 459
Pontos Ativos : 650

Ver perfil do usuário http://extrasenses.net

Resolvido Re: Borda em volta do perfil nas mensagems.

Mensagem por Cream em 04/07/11, 08:28 pm

Olá,

Aceda em:
Painel de controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS Seta Adicione o seguinte código.
.postprofile {
border:3px solid #000000;
}

Vermelho -> Mude para o tamanho que você quer que seja a borda.
Verde -> Mude para a cor hexadecimal que você quer que seja a borda.

Atenciosamente!
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

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

Resolvido Re: Borda em volta do perfil nas mensagems.

Mensagem por Askum em 04/07/11, 08:46 pm

Nao funcionou.
avatar

Askum
Usuário avançado

Masculino
Inscrito dia : 14/05/2011
Mensagens : 459
Pontos Ativos : 650

Ver perfil do usuário http://extrasenses.net

Resolvido Re: Borda em volta do perfil nas mensagems.

Mensagem por Dury em 04/07/11, 08:58 pm

avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Borda em volta do perfil nas mensagems.

Mensagem por Askum em 04/07/11, 09:03 pm

Nao funcionou, e meu forum é phpbb2
avatar

Askum
Usuário avançado

Masculino
Inscrito dia : 14/05/2011
Mensagens : 459
Pontos Ativos : 650

Ver perfil do usuário http://extrasenses.net

Resolvido Re: Borda em volta do perfil nas mensagems.

Mensagem por Dury em 04/07/11, 09:25 pm

Olá,

Teste este código em:
Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Foha de estilo CSS ->>
Código:
  .bulle{
    background-color : #d1f8ff;
    border : 1px solid #000000;
    -moz-border-radius: 20px ;
    -webkit-border-radius:20px;
    -border-radius:20px;
    -khtml-border-radius:20px;
    padding : 5px;
    min-height : 100px;
    }
min-height : 100px;

.bulle{
  background-color : #d1f8ff;
    border : 1px solid #000000;
    -moz-border-radius: 20px ;
    -webkit-border-radius:20px;
    -border-radius:20px;
    -khtml-border-radius:20px;
    padding : 5px;
    }
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Borda em volta do perfil nas mensagems.

Mensagem por Askum em 05/07/11, 05:20 pm

Esse codigo acima eu ja tenho :p, eu quero colocar borda no perfil nas mensagens, não nas mensagens.
avatar

Askum
Usuário avançado

Masculino
Inscrito dia : 14/05/2011
Mensagens : 459
Pontos Ativos : 650

Ver perfil do usuário http://extrasenses.net

Resolvido Re: Borda em volta do perfil nas mensagems.

Mensagem por Solkis em 05/07/11, 06:06 pm

Boa tarde,

Tente este:
Código:
tr.post td.row1 {
border-right: 3px solid #000;
O 3 é a espessura e o #000 é o código hexadecimal da cor!

Até mais.
avatar

Solkis
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/01/2008
Mensagens : 9983
Pontos Ativos : 12074

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

Resolvido Re: Borda em volta do perfil nas mensagems.

Mensagem por Askum em 05/07/11, 06:25 pm

Nao funcionou, e voce tinha eskecido de fechar a balizae.
avatar

Askum
Usuário avançado

Masculino
Inscrito dia : 14/05/2011
Mensagens : 459
Pontos Ativos : 650

Ver perfil do usuário http://extrasenses.net

Resolvido Re: Borda em volta do perfil nas mensagems.

Mensagem por Dury em 05/07/11, 08:31 pm

Código:
tr.post td.row1 {
border-right: 3px solid #000;}
Só coloque uma chave!
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Borda em volta do perfil nas mensagems.

Mensagem por Askum em 05/07/11, 08:41 pm

Eu sei , eu ja tinha fechado baliza.
avatar

Askum
Usuário avançado

Masculino
Inscrito dia : 14/05/2011
Mensagens : 459
Pontos Ativos : 650

Ver perfil do usuário http://extrasenses.net

Resolvido Re: Borda em volta do perfil nas mensagems.

Mensagem por Dury em 05/07/11, 09:14 pm

.post {
background-color: #000000;
}
Mude o vermelho para cor desejada. Veja se funciona Askum Muito feliz
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Borda em volta do perfil nas mensagems.

Mensagem por Askum em 05/07/11, 09:18 pm

Sabe esse code:

.postprofile{
margin-top: 20px;
border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
float: left;
background: #E1EBF2;
border: 2px solid #1675BC;
padding: 10px 0;}

Ele funcionou +/- quando eu fiz isso

.post {
margin-top: 20px;
border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
float: left;
background: #E1EBF2;
border: 2px solid #1675BC;
padding: 10px 0;}

, so que ele pego tudo e englobo dentro de uma caxa, mas passo perto.
avatar

Askum
Usuário avançado

Masculino
Inscrito dia : 14/05/2011
Mensagens : 459
Pontos Ativos : 650

Ver perfil do usuário http://extrasenses.net

Resolvido Re: Borda em volta do perfil nas mensagems.

Mensagem por Cream em 05/07/11, 09:35 pm

Olá,

Tente este:
Código:
.postdetalls {
margin-top: 20px;
border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
float: left;
background: #E1EBF2;
border: 2px solid #1675BC;
padding: 10px 0;}
Caso não dê certo, retire o anterior e tente este:
Código:
.poster-profile {
margin-top: 20px;
border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
float: left;
background: #E1EBF2;
border: 2px solid #1675BC;
padding: 10px 0;}

Atenciosamente!
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

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

Resolvido Re: Borda em volta do perfil nas mensagems.

Mensagem por Askum em 05/07/11, 09:42 pm

Os dois funcionam, a diferença e que no primeiro codigo, voce colocou, antes de abrir a baliza

.postdetalls o certo é
.postdetails voce trocou o i pelo l - ele tambem coloca tudo dentro do cubo, menos o nome do usuario, so que eu do um jeito com os templates.

Muito obrigado a todos que ajuda e tentaram ajudar.

Topico Finalizado.
avatar

Askum
Usuário avançado

Masculino
Inscrito dia : 14/05/2011
Mensagens : 459
Pontos Ativos : 650

Ver perfil do usuário http://extrasenses.net

Resolvido Re: Borda em volta do perfil nas mensagems.

Mensagem por Askum em 05/07/11, 09:49 pm

Pronto ja arrumei com os templates, eu vi que voce viu que essa parte do template: <span class="postdetails poster-profile"> no qual indicaria que o codigo se aplicaria la, e trocou o code antes da baliza.
avatar

Askum
Usuário avançado

Masculino
Inscrito dia : 14/05/2011
Mensagens : 459
Pontos Ativos : 650

Ver perfil do usuário http://extrasenses.net

Resolvido Re: Borda em volta do perfil nas mensagems.

Mensagem por Cream em 05/07/11, 09:52 pm

@Askum escreveu:Os dois funcionam, a diferença e que no primeiro codigo, voce colocou, antes de abrir a baliza

.postdetalls o certo é
.postdetails voce trocou o i pelo l - ele tambem coloca tudo dentro do cubo, menos o nome do usuario, so que eu do um jeito com os templates.

Muito obrigado a todos que ajuda e tentaram ajudar.

Topico Finalizado.
Só para informar, o certo é "postdetalls" de acordo com a lista de códigos para as versões phpbb 3 e phbb 2 da forumactif (fórum frânces de ajuda e suporte aos fóruns forumeiros). E também vem antes da baliza, pois ele vem como um indicador, o que vem dentro da baliza, é value (valor) ou atributo ao elemento do lado de fora! Piscada

Atenciosamente!
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

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

Resolvido Re: Borda em volta do perfil nas mensagems.

Mensagem por Askum em 05/07/11, 09:58 pm

Eu n sei esse nome loco ai não, eu acho que quando coloquei meu perfil em tool tip deve ter alterado.
avatar

Askum
Usuário avançado

Masculino
Inscrito dia : 14/05/2011
Mensagens : 459
Pontos Ativos : 650

Ver perfil do usuário http://extrasenses.net

Resolvido Re: Borda em volta do perfil nas mensagems.

Mensagem por Cream em 05/07/11, 10:00 pm

@Askum escreveu:Eu n sei esse nome loco ai não, eu acho que quando coloquei meu perfil em tool tip deve ter alterado.
São elementos, atributos e etc, partes do CSS Piscada
Mas enfim, conseguiu finalmente o desejado ou necessita de mais alguns códigos?

Ateniosamente!
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

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

Resolvido Re: Borda em volta do perfil nas mensagems.

Mensagem por Askum em 06/07/11, 11:40 am

Não quero exigir demais mas quero um code.

Olha nesse topico, ( Esta assim em todos os topicos ):http://playing.forumeiros.com/t2-regras-gerais-do-forum eu quero pegar o conteudo do perfil+a caixa do perfil e colocar na altura da caixa de mensagens em azul.
avatar

Askum
Usuário avançado

Masculino
Inscrito dia : 14/05/2011
Mensagens : 459
Pontos Ativos : 650

Ver perfil do usuário http://extrasenses.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