Como reduzir a largura do perfil nas mensagens

+3
Konai
Cream
Loki
7 participantes

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

Tópico resolvido Como reduzir a largura do perfil nas mensagens

Mensagem por Loki 08.03.11 21:30

Qual é sua questão:
Título alto explicativo.

Que medidas você tomou para corrigir o problema:
Nenhuma

Apresente-nos imagens do problema (se necessário):
Nenhuma.
Loki

Loki
****

Membro desde : 30/12/2009
Mensagens : 291
Pontos : 388

http://cshp.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Cream 08.03.11 21:40

Olá,

Como você não explicou sua questão tentarei responder.
Tente este código:
Código:
.postprofile {
   color: #000000;
   margin: 5px 0 0px 0;
   min-height: 80px;
   border-right-style: solid;
   border-right-width: 1px;
   border-color: #000000;
   width: 22%;
   float: left;
   display: inline;
   position: relative;
   }
Em width: coloque a porcentagem do tamanho desejado.

Abraços.
Cream

Cream
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Loki 08.03.11 21:51

O código acima não resultou, e ele bugou o perfil.

Pois bem, o título está alto explicativo, mas eu vou explicar melhor.
Gostaria de afinar o perfil dos usuários nas mensagens, abaixo tem uma imagem.

Como reduzir a largura do perfil nas mensagens 28v3ypl
Gostaria de reduzir a largura, veja que no lado direito ainda a um bom espaço, essa largura está deixando o campo das postagens muito fino.

Como eu gostaria que ficasse:

Como reduzir a largura do perfil nas mensagens 288mav7

Eu gostaria que o perfil ficasse da largura que está as duas barras, com isso o perfil iria reduzir a largura e o campo de postagem iria aumentar.
Loki

Loki
****

Membro desde : 30/12/2009
Mensagens : 291
Pontos : 388

http://cshp.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Cream 08.03.11 22:06

Olá,

Engraçado o código é para fazer isto mesmo.
Não prefere ocutá-la já que o código veio a falhar?
Código:
.postprofile {
border-right: 0px solid #000000;
border-left: 0px solid #000000;
}
.postprofile {
text-align: right;
}

Abraços.
Cream

Cream
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Loki 08.03.11 22:19

Olá, o código acima não funcionou.
-Resultado:

Como reduzir a largura do perfil nas mensagens Zswn7o
Loki

Loki
****

Membro desde : 30/12/2009
Mensagens : 291
Pontos : 388

http://cshp.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Cream 08.03.11 22:42

Olá,

Tente este:
Código:
dl.postprofile {
width: 200px;
}
Modifique os números.

Abraços.
Cream

Cream
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Loki 08.03.11 22:45

Olá, não obtive nenhum resultado com o código citado.
Loki

Loki
****

Membro desde : 30/12/2009
Mensagens : 291
Pontos : 388

http://cshp.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Cream 08.03.11 22:45

Olá,

Qual a versão do seu fórum?

Abraços.
Cream

Cream
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Loki 08.03.11 22:48

Invision
Loki

Loki
****

Membro desde : 30/12/2009
Mensagens : 291
Pontos : 388

http://cshp.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Konai 08.03.11 22:51

Olá,

Você quer reduzir ainda mais? Acho que se reduzir mais, vai cubrir as imagens e algumas coisas. Ainda mesmo quer reduzir ? Como já está, está ótimo.


Type. ao seu dispor.
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Cream 08.03.11 22:52

Olá,

Tente este sempre mudando os px:
Código:
div.popmenubutton#topicmenu-options {
margin-top: 0px;
}

Abraços.
Cream

Cream
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Loki 08.03.11 22:57

Type. escreveu:Olá,

Você quer reduzir ainda mais? Acho que se reduzir mais, vai cubrir as imagens e algumas coisas. Ainda mesmo quer reduzir ? Como já está, está ótimo.


Type. ao seu dispor.

Olá Type, se você ver a imagem você irá perceber que ao lado direito tem um bom espaço em branco, e esse espaço é de muita utilidade, se eu reduzir a largura do perfil, centralizar a imagem do rank junto ao avatar, o perfil iria ficar perfeito e com isso o campo das postagens iria ficar de tamanho maior e de melhor visualização.

-------------------------------------------------------------

Luck, quando ao código, também não obtive nenhum resultado.
Loki

Loki
****

Membro desde : 30/12/2009
Mensagens : 291
Pontos : 388

http://cshp.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Loki 09.03.11 2:17

Meu postprofile atual é:

Código:
.postprofile-details dt {
color: transparent;
font-size: 0px;
margin-top: 0px;
background-color: transparent;
margin-bottom: 0px;
padding-bottom: 0px;
text-align: center;
margin-left: -2px;
}
Loki

Loki
****

Membro desde : 30/12/2009
Mensagens : 291
Pontos : 388

http://cshp.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Needke 09.03.11 3:03

Olá Loki,

Poderá somente enviar uma imagem, por favor? Piscada
Qual é a versão do seu fórum?

Att, Needke
Needke

Needke
Hiper Membro

Membro desde : 19/08/2009
Mensagens : 2761
Pontos : 4546

Ir para o topo Ir para baixo

Tópico resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Loki 09.03.11 3:20

Needke, as imagens estão nos posts anteriores e a versão do meu fórum também já foi citada, invision.
Loki

Loki
****

Membro desde : 30/12/2009
Mensagens : 291
Pontos : 388

http://cshp.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Cream 09.03.11 3:24

Olá,

Tente este:
Código:
.postprofile-details dt {
color: transparent;
font-size: 0px;
margin-top: -2px;
background-color: transparent;
margin-bottom: 0px;
padding-bottom: 0px;
text-align: center;
margin-left: -2px;
}

Abraços.
Cream

Cream
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Needke 09.03.11 3:28

Isso será muito complicado, nessa versão de fórum Piscada
Para isso, vamos trabalhar em passos, experimente esse:

Código:
.postprofile { width: 147px!important; }

Esse código modificou?
Se possível, mostre-nos uma imagem do resultado!

Att, Needke
Needke

Needke
Hiper Membro

Membro desde : 19/08/2009
Mensagens : 2761
Pontos : 4546

Ir para o topo Ir para baixo

Tópico resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Loki 09.03.11 3:35

Lukky, com a sua tentativa não obtive nenhum resultado.

------------------------------------------------------

Needke, abaixo posto o resultado:
Como reduzir a largura do perfil nas mensagens T6duki
Loki

Loki
****

Membro desde : 30/12/2009
Mensagens : 291
Pontos : 388

http://cshp.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Needke 09.03.11 3:46

Já compreendi a sua questão, experimente somente diminuir o valor (em vermelho), até conseguir chegar ao resultado que pretende, entendeu?

.postprofile { width: 147px!important; }

Como observou no resultado, deverá diminuir devagar Piscada
Será que pretende assim? Por favor, informe-nos!

Att, Needke
Needke

Needke
Hiper Membro

Membro desde : 19/08/2009
Mensagens : 2761
Pontos : 4546

Ir para o topo Ir para baixo

Tópico resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Loki 09.03.11 4:08

Ola Needke, é quase isso.
Só que eu gostaria que o campo todo fosse diminuido, pois bem, se você perceber aqui na forumeiros o campo do perfil é fino, eu queria afinar o campo todo, deixar ele mais fino, tentei criar uma imagem, espero que você entenda, pois bem, se eu apenas for colocando a imagem para lá como você mandou, a largura do campo irá ficar do mesmo jeito.

Imagem:

http://imm.io/4dFk

Fiz outra mais organizada

http://imm.io/4dFM

-Pois bem, do traço preto para a esquerda < seria o campo de postagem.
Loki

Loki
****

Membro desde : 30/12/2009
Mensagens : 291
Pontos : 388

http://cshp.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Callie 10.03.11 9:04

Olá Loki,

Experimente o seguinte:

Código:
.postprofile {
margin: 5px 0 0;
min-height: 80px;
position: relative;
width: 15%;
}

Experimente reduzir ou aumentar o valor de "width".

Até mais.
Callie

Callie
Membro Entusiasta
Membro Entusiasta

Membro desde : 20/12/2009
Mensagens : 5007
Pontos : 7285

Ir para o topo Ir para baixo

Tópico resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Loki 11.03.11 13:53

' joãopedro escreveu:Olá Loki,

Experimente o seguinte:

Código:
.postprofile {
margin: 5px 0 0;
min-height: 80px;
position: relative;
width: 15%;
}

Experimente reduzir ou aumentar o valor de "width".

Até mais.

Não obtive o resultado desejado, em breve postarei novas imagens de como eu desejo.
Loki

Loki
****

Membro desde : 30/12/2009
Mensagens : 291
Pontos : 388

http://cshp.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Needke 11.03.11 21:09

Loki escreveu:
Não obtive o resultado desejado, em breve postarei novas imagens de como eu desejo.

Poderá somente mostrar o endereço do tópico em questão, para analisar? Piscada
Se possível, mostre-nos novas imagens daquilo que pretende exactamente, por favor.

Att, Needke
Needke

Needke
Hiper Membro

Membro desde : 19/08/2009
Mensagens : 2761
Pontos : 4546

Ir para o topo Ir para baixo

Tópico resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Loki 12.03.11 2:42

Olá, agora tentarei explicar detalhadamente.

Pois bem, abaixo tem a imagem de como se encontra o fórum agora.

Spoiler:

A linha vermelha marca onde está a divisão do campo de postagem para o campo do perfil.
A linha verde mostra onde eu queria que essa divisão se encontrasse, para assim diminuir a largura do perfil e aumentar as dimensões do campo das mensagens dos usuários.

Ficando algo mais ou menos assim como a imagem abaixo:

Spoiler:

A linha vermelha marca onde está a atual divisão do campo de perfil para o campo das mensagens.
A linha verde mostra onde eu queria que essa divisão se localizasse.


Acho que agora está bem explicado, aguardo novas respostas.
Loki

Loki
****

Membro desde : 30/12/2009
Mensagens : 291
Pontos : 388

http://cshp.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Itachi Uchiha 12.03.11 13:03

Olá,
Tente este código:
Código:
#profile {
margin-left: -50px;
}

Terá que aplicar no CSS!

Cumprimentos
joãovictor
Itachi Uchiha

Itachi Uchiha
Super Membro

Membro desde : 14/06/2010
Mensagens : 1292
Pontos : 1860

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Luciano98 12.03.11 13:36

Olá!

Loki, demorei bastante tempo para encontrar o código certo e mas encontrei.

Espero que fique satisfeito Positivo
Código:
.post-container{margin-right:14em!important}.postprofile-details dt{text-align:left!important;margin-top:0px;margin-bottom:0px;padding-bottom:0px;margin-left:0px}
Até mais.
Luciano98.
Luciano98

Luciano98
Membro Entusiasta
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Loki 12.03.11 18:29

Luciano98 escreveu:Olá!

Loki, demorei bastante tempo para encontrar o código certo e mas encontrei.

Espero que fique satisfeito Como reduzir a largura do perfil nas mensagens 881231
Código:
.post-container{margin-right:14em!important}.postprofile-details dt{text-align:left!important;margin-top:0px;margin-bottom:0px;padding-bottom:0px;margin-left:0px}
Até mais.
Luciano98.


Obrigado à todos vocês e principalmente ao Luciano98, o seu código funcionou perfeitamente do jeito que eu desejava.

Atenciosamente, Loki.
Loki

Loki
****

Membro desde : 30/12/2009
Mensagens : 291
Pontos : 388

http://cshp.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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