Centralizar Slide

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

Atendido / Resolvido Centralizar Slide

Mensagem por Blackbeard. 07.07.17 11:10

Detalhes da questão


Endereço do fórum: http://dimensionnaruto.forumeiros.com/
Versão do fórum: phpBB2

Descrição


Bom dia/tarde/noite a quem estiver lendo. Gostaria que me ajudassem a centralizar o slide do portal (em cima de novidades/"news").

Code do slide:

Código:

<style type="text/css">#rotator1499415363657 {height:310px;} #rotator1499415363657 a{position:absolute;background:#FFFFFF;border:1px solid #CCCCCC;padding:4px;} #rotator1499415363657 img { height:300px;width:726px; }</style>
<div id="rotator1499415363657">
    <a id="itemActif1499415363657" style="z-index:999" href="http://dimensionnaruto.forumeiros.com/t11942-batalha-genin-shizuka-ikimaru-final" title="" target="_blank"><img src="http://i.imgur.com/7P8kvKo.png" alt="" /></a><a href="http://dimensionnaruto.forumeiros.com/t11826-evento-i-necessidades-da-guerra" title="" target="_blank"><img src="http://i.imgur.com/0uCpTMr.png" alt="" /></a><a href="http://dimensionnaruto.forumeiros.com/t11930-comunicacao-discord-nd#133683" title="" target="_blank"><img src="http://i.imgur.com/S7CetRF.png" alt="" /></a>
</div><script type="text/javascript">(function(){var r = document.getElementById("rotator1499415363657"), l = r.getElementsByTagName("A"), rotate = window.setInterval(function() {var a = document.getElementById("itemActif1499415363657"), n = jQuery(a).next()[0] || l[0]; if (!a) return window.clearInterval(rotate); n.style.opacity = 1;n.style.zIndex = 998;jQuery(a).animate({"opacity":0},800,"linear",function() {a.id = "";a.style.zIndex = "";n.id = "itemActif1499415363657";n.style.zIndex = 999})},7000)})();</script>


Última edição por Blackbeard. em 08.07.17 2:14, editado 1 vez(es)
Blackbeard.

Blackbeard.
Nível 3

Masculino
Inscrito dia : 02/07/2017
Mensagens : 19
Pontos ativos : 29

http://dimensionnaruto.forumeiros.com/

Atendido / Resolvido Re: Centralizar Slide

Mensagem por Luiz 07.07.17 19:25

Olá,

Em Painel de Controle -> Visualização -> Cores -> Folha de Estilo CSS, adicione ao final da caixa de texto:
Código:
div#rotator1499415363657 {
  margin: 0 auto;
  width: 64%;
}

o/
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6641
Pontos ativos : 7559

https://luizfelipe.dev

Atendido / Resolvido Re: Centralizar Slide

Mensagem por Blackbeard. 07.07.17 23:52

Não funcionou. Esse foi o resultado: https://prnt.sc/fszrx9
Blackbeard.

Blackbeard.
Nível 3

Masculino
Inscrito dia : 02/07/2017
Mensagens : 19
Pontos ativos : 29

http://dimensionnaruto.forumeiros.com/

Atendido / Resolvido Re: Centralizar Slide

Mensagem por Luiz 08.07.17 0:03

Tente este código ao final de sua CSS:
Código:
#rotator1499415363657 {
  position: relative;
}

#rotator1499415363657 a {
  position: absolute;
  -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
}

o/
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6641
Pontos ativos : 7559

https://luizfelipe.dev

Atendido / Resolvido Re: Centralizar Slide

Mensagem por Blackbeard. 08.07.17 2:09

Perfeitamente funcional. Muito obrigado.
Blackbeard.

Blackbeard.
Nível 3

Masculino
Inscrito dia : 02/07/2017
Mensagens : 19
Pontos ativos : 29

http://dimensionnaruto.forumeiros.com/

Atendido / Resolvido Re: Centralizar Slide

Mensagem por Harleen 08.07.17 12:01

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

Harleen
Membro do Fórum

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1759
Pontos ativos : 2334

https://antenadogames.forumeiros.com/

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


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