Personalização do perfil

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

Resolvido Personalização do perfil

Mensagem por DropLeet em 06/08/12, 05:15 am

Qual é minha questão:
Analisando esse tópico, achei interessante o efeito e o implementei em meu fórum. Só que eu gostaria de fazer pequenas modificações.

Atualmente está assim:
Como gostaria que ficasse:
Link: Imagem 01Link: Imagem 02

Atualmente estou usando o código CSS:
Código:
.postprofile {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-color: #FAFAFA;
background-image:url(http://i22.servimg.com/u/f22/15/52/27/82/grey13.png);
background-position: bottom;
background-repeat: repeat-x;
border: 1px solid #CFCFCF;
border-radius: 3px;
padding-bottom: 20px;
padding-right: 10px;
padding-top: 20px;
/*text-align: right;*/
text-weight: bold;
}
.postprofile {
border-color: #CFCFCF;
border-right-style: solid;
border-right-width: 1px;color: black;
display: inline;
float: left;
margin: 5px 0 0;
min-height: 80px;
position: relative;
width: 22%;
}


Links e imagens do meu problema:
Http://img443.imageshack.us/img443/808/semttulo3dk.png
http://img844.imageshack.us/img844/5536/semttulo4zc.png

Endereço do meu fórum:
http://perfectteam.org

Versão do meu fórum:
PHPBB3


Última edição por DropLeet em 07/08/12, 05:47 am, editado 1 vez(es)
avatar

DropLeet
Nível 9

Masculino
Inscrito dia : 24/08/2011
Mensagens : 196
Pontos Ativos : 285

Ver perfil do usuário http://tutorialdoca.com
  • 0

Resolvido Re: Personalização do perfil

Mensagem por canoff em 06/08/12, 06:40 am

Aonde esta escrito right, você tem que colocar left!


Atenciosamente

Henrique Canoff
avatar

canoff
Nível 6

Masculino
Inscrito dia : 01/03/2010
Mensagens : 75
Pontos Ativos : 118

Ver perfil do usuário http://pokemonnjunto.forumgratuito.net/forum.htm
  • 0

Resolvido Re: Personalização do perfil

Mensagem por Hyouki em 06/08/12, 07:33 am

Olá amigo , tente esse código !
Código:
.postprofile {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-color: #FAFAFA;
background-image:url(http://i22.servimg.com/u/f22/15/52/27/82/grey13.png);
background-position: bottom;
background-repeat: repeat-x;
border: 1px solid #CFCFCF;
border-radius: 3px;
padding-bottom: 20px;
padding-left: 10px;
padding-top: 20px;
/*text-align: left;*/
text-weight: bold;
}
.postprofile {
border-color: #CFCFCF;
border-left-style: solid;
border-left-width: 1px;color: black;
display: inline;
float: left;
margin: 5px 0 0;
min-height: 80px;
position: relative;
width: 22%;
}
Atéé.
avatar

Hyouki
Membro do Fórum

Masculino
Inscrito dia : 10/02/2012
Mensagens : 1490
Pontos Ativos : 1972

Ver perfil do usuário http://www.forum-dix.wikiforum.net

Resolvido Re: Personalização do perfil

Mensagem por DropLeet em 06/08/12, 09:11 am

@canoff escreveu:Aonde esta escrito right, você tem que colocar left!


Atenciosamente

Henrique Canoff

Olá canoff!
O problema é que se eu fizer isto ele não só muda a posição do nick da pessoa como muda tudo. Eu gostaria que o Nick ficasse alinhado a direita, as questões do perfil a esquerda e os icones de contato centralizados.

lucasxd111 escreveu:Olá amigo , tente esse código !
Código:
.postprofile {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-color: #FAFAFA;
background-image:url(http://i22.servimg.com/u/f22/15/52/27/82/grey13.png);
background-position: bottom;
background-repeat: repeat-x;
border: 1px solid #CFCFCF;
border-radius: 3px;
padding-bottom: 20px;
padding-left: 10px;
padding-top: 20px;
/*text-align: left;*/
text-weight: bold;
}
.postprofile {
border-color: #CFCFCF;
border-left-style: solid;
border-left-width: 1px;color: black;
display: inline;
float: left;
margin: 5px 0 0;
min-height: 80px;
position: relative;
width: 22%;
}
Atéé.

Olá lucasxd111!
Testei o código e ele não resultou. Quando eu altero a propriedade "text-align" ela muda tudo. Gostaria que fosse mudada da forma que apresentei na imagem. São 3 formas diferentes. Veja:
text-align: left;
text-align: center;
text-align: right;
Como eu quero
avatar

DropLeet
Nível 9

Masculino
Inscrito dia : 24/08/2011
Mensagens : 196
Pontos Ativos : 285

Ver perfil do usuário http://tutorialdoca.com
  • 0

Resolvido Re: Personalização do perfil

Mensagem por Oto! em 06/08/12, 11:20 am

Olá,

Eu creio que não será possível adicionar um código que funcione espaço do nome de usuário e dos ícones do perfil, pois não existe uma classe definida, eu tentei utilizar um código a partir das configurações do HTML porém não consegui êxito. Mais peço que aguarde outro membro do Fórum dos Fóruns caso este consiga ter um código que funcione exatamente nos espaços onde deseja.

Eu tentei de todas as formas lamento.

Até mais.
avatar

Oto!
Hiperativo

Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818

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

Resolvido Re: Personalização do perfil

Mensagem por DropLeet em 06/08/12, 11:28 am

@Oto! escreveu:Olá,

Eu creio que não será possível adicionar um código que funcione espaço do nome de usuário e dos ícones do perfil, pois não existe uma classe definida, eu tentei utilizar um código a partir das configurações do HTML porém não consegui êxito. Mais peço que aguarde outro membro do Fórum dos Fóruns caso este consiga ter um código que funcione exatamente nos espaços onde deseja.

Eu tentei de todas as formas lamento.

Até mais.

Obrigado pela força Oto! Eu temia que isso pudesse ocorrer mesmo Chorando ou muito tr Fico no aguardo então. Obrigado desde já.
avatar

DropLeet
Nível 9

Masculino
Inscrito dia : 24/08/2011
Mensagens : 196
Pontos Ativos : 285

Ver perfil do usuário http://tutorialdoca.com

Resolvido Re: Personalização do perfil

Mensagem por Convidado em 06/08/12, 12:39 pm

Olá amigo,
Poderia apertar o botão de resolvido para que ajuda-se o fórum por favor.Já que o seu problema já foi resolvido faça isto!

Convidado
Convidado


Resolvido Re: Personalização do perfil

Mensagem por DropLeet em 06/08/12, 12:55 pm

blecaude escreveu:Olá amigo,
Poderia apertar o botão de resolvido para que ajuda-se o fórum por favor.Já que o seu problema já foi resolvido faça isto!

Olá blecaude!
Na verdade estou seguindo a orientação do Oto! veja:
Mais peço que aguarde outro membro do Fórum dos Fóruns caso este consiga ter um código que funcione exatamente nos espaços onde deseja.

Vou aguardar um pouco mais. Se for definido por mais um membro que realmente não há como, eu irei deixar o tópico como resolvido. Obrigado pela preocupação =)
avatar

DropLeet
Nível 9

Masculino
Inscrito dia : 24/08/2011
Mensagens : 196
Pontos Ativos : 285

Ver perfil do usuário http://tutorialdoca.com

Resolvido Re: Personalização do perfil

Mensagem por Convidado em 06/08/12, 01:00 pm

Olá,
Ok mas se ver que não tem jeito ponhe como resolvido Piscada

Convidado
Convidado


Resolvido Re: Personalização do perfil

Mensagem por DropLeet em 06/08/12, 02:18 pm

blecaude escreveu:Olá,
Ok mas se ver que não tem jeito ponhe como resolvido Piscada

Pode deixar amigo! Obrigado pela preocupação ^^
avatar

DropLeet
Nível 9

Masculino
Inscrito dia : 24/08/2011
Mensagens : 196
Pontos Ativos : 285

Ver perfil do usuário http://tutorialdoca.com
  • 0

Resolvido Re: Personalização do perfil

Mensagem por MateusV. em 06/08/12, 02:21 pm

Olá!

Adicione este código em seu CSS:
.postprofile dl dt {
text-align: right;
}

Abraços. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Personalização do perfil

Mensagem por DropLeet em 06/08/12, 02:30 pm

Batman escreveu:Olá!

Adicione este código em seu CSS:
.postprofile dl dt {
text-align: right;
}

Abraços. Piscada

Funcionou!!!! O nick dos membros ficou a direita corretamente! Tem como deixar os ícones de contato centralizados ou não será possível tal efeito?
avatar

DropLeet
Nível 9

Masculino
Inscrito dia : 24/08/2011
Mensagens : 196
Pontos Ativos : 285

Ver perfil do usuário http://tutorialdoca.com
  • 0

Resolvido Re: Personalização do perfil

Mensagem por MateusV. em 06/08/12, 02:37 pm

Olá!

Aceda ao seu:
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos Códigos JavaScript Seta Criar um novo código Javascript

Investimento: Nos tópicos
Código:
jQuery(document).ready(function() { jQuery(".postprofile dl dd:last").css('text-align', 'center'); });

Abraços. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Personalização do perfil

Mensagem por DropLeet em 07/08/12, 05:46 am

Olá Batman!

Obrigado pela ajuda! Testei o código e o mesmo funcionou apenas em alguns tópicos. Ex: O perfil da primeira postagem ficava alinhado a esquerda e os demais centralizados. Não queria utilizar a gestão de JavaScript para esse propósito. Acho muito radical. Mas obrigado pela ajuda. Vou encerrar o tópico e dar como resolvido.

Obrigado!! Venerar
avatar

DropLeet
Nível 9

Masculino
Inscrito dia : 24/08/2011
Mensagens : 196
Pontos Ativos : 285

Ver perfil do usuário http://tutorialdoca.com

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