Centralizar Slide

3 participantes

Ir para baixo

Tópico 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.
Novo Membro

Membro desde : 02/07/2017
Mensagens : 19
Pontos : 29

http://dimensionnaruto.forumeiros.com/

Ir para o topo Ir para baixo

Tópico 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
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 Slide

Mensagem por Blackbeard. 07.07.17 23:52

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

Membro desde : 02/07/2017
Mensagens : 19
Pontos : 29

http://dimensionnaruto.forumeiros.com/

Ir para o topo Ir para baixo

Tópico 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
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 Slide

Mensagem por Blackbeard. 08.07.17 2:09

Perfeitamente funcional. Muito obrigado.
Blackbeard.
Blackbeard.
Novo Membro

Membro desde : 02/07/2017
Mensagens : 19
Pontos : 29

http://dimensionnaruto.forumeiros.com/

Ir para o topo Ir para baixo

Tópico 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
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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