Centralizar banner Central

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

Resolvido Centralizar banner Central

Mensagem por Chrono Trigger em 26/06/17, 01:58 pm

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.
http://i.imgur.com/OhIyUtq.png
avatar

Chrono Trigger
Nível 9

Masculino
Inscrito dia : 09/04/2010
Mensagens : 170
Pontos Ativos : 248

Ver perfil do usuário http://clothmythrevolution.com/portal.htm

Resolvido Re: Centralizar banner Central

Mensagem por Luiz em 26/06/17, 02:02 pm

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Moderadeiro Global
avatar

Luiz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6250
Pontos Ativos : 7034

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Centralizar banner Central

Mensagem por Chrono Trigger em 26/06/17, 02:15 pm

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

Chrono Trigger
Nível 9

Masculino
Inscrito dia : 09/04/2010
Mensagens : 170
Pontos Ativos : 248

Ver perfil do usuário http://clothmythrevolution.com/portal.htm

Resolvido Re: Centralizar banner Central

Mensagem por Luiz em 26/06/17, 02:32 pm

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/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Moderadeiro Global
avatar

Luiz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6250
Pontos Ativos : 7034

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Centralizar banner Central

Mensagem por Chrono Trigger em 26/06/17, 02:36 pm

Não deu amigo.
avatar

Chrono Trigger
Nível 9

Masculino
Inscrito dia : 09/04/2010
Mensagens : 170
Pontos Ativos : 248

Ver perfil do usuário http://clothmythrevolution.com/portal.htm

Resolvido Re: Centralizar banner Central

Mensagem por Luiz em 26/06/17, 02:43 pm

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/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Moderadeiro Global
avatar

Luiz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6250
Pontos Ativos : 7034

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Centralizar banner Central

Mensagem por Chrono Trigger em 26/06/17, 02:46 pm

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

Chrono Trigger
Nível 9

Masculino
Inscrito dia : 09/04/2010
Mensagens : 170
Pontos Ativos : 248

Ver perfil do usuário http://clothmythrevolution.com/portal.htm

Resolvido Re: Centralizar banner Central

Mensagem por Luiz em 26/06/17, 02:47 pm

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Moderadeiro Global
avatar

Luiz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6250
Pontos Ativos : 7034

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Centralizar banner Central

Mensagem por Chrono Trigger em 26/06/17, 02:57 pm

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
avatar

Chrono Trigger
Nível 9

Masculino
Inscrito dia : 09/04/2010
Mensagens : 170
Pontos Ativos : 248

Ver perfil do usuário http://clothmythrevolution.com/portal.htm

Resolvido Re: Centralizar banner Central

Mensagem por Luiz em 26/06/17, 04:05 pm

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Moderadeiro Global
avatar

Luiz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6250
Pontos Ativos : 7034

Ver perfil do usuário https://github.com/lffg/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum