Os ícones estão sem espaço

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

Resolvido Os ícones estão sem espaço

Mensagem por Tofu em 16/07/13, 03:10 pm

Qual é minha questão:
Os ícones de categoria do meu fórum são consideravelmente grandes: Os ícones de mensagens medem 50x50, e os de tópico medem 75x50...

Os ícones não estão direitinhos em suas células. Estão com altura cortada e as letras do título do tópico os sobrepõem.

Já ajustei a largura e altura de célula, disponível no Painel > Geral > Configuração... mas não adiantou.

Creio que com CSS se resolva isso.

De  qualquer forma, desde já agradeço.

Endereço do meu fórum:
http://forumcristao.forumbrasil.net

Versão do fórum:
PHPBB3


Última edição por FC Master em 17/07/13, 02:15 pm, editado 1 vez(es)

Tofu
Nível 10

Masculino
Inscrito dia : 15/07/2013
Mensagens : 284
Pontos Ativos : 428

Ver perfil do usuário http://verdadeplena.tk

Resolvido Re: Os ícones estão sem espaço

Mensagem por Sennior em 16/07/13, 03:27 pm

Saudações! Muito feliz

Veja se é isto, pois não compreendi bem.
Aceda à "Folha de estilo CSS":
Painel de Controle  Seta  Visualização  Seta  Imagens e cores  Seta  Cores  Seta  Folha de estilo CSS

Código:
Código:
ul.topics dd.dterm, ul.topics dt {
display: block;
float: left;
padding-left: 62px !important;
}

Seta Coloque no inicio de teu CSS. Piscada

Salve.

Até mais.
Lervisic
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Os ícones estão sem espaço

Mensagem por Tofu em 16/07/13, 04:35 pm

Deu certo com o ícone, mas deu outro bug: O escrito "última mensagem" saiu na linha de baixo, fora da linha dos outros titulos das colunas (respostas e visto). :/

Tofu
Nível 10

Masculino
Inscrito dia : 15/07/2013
Mensagens : 284
Pontos Ativos : 428

Ver perfil do usuário http://verdadeplena.tk

Resolvido Re: Os ícones estão sem espaço

Mensagem por Sennior em 16/07/13, 04:40 pm

Olá amigo,

Retire o código por gentileza.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Os ícones estão sem espaço

Mensagem por Hizu em 16/07/13, 06:35 pm

Saudações!

Aceda à sua "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS


Adicione este código no inicio ou no final da tua CSS:
Código:
div.topic-title-container {
position: relative !important;
display: inline;
}
.hierarchy {
position: relative !important;
display: inline;
}
.topic-title {
position: relative !important;
display: inline;
text-align: left;
}
h2 {
position: relative !important;
color: #000000 !important;
margin: .8em 0 .2em;
}
.span-tab {
position: relative !important;
}

Seta Lembre-se de substituir o código do Mikéé pelo o código que lhe indiquei acima!

Atenciosamente,
Hizu. Piscada

Hizu
Nível 9

Masculino
Inscrito dia : 08/07/2013
Mensagens : 249
Pontos Ativos : 360

Ver perfil do usuário

Resolvido Re: Os ícones estão sem espaço

Mensagem por Tofu em 16/07/13, 08:26 pm

Não alterou nada (perceptivelmente) com o espaço dos ícones.

O código do Mikéé deu certin, mas houve o erro que eu já disse.

Se pudessem me passar um código que corrija apenas o erro gerado pelo do Mikéé, estaria ótimo.

Não tem como?

Esse último não alterou nada no espaço dos ícones...

Tofu
Nível 10

Masculino
Inscrito dia : 15/07/2013
Mensagens : 284
Pontos Ativos : 428

Ver perfil do usuário http://verdadeplena.tk

Resolvido Re: Os ícones estão sem espaço

Mensagem por Hizu em 16/07/13, 08:41 pm

Saudações!

Adicione abaixo do código fornecido pelo Mikéé, este outro código:
Código:
ul.topiclist li.row dl {
padding: 1px 0;
}
.lastpost {
text-align: left !important;
}
dd.lastpost span {
display: block;
padding-left: 8px;
}

Seta Resulta?

Atenciosamente,
Hizu. Piscada

Hizu
Nível 9

Masculino
Inscrito dia : 08/07/2013
Mensagens : 249
Pontos Ativos : 360

Ver perfil do usuário

Resolvido Re: Os ícones estão sem espaço

Mensagem por Tofu em 16/07/13, 09:26 pm

Não resolveu ... Triste 

O texto "Últimas Respostas" continua na linha debaixo...
E o cabeçalho principal ("Tópicos","A Ler", etc) continua afastado da margem "empurrando" todos outros cabeçalhos...

Tofu
Nível 10

Masculino
Inscrito dia : 15/07/2013
Mensagens : 284
Pontos Ativos : 428

Ver perfil do usuário http://verdadeplena.tk

Resolvido Re: Os ícones estão sem espaço

Mensagem por Hizu em 16/07/13, 09:34 pm

Saudações!

Retire todos os códigos fornecidos neste tópico e adicione este no inicio da tua CSS(O código do Mikéé está incluído juntamente com o meu):
ul.topics dd.dterm, ul.topics dt {
display: block;
float: left;
padding-left: 62px !important;
}
li.header dd.lastpost {display: block !important;padding-left: 10px !important;}

Seta Aumente ou diminua o valor "10" destacado em negrito, até ficar ao teu gosto! Por fim basta salvar!

Atenciosamente,
Hizu. Piscada

Hizu
Nível 9

Masculino
Inscrito dia : 08/07/2013
Mensagens : 249
Pontos Ativos : 360

Ver perfil do usuário

Resolvido Re: Os ícones estão sem espaço

Mensagem por Tofu em 17/07/13, 02:14 pm

Não adiantou Triste

Então eu fiz uma bagunça com os códigos e por fim deu certo, com este:

Código:
dl.icon dt {
  width: 385px !important;
  padding-right: 5px !important;
}
ul.topics dd.dterm {
  width: 385px !important;
}
ul.topics dd.posts{
    padding-left: 3px !important;
}
ul.topics dd.lastpost{
    align: left !important;
}
ul.topics dd.dterm, ul.topics dt {
display: block;
float: left;
padding-left: 90px !important;
}

O problema se dava pelo comprimento do cabeçalho principal que não sei o nome.

Obrigado a todos.

Se eu fiz algo de errado que possa prejudicar outros recursos, me avisem. Não entendo de CSS.

Resolvido.

Tofu
Nível 10

Masculino
Inscrito dia : 15/07/2013
Mensagens : 284
Pontos Ativos : 428

Ver perfil do usuário http://verdadeplena.tk

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