Personalização do perfil Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Personalização do perfil

5 participantes

Ir para baixo

Tópico resolvido Personalização do perfil

Mensagem por DropLeet 06.08.12 9:15

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:
Personalização do perfil Semttulo3dkPersonalização do perfil Semttulo4zc
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:
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


Última edição por DropLeet em 07.08.12 9:47, editado 1 vez(es)
DropLeet
DropLeet
***

Membro desde : 24/08/2011
Mensagens : 196
Pontos : 285

http://tutorialdoca.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização do perfil

Mensagem por canoff 06.08.12 10:40

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


Atenciosamente

Henrique Canoff
canoff
canoff
**

Membro desde : 02/03/2010
Mensagens : 75
Pontos : 118

http://pokemonnjunto.forumgratuito.net/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização do perfil

Mensagem por Hyouki 06.08.12 11:33

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éé.
Hyouki
Hyouki
Super Membro

Membro desde : 10/02/2012
Mensagens : 1495
Pontos : 1981

http://www.forum-dix.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização do perfil

Mensagem por DropLeet 06.08.12 13:11

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;
Personalização do perfil Semttulo3dkPersonalização do perfil Semttulo1fpvPersonalização do perfil Semttulo2jg
Como eu quero
Personalização do perfil Semttulo4zc
DropLeet
DropLeet
***

Membro desde : 24/08/2011
Mensagens : 196
Pontos : 285

http://tutorialdoca.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização do perfil

Mensagem por Oto! 06.08.12 15:20

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!
Oto!
Hiper Membro

Membro desde : 07/04/2011
Mensagens : 3363
Pontos : 4818

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização do perfil

Mensagem por DropLeet 06.08.12 15:28

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á.
DropLeet
DropLeet
***

Membro desde : 24/08/2011
Mensagens : 196
Pontos : 285

http://tutorialdoca.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização do perfil

Mensagem por Convidado 06.08.12 16:39

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


Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização do perfil

Mensagem por DropLeet 06.08.12 16:55

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

Membro desde : 24/08/2011
Mensagens : 196
Pontos : 285

http://tutorialdoca.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização do perfil

Mensagem por Convidado 06.08.12 17:00

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


Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização do perfil

Mensagem por DropLeet 06.08.12 18:18

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

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

Membro desde : 24/08/2011
Mensagens : 196
Pontos : 285

http://tutorialdoca.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização do perfil

Mensagem por MateusV. 06.08.12 18:21

Olá!

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

Abraços. Piscada
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização do perfil

Mensagem por DropLeet 06.08.12 18:30

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?
DropLeet
DropLeet
***

Membro desde : 24/08/2011
Mensagens : 196
Pontos : 285

http://tutorialdoca.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização do perfil

Mensagem por MateusV. 06.08.12 18:37

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
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização do perfil

Mensagem por DropLeet 07.08.12 9:46

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
DropLeet
DropLeet
***

Membro desde : 24/08/2011
Mensagens : 196
Pontos : 285

http://tutorialdoca.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos