Título sob a imagem dos tópicos

Qual é sua questão:
Quando cria-se um tópico no forum, o título fica sob a imagem do tópico como na imagem:

https://2img.net/r/ihimizer/img707/4167/esteb.png

Gostaria de saber como fazer para esses títulos não ficarem em cima da imagem e sim na frente, tentei, tentei, tentei de novo mas não consegui.

Obrigado....

Que medidas você tomou para corrigir o problema:
Não consegui arrumar esse problema utilizando o painel de controle do forum, talvez tenha como mas eu não consegui.

Apresente-nos imagens do problema (se necessário):
https://2img.net/r/ihimizer/img707/4167/esteb.png

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

Versão do fórum:
PHPBB3

Olá!

Utilize este código:

Código:

ul.topics dt, ul.topics dd.dterm {
padding-left:60px;
}

Adicione o código em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS

Resolve?

Melhores cumprimentos,
seender

Valew ajudou muito.

Só que ainda tem um probleminha, no mesmo link, a imagem só aparece uma parte, não aparece ela completa. Acho que teria que aumentar a distancia entre um topico e outro, mas não tenho certeza. Como fazer isso?

novamente o link: https://2img.net/r/ihimizer/img707/4167/esteb.png

OBRIGADO....

Olá,

Tente aumentar a distância como você mesmo disse:

ul.topics dt, ul.topics dd.dterm {
padding-left:60px;
}

Vermelho -> Aumente o valor para ficar mais longe.
Atenciosamente!

Este codigo que voce passou é como o de cima, ele altera a distancia entre a imagem e o titulo do tópico, mas não aumentou a distancia entre um topico e outro, ou seja, continuo com o mesmo problema. xD

Outra dúvida que também quero tirar. Quando cria-se um tópico, mostra o nome do autor em baixo do título, como na imagem postada anteriormente.

Exemplo: Criei um topico com o nome Bla. Mostra assim:
BLa
por: Meu nick.

Eu queria tirar esse "Por" dos tópicos deixando apenas o nome do título.

Obrigado e espero por essas duas respostas xD.

Olá!

Antes de fazer isso retire os códigos anteriormente postados no tópico da sua Folha de Estilo CSS do seu fórum.

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

Código:

ul.topics dd.dterm,ul.topics .lastpost{padding-left:125px}ul.topiclist dl dd.dterm span.span-tab{display:none}

Salve.

Até mais.
Luciano98

Desculpe, mas este codigo fez apenas o que o anterior fazia, aumenta a distancia entre o titulo e a imagem.

Oi Hikasuno,

Poderia nos mostrar uma imagem de seu problema e como deseja configurar? Eu observei as suas palavras mais infelizmente não pude compreende-lo.

Aguardo sua resposta, obrigado.

Muito bem, vou tentar explicar detalhadamente xD
Essa é a imagem do forum: https://2img.net/r/ihimizer/img707/4167/esteb.png

Da pra perceber que os titulos estão em cima da imagem do lado esquerdo no topico. Com o codigo passado anteriormente:

ul.topics dt, ul.topics dd.dterm {
padding-left:60px;
}

Consegui distanciar os titulos da imagem, ficando deste jeito:
https://2img.net/r/ihimizer/img59/2107/oooooooooooooooo.png

Nas duas imagens, da pra perceber que a imagem está cordata, acho que seria pelo motivo de os tópicos estarem muito próximos um do outro, mas não sei exatamente se é isso. Eu queria distancia-los, para mostrar a imagem completa.

Outra coisa também, tem o título do tópico e logo abaixo tem o nome do criador do post. Ex.: Primeiro post: Absorption Divine e na linha de baixo: Por Hikasuno dentro de Jutsus.

Eu queria tirar esse "Por Hikasuno dentro de Jutsus" e deixar em todos os topicos somente o titulo.

Me ajude porfavor!!!

Olá,

Então quer dizer que sua primeira dúvida referente a distância entre as imagens e os títulos está resolvida? Se não, esse código apresentado em uma mensagem pode resolver:

Código:

ul.topics dd.dterm, ul.topics dt {
margin-left: 150px !important;
}

Sobre a segunda dúvida, não é possível.

Mais uma vez obrigado...

Mas o codigo passado acima não funcionou, serviu apenas para novamente distanciar o titulo da imagem, afastando-o para a direita. Ainda não resolveu meu problema, que é fazer com que a imagem postada mostre completamente como neste link: https://2img.net/r/ihimizer/img543/9206/imagem2lh.png

No meu forum está assim: https://2img.net/r/ihimizer/img221/1251/imagemyad.png

A imagem cortada, mas eu queria fazer motrar ela completa como no primeiro link.

Mais uma vez obrigado....

Oi Hikasuno,

Tente aplicar o seguinte código CSS e ver se o problema se encontrará solucionado:

dl.icon img {width: auto; height: auto;}

Se não funcionar, queira remover o anterior e adicionar o seguinte:

dl.icon{width: auto; height: auto;}

1. Painel de controle
2. Visualização
3. Cores
4. Folha de estilos CSS

Por favor, teste executar essa dica e diga-nos se problema se encontrará resolvido. Caso não, queria contatar-nos novamente para futura assistência.

SUPORTE FORUMEIROS

Boas, eu tenho um problema parecido, mas no meu caso é nas PMs recebidas, enviadas etc

Como mostra na figura

https://2img.net/r/ihimizer/img221/4958/61047108od.jpg
---------------
outro problema são as celular que não ficam enquadradas na descrição

como mostra a figura

https://2img.net/r/ihimizer/img855/4416/topico.jpg

Olá!

O problema é que na maioria das vezes a tabela tem um tamanho fixo e não se adapta de acordo com o tamanho da imagem.

Até mais.
Luciano98.

Quer dizer que nenhum dos problemas tem resolução?

Se assim for, a formatação dos foruns é muito limitado, porque as imagens não são assim tão grandes quanto isso

Outra duvida, não dá para reduzir o espaço entre a imagem e a margem?

Como mostra na figura abaixo indicada (seta a vermelho)

https://2img.net/r/ihimg/photo/my-images/803/23533587.jpg/

Tive uma questão parecida, olhe e concerteza vamos resolver o problema:

https://ajuda.forumeiros.com/t43228-configurar-espacamento-entre-imagens-de-ha-nao-ha-novas-e-os-foruns#284267

Boa noite, quase madrugada...

Meu problema continua, não adiantou o codigo passado anteriormente "dl.icon img {width: auto; height: auto;}
"

nem o "dl.icon{width: auto; height: auto;}
"

Parece que meu problema não tem solução.... Eu queria resolver isso, porfavor, o forum ta um pouco feio por esse defeito.

Hikasuno escreveu:Boa noite, quase madrugada...

Meu problema continua, não adiantou o codigo passado anteriormente "dl.icon img {width: auto; height: auto;}
"

nem o "dl.icon{width: auto; height: auto;}
"

Parece que meu problema não tem solução.... Eu queria resolver isso, porfavor, o forum ta um pouco feio por esse defeito.

Meu tópico não lhe ajudou? Preciso saber para eu estudar mais seu problema!

Nenhum dos dois num funcionou, coloquei os codigos mas ficou do mesmo jeito, como se não tivesse feito nada.

Hikasuno escreveu:Nenhum dos dois num funcionou, coloquei os codigos mas ficou do mesmo jeito, como se não tivesse feito nada.

Você alterou os valores que o Supero pediu?

Re: Título sob a imagem dos tópicos
por Supero em Qua 13 Jul 2011 - 13:38

Oi Hikasuno,

Tente aplicar o seguinte código CSS e ver se o problema se encontrará solucionado:

dl.icon img {width: auto; height: auto;}

Se não funcionar, queira remover o anterior e adicionar o seguinte:

dl.icon{width: auto; height: auto;}

1. Painel de controle
2. Visualização
3. Cores
4. Folha de estilos CSS

Por favor, teste executar essa dica e diga-nos se problema se encontrará resolvido. Caso não, queria contatar-nos novamente para futura assistência.

SUPORTE FORUMEIROS

Você alterou os valores que o Supero pediu?

Onde ele pediu pra alterar? desculpe mas ele não pediu... e se tiver algum lugar pra alterar ou colocar algum valor, onde é???

OBRIGADO....

Código:

dd.dterm {margin-left: [color=red]30[/color]px;}

Desculpe! Ele não pediu mesmo! Mas onde está em vermelho, altere e salve na Folha de Estilo CSS e veja se resulta!

Desculpe novamente mas acho que no codigo acima não teria o "", com ou sem não adiantou. Algo me diz que esse codigo é para distanciar a margem para a esquerda. Eu quero aumentar a distancia entre um tópico e outro para visualisar a imagem com perfeição.

Link da imagem novamente: https://2img.net/r/ihimizer/img707/4167/esteb.png

Acho que meu problema está dando trabalho... rs...

Olá!

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

Código:

#main-content .forumbg ul.topiclist li dl.icon{background-size:NUMpx 100%}

NUM = Número de pixels de largura que a imagem irá ter.

Salve.

Até mais.
Luciano98