Imagem dos tópicos por cima do título
4 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
Imagem dos tópicos por cima do título
Qual é minha questão:
Vou tentar explicar da melhor maneira possível. Eu estava utilizando os ícones comuns que vieram junto com o tema, nos tópicos (novas mensagens, anúncios e tudo mais) e eles estavam normais. Depois, eu criei alguns outros ícones para colocar no lugar, mas quando os pus, eles saíram "defeituosos". Acontece que, a imagem está cortada na parte de cima e de baixo, aparecendo só o meio, e o título do tópico está invadindo a área da imagem, ficando assim: https://2img.net/r/ihimizer/img832/5710/imagemzij.png
A imagem deveria estar desse jeito: https://2img.net/r/ihimizer/img525/4534/semnovas.png
Então, queria que a imagem ficasse inteira e que o título ficasse em seu devido lugar, tem como?
Medidas que eu tomei para corrigir o problema:
Penso já ter resolvido esse problema uma outra vez, mas não consigo me lembrar como de jeito algum.
Imagens do meu problema:
https://2img.net/r/ihimizer/img832/5710/imagemzij.png
https://2img.net/r/ihimizer/img525/4534/semnovas.png
Endereço do meu fórum:
http://pdimension.forumeiros.com/
Versão do meu fórum:
PHPBB3
Vou tentar explicar da melhor maneira possível. Eu estava utilizando os ícones comuns que vieram junto com o tema, nos tópicos (novas mensagens, anúncios e tudo mais) e eles estavam normais. Depois, eu criei alguns outros ícones para colocar no lugar, mas quando os pus, eles saíram "defeituosos". Acontece que, a imagem está cortada na parte de cima e de baixo, aparecendo só o meio, e o título do tópico está invadindo a área da imagem, ficando assim: https://2img.net/r/ihimizer/img832/5710/imagemzij.png
A imagem deveria estar desse jeito: https://2img.net/r/ihimizer/img525/4534/semnovas.png
Então, queria que a imagem ficasse inteira e que o título ficasse em seu devido lugar, tem como?
Medidas que eu tomei para corrigir o problema:
Penso já ter resolvido esse problema uma outra vez, mas não consigo me lembrar como de jeito algum.
Imagens do meu problema:
https://2img.net/r/ihimizer/img832/5710/imagemzij.png
https://2img.net/r/ihimizer/img525/4534/semnovas.png
Endereço do meu fórum:
http://pdimension.forumeiros.com/
Versão do meu fórum:
PHPBB3
Re: Imagem dos tópicos por cima do título
Olá,
Aceda em:
Painel de controle
Visualização
Imagens e cores
Cores
Folha de estilo CSS
E insira o seguinte código:
Resulta?
Até mais!![Piscada](/users/2612/28/77/07/smiles/426228.gif)
Aceda em:
Painel de controle
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
E insira o seguinte código:
Vermelho ->> Modifque para a margem à esquerda.a.topictitle {
margin-left: 25px;
}
Resulta?
Até mais!
![Piscada](/users/2612/28/77/07/smiles/426228.gif)
Re: Imagem dos tópicos por cima do título
Olá!
Aceda à "Folha de estilo CSS":
Painel de Controle
Visualização
Imagens e cores
Cores
Folha de estilo CSS
Código:
Salve.
Até mais.
Aceda à "Folha de estilo CSS":
Painel de Controle
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
Código:
a.topictitle{margin-left:32px}ul.topiclist li.row span.span-tab{margin-left:35px}
Salve.
Até mais.
Re: Imagem dos tópicos por cima do título
Infelizmente não funcionou... Testei os dois códigos, tentei modificar os valores, mas ficaram praticamente iguais.
https://2img.net/r/ihimizer/img440/622/imagemtj.png
Bom, o título mudou um pouquinho, mas a bolinha continua dentro da imagem (que além disso ainda está cortada) e o título acabou ficando muito afastado da imagem. D=
Alguma solução?
https://2img.net/r/ihimizer/img440/622/imagemtj.png
Bom, o título mudou um pouquinho, mas a bolinha continua dentro da imagem (que além disso ainda está cortada) e o título acabou ficando muito afastado da imagem. D=
Alguma solução?
Re: Imagem dos tópicos por cima do título
Não ajudou em nada, amigo... Como eu disse eu já fiz isso. Continuo esperando por resposta.Gabriel* escreveu:Infelizmente não funcionou... Testei os dois códigos, tentei modificar os valores, mas ficaram praticamente iguais.
https://2img.net/r/ihimizer/img440/622/imagemtj.png
Bom, o título mudou um pouquinho, mas a bolinha continua dentro da imagem (que além disso ainda está cortada) e o título acabou ficando muito afastado da imagem. D=
Alguma solução?
![Positivo](/users/2612/28/77/07/smiles/881231.gif)
Re: Imagem dos tópicos por cima do título
Olá,
Para afastar também a 'bolinha', utilize o seguinte código em:
Painel de controle
Visualização
Imagens e cores
Cores
Folha de estilo CSS
E insira o seguinte:
Resulta?
Até mais!![Piscada](/users/2612/28/77/07/smiles/426228.gif)
Para afastar também a 'bolinha', utilize o seguinte código em:
Painel de controle
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
E insira o seguinte:
Vermelho ->> Modifque para a margem à esquerda..topiclist li.row dl.icon dd.dterm img {
margin-left: 15px;
}
Resulta?
Até mais!
![Piscada](/users/2612/28/77/07/smiles/426228.gif)
Re: Imagem dos tópicos por cima do título
O título resolveu, mas ainda tem dois poréns:
a imagem continua cortada ao meio, e é o principal :/
e, em baixo do título, onde fica o autor do tópico, o "Por" ainda está dentro da imagem...
Não sei se isso tem solução, mas... Se alguém tiver alguma outra ideia já ajuda xD
a imagem continua cortada ao meio, e é o principal :/
e, em baixo do título, onde fica o autor do tópico, o "Por" ainda está dentro da imagem...
Não sei se isso tem solução, mas... Se alguém tiver alguma outra ideia já ajuda xD
Re: Imagem dos tópicos por cima do título
Olá!
Aceda à "Gestão dos códigos JavaScript":
Painel de Controle
Módulos
Gestão dos códigos JavaScript
Clique em "Criar um novo JavaScript".
Título
Escolha o título que quiser
Investimento
Em todas as páginas
Codigo JavaScript:
Clique em "Confirmar".
Até mais.
Aceda à "Gestão dos códigos JavaScript":
Painel de Controle
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
Clique em "Criar um novo JavaScript".
Título
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
Investimento
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
Codigo JavaScript:
jQuery(document).ready(function(){jQuery('ul.topiclist li.row span.span-tab').css('margin-left','35px');jQuery('a.topictitle').css('margin-left','32px');jQuery('dd.dterm strong:contains("Anúncio")').css('position','relative').css('left','35px');jQuery('ul.topiclist li.row dl.icon,ul.topiclist li.row').css('height','68px');jQuery('dd.dterm').css('border-left','0px solid #000000')});
Clique em "Confirmar".
Até mais.
![-](https://2img.net/i/fa/fdf3/moins10.png)
» Titulo dos Tópicos por cima da Imagem
» Título de tópicos por cima do ícone
» imagem e titulo , uma em cima da outra!
» Como colocar titulo do forum por cima da imagem da descrição?
» Título sob a imagem dos tópicos
» Título de tópicos por cima do ícone
» imagem e titulo , uma em cima da outra!
» Como colocar titulo do forum por cima da imagem da descrição?
» Título sob a imagem dos tópicos
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