Imagem antes do título da categoria

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

Resolvido Imagem antes do título da categoria

Mensagem por sky-life em 27/02/15, 01:54 pm

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


Última edição por sky-life em 28/02/15, 01:48 pm, editado 1 vez(es)
avatar

sky-life
Nível 5

Masculino
Inscrito dia : 26/01/2015
Mensagens : 56
Pontos Ativos : 98

Ver perfil do usuário http://android-hard.criaforum.com

Resolvido Re: Imagem antes do título da categoria

Mensagem por EuficoLoko em 27/02/15, 02:16 pm

Boa tarde,

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

avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Imagem antes do título da categoria

Mensagem por sky-life em 27/02/15, 02:21 pm

avatar

sky-life
Nível 5

Masculino
Inscrito dia : 26/01/2015
Mensagens : 56
Pontos Ativos : 98

Ver perfil do usuário http://android-hard.criaforum.com

Resolvido Re: Imagem antes do título da categoria

Mensagem por EuficoLoko em 27/02/15, 02:28 pm

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

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Imagem antes do título da categoria

Mensagem por sky-life em 27/02/15, 02:41 pm

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

sky-life
Nível 5

Masculino
Inscrito dia : 26/01/2015
Mensagens : 56
Pontos Ativos : 98

Ver perfil do usuário http://android-hard.criaforum.com

Resolvido Re: Imagem antes do título da categoria

Mensagem por EuficoLoko em 27/02/15, 02:49 pm

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 'http://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!
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Imagem antes do título da categoria

Mensagem por sky-life em 27/02/15, 03:07 pm

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

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 ?
avatar

sky-life
Nível 5

Masculino
Inscrito dia : 26/01/2015
Mensagens : 56
Pontos Ativos : 98

Ver perfil do usuário http://android-hard.criaforum.com

Resolvido Re: Imagem antes do título da categoria

Mensagem por EuficoLoko em 27/02/15, 03:38 pm

Olá!

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

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Imagem antes do título da categoria

Mensagem por sky-life em 27/02/15, 03:58 pm

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
avatar

sky-life
Nível 5

Masculino
Inscrito dia : 26/01/2015
Mensagens : 56
Pontos Ativos : 98

Ver perfil do usuário http://android-hard.criaforum.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