Como deixa exibição desta forma

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

Resolvido Como deixa exibição desta forma

Mensagem por PowerNews em 04/02/14, 12:03 am

Qual é minha questão:
Olá, pessoal, gostaria de mudar o modo de exibição do perfil nos tópicos
antes  da minha atualização do tema, o modo de exibição era totalmente diferente
em baixo vou deixar os modos de como está atualmente, é como quero deixar Feliz

Imagem atual:



Imagem de como Quero deixar


Observer que nas exibições exibir um campo ao redor doque tá escrito quero deixa dessa forma Feliz

Agradeço desde já, Feliz



Endereço do meu fórum:
http://testeng.forumeiros.com

Versão do fórum:
PunBB


Última edição por PowerNews em 04/02/14, 01:16 pm, editado 1 vez(es)
avatar

PowerNews
Nível 6

Masculino
Inscrito dia : 07/04/2013
Mensagens : 76
Pontos Ativos : 130

Ver perfil do usuário http://testeng.forumeiros.com https://www.facebook.com/noblesgames

Resolvido Re: Como deixa exibição desta forma

Mensagem por JScript em 04/02/14, 08:41 am

@PowerNews

Veja se dessa forma lhe agrada:


Se sim, entre no painel de controle de seu fórum e vá em Visualização -> Imagens e cores -> Cores, selecione a aba Folha de estilos CSS e adicione o código abaixo:
Código:

.post_field {
  border: 1px solid;
  margin-bottom: 5px;
  margin-right: 15px;
}
Nota: Se desejar ter as cores e o mesmo formato da imagem que postou, deixe os mesmo campos do perfil que você visualiza liberado para os visitantes também, dessa forma faremos como você pediu!
Por enquanto o código abaixo deixará da seguinte forma para os visitantes:


Spoiler:
Código:
.pun .post .user {
  margin-left: -200px !important;
  margin-top: 0;
  position: relative;
  text-align: center;
}
.post_field {
  border: 1px solid;
  font-size: 11px;
  margin-bottom: 5px;
  padding-left: 8px;
  text-align: left;
}
.post_field span.label {
  color: rgba(0, 0, 0, 0);
  font-weight: bold;
  letter-spacing: -999px;
}
.post_field:nth-of-type(1) span.label:before {
    color: #FF0000;
    content: "Tópicos: ";
    letter-spacing: normal;
}
.post_field:nth-of-type(2) span.label:before {
    color: #FF0000;
    content: "Registrado: ";
    letter-spacing: normal;
}
Para que todos os outros campos fiquem iguais, terá que liberar a visualização para visitantes!

Podemos modificar de acordo com o seu gosto ok!

Abraços,

JS
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

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

Resolvido Re: Como deixa exibição desta forma

Mensagem por PowerNews em 04/02/14, 01:14 pm

Execelente, Muito Obrigado!
avatar

PowerNews
Nível 6

Masculino
Inscrito dia : 07/04/2013
Mensagens : 76
Pontos Ativos : 130

Ver perfil do usuário http://testeng.forumeiros.com https://www.facebook.com/noblesgames

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