Centralizar banner Central

2 participantes

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

Tópico resolvido Centralizar banner Central

Mensagem por Chrono Trigger 26.06.17 17:58

Detalhes da questão


Endereço do fórum: http://www.clothmythrevolution.com/
Versão do fórum: ModernBB

Descrição


Eu gostaria de saber como eu centralizo esse banner do meu fórum para ele ficar no centro, preenchendo aquele vão enorme.
https://i.imgur.com/OhIyUtq.png
Chrono Trigger

Chrono Trigger
****

Membro desde : 09/04/2010
Mensagens : 203
Pontos : 295

http://clothmythrevolution.com/portal.htm

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Centralizar banner Central

Mensagem por Luiz 26.06.17 18:02

Olá,

Seguindo as orientações deste tópico, adicione ao final de sua CSS:
Código:
html body div.headerbar {
  background-image: url(http://i.imgur.com/wbjXd6Y.png[/img);
}

E após isso, remova o iframe que o senhor está usando na descrição de seu site.

o/

---

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'.
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar banner Central

Mensagem por Chrono Trigger 26.06.17 18:15

Adiantou não amigo, pq esse banner que ta ai, ele é slide, toda vez que atualiza a página o banner muda. Quero centraliza-lo com o slide.
Chrono Trigger

Chrono Trigger
****

Membro desde : 09/04/2010
Mensagens : 203
Pontos : 295

http://clothmythrevolution.com/portal.htm

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Centralizar banner Central

Mensagem por Luiz 26.06.17 18:32

Crie um novo JavaScript investido em todas as páginas com o código:
Código:
(function ($) {
  'use strict';

  var banners = [
    'http://i.imgur.com/fmlapdl.png',
    'http://i.imgur.com/HOcDHIO.png',
    'http://i.imgur.com/wbjXd6Y.png'
  ];

  $(function () {
    var bannerCount = banners.length;
    var sortedBanner = Math.floor(Math.random() * bannerCount);

    $([
      '<style type="text/css">',
      '  .headerbar {',
      '    background-image: url(' + banners[sortedBanner] + ') !important;',
      '  }',
      '</style>'
    ].join('\n'))
      .appendTo('head')
    ;
  });
}(jQuery));

O senhor irá configurar a URL dos banners nessa parte, que pode ser encontrada no script acima:
Código:
  var banners = [
    'http://i.imgur.com/fmlapdl.png',
    'http://i.imgur.com/HOcDHIO.png',
    'http://i.imgur.com/wbjXd6Y.png'
  ];

Feito isso, o senhor pode retirar o iframe. Piscada

o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar banner Central

Mensagem por Chrono Trigger 26.06.17 18:36

Não deu amigo.
Chrono Trigger

Chrono Trigger
****

Membro desde : 09/04/2010
Mensagens : 203
Pontos : 295

http://clothmythrevolution.com/portal.htm

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Centralizar banner Central

Mensagem por Luiz 26.06.17 18:43

Eu testei o código em seu fórum e funcionou perfeitamente, o que me leva a pensar que o senhor tem outro JavaScript que está causando erro no funcionamento.

Tente desativar JavaScript por JavaScript até ver se resulta.
PS: Tente procurar pelo JavaScript de ID 99245.

o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar banner Central

Mensagem por Chrono Trigger 26.06.17 18:46

Eu uso um código HTML para o banner ir alternando, já o removi porém continua.
Sobre o ID desse Java, não tem nenhum com esse ID não.
Chrono Trigger

Chrono Trigger
****

Membro desde : 09/04/2010
Mensagens : 203
Pontos : 295

http://clothmythrevolution.com/portal.htm

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Centralizar banner Central

Mensagem por Luiz 26.06.17 18:47

Você não tem nenhum outro JavaScript, exceto o que lhe pedi para criar acima?
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar banner Central

Mensagem por Chrono Trigger 26.06.17 18:57

Luiz~ escreveu:Você não tem nenhum outro JavaScript, exceto o que lhe pedi para criar acima?

Tenhoo alguns, estou desativando eles aqui mas até agora não resolveu o problema.

EDIT: @Luiz~ consegui aqui, agora tenho só que mudar o tamanho dos banners para ficar com boa qualidade, muito obrigado
Chrono Trigger

Chrono Trigger
****

Membro desde : 09/04/2010
Mensagens : 203
Pontos : 295

http://clothmythrevolution.com/portal.htm

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Centralizar banner Central

Mensagem por Luiz 26.06.17 20:05

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste sub-fórum
Não podes responder a tópicos