Como reduzir a largura do perfil nas mensagens

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

Resolvido Como reduzir a largura do perfil nas mensagens

Mensagem por Loki em 08/03/11, 06:30 pm

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

Loki
Nível 10

Masculino
Inscrito dia : 30/12/2009
Mensagens : 291
Pontos Ativos : 388

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

Resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Cream em 08/03/11, 06:40 pm

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.
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: Como reduzir a largura do perfil nas mensagens

Mensagem por Loki em 08/03/11, 06:51 pm

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.


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:



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

Loki
Nível 10

Masculino
Inscrito dia : 30/12/2009
Mensagens : 291
Pontos Ativos : 388

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

Resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Cream em 08/03/11, 07:06 pm

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.
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: Como reduzir a largura do perfil nas mensagens

Mensagem por Loki em 08/03/11, 07:19 pm

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

avatar

Loki
Nível 10

Masculino
Inscrito dia : 30/12/2009
Mensagens : 291
Pontos Ativos : 388

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

Resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Cream em 08/03/11, 07:42 pm

Olá,

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

Abraços.
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: Como reduzir a largura do perfil nas mensagens

Mensagem por Loki em 08/03/11, 07:45 pm

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

Loki
Nível 10

Masculino
Inscrito dia : 30/12/2009
Mensagens : 291
Pontos Ativos : 388

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

Resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Cream em 08/03/11, 07:45 pm

Olá,

Qual a versão do seu fórum?

Abraços.
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: Como reduzir a largura do perfil nas mensagens

Mensagem por Loki em 08/03/11, 07:48 pm

Invision
avatar

Loki
Nível 10

Masculino
Inscrito dia : 30/12/2009
Mensagens : 291
Pontos Ativos : 388

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

Resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Gaaratsu em 08/03/11, 07:51 pm

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.


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5986
Pontos Ativos : 7478

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

Resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Cream em 08/03/11, 07:52 pm

Olá,

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

Abraços.
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: Como reduzir a largura do perfil nas mensagens

Mensagem por Loki em 08/03/11, 07:57 pm

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

Loki
Nível 10

Masculino
Inscrito dia : 30/12/2009
Mensagens : 291
Pontos Ativos : 388

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

Resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Loki em 08/03/11, 11:17 pm

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;
}
avatar

Loki
Nível 10

Masculino
Inscrito dia : 30/12/2009
Mensagens : 291
Pontos Ativos : 388

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

Resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Needke em 09/03/11, 12:03 am

Olá Loki,

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

Att, Needke
avatar

Needke
Usuário experiente

Masculino
Inscrito dia : 19/08/2009
Mensagens : 2761
Pontos Ativos : 4546

Ver perfil do usuário

Resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Loki em 09/03/11, 12:20 am

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

Loki
Nível 10

Masculino
Inscrito dia : 30/12/2009
Mensagens : 291
Pontos Ativos : 388

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

Resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Cream em 09/03/11, 12:24 am

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.
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: Como reduzir a largura do perfil nas mensagens

Mensagem por Needke em 09/03/11, 12:28 am

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
avatar

Needke
Usuário experiente

Masculino
Inscrito dia : 19/08/2009
Mensagens : 2761
Pontos Ativos : 4546

Ver perfil do usuário

Resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Loki em 09/03/11, 12:35 am

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

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

Needke, abaixo posto o resultado:
avatar

Loki
Nível 10

Masculino
Inscrito dia : 30/12/2009
Mensagens : 291
Pontos Ativos : 388

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

Resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Needke em 09/03/11, 12:46 am

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
avatar

Needke
Usuário experiente

Masculino
Inscrito dia : 19/08/2009
Mensagens : 2761
Pontos Ativos : 4546

Ver perfil do usuário

Resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Loki em 09/03/11, 01:08 am

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

Loki
Nível 10

Masculino
Inscrito dia : 30/12/2009
Mensagens : 291
Pontos Ativos : 388

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

Resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Callie em 10/03/11, 06:04 am

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

Callie
Principal contribuidor
Principal contribuidor

Feminino
Inscrito dia : 20/12/2009
Mensagens : 5007
Pontos Ativos : 7285

Ver perfil do usuário

Resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Loki em 11/03/11, 10:53 am

' 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.
avatar

Loki
Nível 10

Masculino
Inscrito dia : 30/12/2009
Mensagens : 291
Pontos Ativos : 388

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

Resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Needke em 11/03/11, 06:09 pm

@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
avatar

Needke
Usuário experiente

Masculino
Inscrito dia : 19/08/2009
Mensagens : 2761
Pontos Ativos : 4546

Ver perfil do usuário

Resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Loki em 11/03/11, 11:42 pm

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

Loki
Nível 10

Masculino
Inscrito dia : 30/12/2009
Mensagens : 291
Pontos Ativos : 388

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

Resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Itachi Uchiha em 12/03/11, 10:03 am

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

Terá que aplicar no CSS!

Cumprimentos
joãovictor
avatar

Itachi Uchiha
Membro do Fórum

Masculino
Inscrito dia : 14/06/2010
Mensagens : 1292
Pontos Ativos : 1860

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

Resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Luciano98 em 12/03/11, 10:36 am

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

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Como reduzir a largura do perfil nas mensagens

Mensagem por Loki em 12/03/11, 03:29 pm

@Luciano98 escreveu:Olá!

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

Espero que fique satisfeito
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.
avatar

Loki
Nível 10

Masculino
Inscrito dia : 30/12/2009
Mensagens : 291
Pontos Ativos : 388

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