Personalização do perfil

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 01	Link: 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:
https://2img.net/r/ihimizer/img443/808/semttulo3dk.png
https://2img.net/r/ihimizer/img844/5536/semttulo4zc.png

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

Versão do meu fórum:
PHPBB3

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éé.

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


Atenciosamente

Henrique Canoff

Olá canoff!

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

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.

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 Fico no aguardo então. Obrigado desde já.

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 =)

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

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

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

Olá!

Adicione este código em seu CSS:

.postprofile dl dt {
text-align: right;
}

Abraços.

Batman escreveu:Olá!

Adicione este código em seu CSS:

.postprofile dl dt {
text-align: right;
}

Abraços.

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?

Olá!

Aceda ao seu:

Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript 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.

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!!