Imagem dos tópicos por cima do título

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

Resolvido Imagem dos tópicos por cima do título

Mensagem por Gabriel* em 01/11/11, 11:22 pm

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: http://img832.imageshack.us/img832/5710/imagemzij.png
A imagem deveria estar desse jeito: http://img525.imageshack.us/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:
http://img832.imageshack.us/img832/5710/imagemzij.png
http://img525.imageshack.us/img525/4534/semnovas.png

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

Versão do meu fórum:
PHPBB3

Gabriel*
Nível 3

Masculino
Inscrito dia : 13/07/2011
Mensagens : 16
Pontos Ativos : 27

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

Resolvido Re: Imagem dos tópicos por cima do título

Mensagem por Cream em 02/11/11, 12:16 pm

Olá,

Aceda em:
Painel de controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

E insira o seguinte código:
a.topictitle {
margin-left: 25px;
}
Vermelho ->> Modifque para a margem à esquerda.

Resulta?
Até mais! Piscada
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: Imagem dos tópicos por cima do título

Mensagem por Luciano98 em 02/11/11, 12:21 pm

Olá!

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

Código:
a.topictitle{margin-left:32px}ul.topiclist li.row span.span-tab{margin-left:35px}

Salve.

Até mais.
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: Imagem dos tópicos por cima do título

Mensagem por Gabriel* em 02/11/11, 04:26 pm

Infelizmente não funcionou... Testei os dois códigos, tentei modificar os valores, mas ficaram praticamente iguais.

http://img440.imageshack.us/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?

Gabriel*
Nível 3

Masculino
Inscrito dia : 13/07/2011
Mensagens : 16
Pontos Ativos : 27

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

Resolvido Re: Imagem dos tópicos por cima do título

Mensagem por Gabriel* em 03/11/11, 01:45 am

UP?

Gabriel*
Nível 3

Masculino
Inscrito dia : 13/07/2011
Mensagens : 16
Pontos Ativos : 27

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

Resolvido Re: Imagem dos tópicos por cima do título

Mensagem por Firenando em 03/11/11, 01:51 am

Utilize formato diferentes e tamanhos diferentes...
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

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

Resolvido Re: Imagem dos tópicos por cima do título

Mensagem por Gabriel* em 03/11/11, 03:09 am

@Gabriel* escreveu:Infelizmente não funcionou... Testei os dois códigos, tentei modificar os valores, mas ficaram praticamente iguais.

http://img440.imageshack.us/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?
Não ajudou em nada, amigo... Como eu disse eu já fiz isso. Continuo esperando por resposta. Positivo

Gabriel*
Nível 3

Masculino
Inscrito dia : 13/07/2011
Mensagens : 16
Pontos Ativos : 27

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

Resolvido Re: Imagem dos tópicos por cima do título

Mensagem por Cream em 04/11/11, 12:42 pm

Olá,

Para afastar também a 'bolinha', utilize o seguinte código em:
Painel de controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

E insira o seguinte:
.topiclist li.row dl.icon dd.dterm img {
margin-left: 15px;
}
Vermelho ->> Modifque para a margem à esquerda.

Resulta?
Até mais! Piscada
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: Imagem dos tópicos por cima do título

Mensagem por Gabriel* em 04/11/11, 07:21 pm

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

Gabriel*
Nível 3

Masculino
Inscrito dia : 13/07/2011
Mensagens : 16
Pontos Ativos : 27

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

Resolvido Re: Imagem dos tópicos por cima do título

Mensagem por Luciano98 em 07/11/11, 03:06 pm

Olá!

Aceda à "Gestão dos códigos JavaScript":
Painel de Controle Seta Módulos Seta Gestão dos códigos JavaScript

Clique em "Criar um novo JavaScript".

Título Seta Escolha o título que quiser
Investimento Seta Em todas as páginas

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

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