Os ícones estão sem espaço
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1 • Compartilhe
Os ícones estão sem espaço
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
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 18:15, editado 1 vez(es)
Re: Os ícones estão sem espaço
Saudações!
Veja se é isto, pois não compreendi bem.
Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS
Código:
Coloque no inicio de teu CSS.
Salve.
Até mais.
Lervisic
Veja se é isto, pois não compreendi bem.
Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS
Código:
- Código:
ul.topics dd.dterm, ul.topics dt {
display: block;
float: left;
padding-left: 62px !important;
}
Coloque no inicio de teu CSS.
Salve.
Até mais.
Lervisic
Re: Os ícones estão sem espaço
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). :/
Re: Os ícones estão sem espaço
Olá amigo,
Retire o código por gentileza.
Até mais.
Retire o código por gentileza.
Até mais.
Re: Os ícones estão sem espaço
Saudações!
Aceda à sua "Folha de estilo CSS":
Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS
Adicione este código no inicio ou no final da tua CSS:
Lembre-se de substituir o código do Mikéé pelo o código que lhe indiquei acima!
Atenciosamente,
Hizu.
Aceda à sua "Folha de estilo CSS":
Painel de Controle Visualização Imagens e Cores Cores 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;
}
Lembre-se de substituir o código do Mikéé pelo o código que lhe indiquei acima!
Atenciosamente,
Hizu.
Hizu- ****
- Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360
Re: Os ícones estão sem espaço
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...
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...
Re: Os ícones estão sem espaço
Saudações!
Adicione abaixo do código fornecido pelo Mikéé, este outro código:
Resulta?
Atenciosamente,
Hizu.
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;
}
Resulta?
Atenciosamente,
Hizu.
Hizu- ****
- Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360
Re: Os ícones estão sem espaço
Não resolveu
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...
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...
Re: Os ícones estão sem espaço
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):
Aumente ou diminua o valor "10" destacado em negrito, até ficar ao teu gosto! Por fim basta salvar!
Atenciosamente,
Hizu.
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;}
Aumente ou diminua o valor "10" destacado em negrito, até ficar ao teu gosto! Por fim basta salvar!
Atenciosamente,
Hizu.
Hizu- ****
- Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360
Re: Os ícones estão sem espaço
Não adiantou
Então eu fiz uma bagunça com os códigos e por fim deu certo, com este:
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.
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.
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos