Imagem antes do título da categoria

Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Fundador
Navegador usado : Google Chrome
Imagem :

Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Endereço do fórum : http://android-hard.criaforum.com

Descrição do problema

ola pessoal,ja busquei bastante por aqui, mas realmente nao achei nada que possa ajudar nesse sentido
eu quero deixar o forum asim


mas em tudo que busquei so consegui deixa a sim




podem me ajudar,, se esse tipo de pergunta nao for valida, me avisem por favor

dez de ja agradeço

Boa tarde,

Poderia fornecer a sua imagem? Me refiro a que vai ficar antes da categoria.

aqui esta amigo

https://i.imgur.com/utaRyOq.png

Olá!

Essa imagem ficaria muito grande, além disso a qualidade dela está baixa. Tomei a liberdade de diminuir o seu comprimento e largura.
Painel - Módulos - JavaScript

Código:

$(function(){$('.main-head').prepend('<img style="float: left;height: 100px;width: 100px;position: relative;margin-top: -15px;margin-left: -10px;" src="http://i.imgur.com/utaRyOq.png"></img> ');});

No índice.

muito obrigado pelo seu tempo  euficoloko,,, 

na minha imaginação, essa imagem iria substituir, a faixa verde onde fica os nomes dos tópicos,  e os foruns que esta dentro do topico iria ficar debaixo dessa imagem, como exatamente na imagem que coloquei,,,

mas acho que sairia dos padrões,  ja feito pelo fdf,,  se eu estiver certo. pode encerrar o topico 

e mas uma vez obrigado, admiro seu trabalho,...

Olá!

Relaxe, vamos tentar Ok?
Remova aquele javascript!
Como eu lhe disse, o problema e a imagem. Veja:
http://prntscr.com/6ajy1q

Adicione em sua CSS:

Código:

.main .main-head {
font-size: 12px;
background: url(http://i.imgur.com/utaRyOq.png) 100% 10% !important;
font-weight: 400;
}

Mais para ficar melhor terá de pedir na seção gráfica uma imagem que lhe agrade.
Procure por 'https://i.imgur.com/utaRyOq.png', e troque pela sua imagem.
Abaixo uma outra forma que talvez lhe agrade:

Código:

.main .main-head {
font-size: 12px;
background: url(http://i.imgur.com/utaRyOq.png) 0% 10% no-repeat !important;
font-weight: 400;
}

Abraços!

humm entendi,,, esse segundo código fico bom 

eu recortar essa imagem para ficar do tamanho do main head....(na faixa verde)
e o resto eu coloco em baixo,, onde tem os topicos,  como fundo a como?
acha que fusionaria ?

Olá!

Me perdoe? Não compreendi a sua pergunta, poderia ser mais explícito?

aver se condigo explicar kk

eu iria recortar a imagem em duas partes
1- aparte de vermelho vicaria onde esta o circulo vermelho, mas do lado esquerdo da pagina 
2- aparte de azul ficaria como fundo de onde a seta azul esta a pontando 




consegui te explicar ? rsrsr