Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
» Efeito ao passar o Mouse no Nick
Hoje à(s) 19:40 por Luiz~

» Versão mais avançada
Hoje à(s) 19:38 por Luiz~

» Pedido de criação de Ranking pokémon
Hoje à(s) 19:08 por Allenkar_

» Personalizar SCeditor
Hoje à(s) 19:05 por Vinicius Reis

» Mensagem automática
Hoje à(s) 18:16 por Kyo Panda

» Tema do Meu fórum Mais Avançado.
Hoje à(s) 18:12 por Kyo Panda

» Botão no meu fórum
Hoje à(s) 18:11 por Kyo Panda

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Magazine 2016
Participe da pesquisa de satisfação 2016 e dê sua opinião sobre os diversos serviços de Forumeiros.
Parceiros Forumeiros
Os membros mais ativos da semana
Holkis
 

Quem está conectado
171 usuários online :: 4 usuários cadastrados, Nenhum Invisível e 167 Visitantes :: 2 Motores de busca

Allenkar_, Holkis, Luiz Davi Sindeaux, Shek Crowley

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez - 11:05

Centralizar slider do fórum

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

Resolvido Centralizar slider do fórum

Mensagem por Lemon~ em Qui 8 Dez - 9:08

Detalhes da questão


Endereço do fórum: http://teste152163.forumeiros.com/
Versão do fórum: PunBB

Descrição


Tenho um slider que gostaria de centralizá-lo no anúncio.

Este é o código:
Código:
<style type="text/css">#rotator1481168144672 {height:225px; width:750px;} #rotator1481168144672 a{position:absolute;background:transparent;border:0px solid transparent;padding:0px;} #rotator1481168144672 img { height:225px;width:750px; }</style>       
<div id="rotator1481168144672">
                   <a target="_blank" title="Participe!" href="http://pivot5.forumeiros.com/t825-pivot-5-collaboration" style="z-index:999" id="itemActif1481168144672"><img alt="Participe!" src="http://i.imgur.com/MOsdjMS.png" /></a><a target="_blank" title="Participe!" href="http://pivot5.forumeiros.com/t825-pivot-5-collaboration"><img alt="Participe!" src="http://i.imgur.com/aMdsBPH.png" /></a><a target="_blank" title="Participe!" href="http://pivot5.forumeiros.com/t825-pivot-5-collaboration"><img alt="Participe!" src="http://i.imgur.com/izK16am.png" /></a><a target="_blank" title="Paricipe!" href="http://pivot5.forumeiros.com/t825-pivot-5-collaboration"><img alt="Paricipe!" src="http://i.imgur.com/x52cqui.png" /></a><a target="_blank" title="" href="#"><img alt="" src="http://illiweb.com/fa/empty.gif" /></a>       
</div><script type="text/javascript">(function(){var r = document.getElementById("rotator1481168144672"), l = r.getElementsByTagName("A"), rotate = window.setInterval(function() {var a = document.getElementById("itemActif1481168144672"), 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 = "itemActif1481168144672";n.style.zIndex = 999})},10000)})();</script>


Lemon~
Nível 4

Masculino
Inscrito dia : 05/10/2015
Mensagens : 30
Pontos Ativos : 534

http://pivot5.forumeiros.com/

Resolvido Re: Centralizar slider do fórum

Mensagem por Shek Crowley em Sex 9 Dez - 9:33

O problema não é o slide, e sim outra DIV que está por dentro.


http://i.imgur.com/JXtgKTZ.jpg

Você pode incluir o mesmo código que eu coloquei no exemplo da imagem, na parte do console. Piscada


Atenciosamente,
Shek Crowley - Gerente voluntário de comunidade
A serviço de FORUMEIROS.com
Site: www.forumeiros.com
Contato: suporte:@:shiftactif.com

Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15411
Pontos Ativos : 22751

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Centralizar slider do fórum

Mensagem por Lemon~ em Sex 9 Dez - 17:20

Funcionou no meu monitor de dimensões 1920x1080
Mas no notebook continua descentralizado.
O código ficou assim:
Código:
      <style type="text/css">#rotator1481168144672 {height:225px;white-space:nowrap !important; width:100%; position: relative !important; margin-left: -21% !important;} #rotator1481168144672 a{position:absolute;background:#dead18;border-top:4px solid #dead18; border-radius: 5px;padding:1px;} #rotator1481168144672 img { height:225px;width:750px; }</style>       
<div id="rotator1481168144672">
                                 <a id="itemActif1481168144672" style="z-index:999" href="http://pivot5.forumeiros.com/t825-pivot-5-collaboration" title="Participe!" target="_blank"><img src="http://i.imgur.com/dggSRvZ.png" alt="Participe!" /></a><a href="http://pivot5.forumeiros.com/t825-pivot-5-collaboration" title="Participe!" target="_blank"><img src="http://i.imgur.com/ayul2Qh.png" alt="Participe!" /></a><a href="http://pivot5.forumeiros.com/t825-pivot-5-collaboration" title="Participe!" target="_blank"><img src="http://i.imgur.com/CPiX0Tc.png" alt="Participe!" /></a>
</div><script type="text/javascript">(function(){var r = document.getElementById("rotator1481168144672"), l = r.getElementsByTagName("A"), rotate = window.setInterval(function() {var a = document.getElementById("itemActif1481168144672"), 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 = "itemActif1481168144672";n.style.zIndex = 999})},10000)})();</script>

Lemon~
Nível 4

Masculino
Inscrito dia : 05/10/2015
Mensagens : 30
Pontos Ativos : 534

http://pivot5.forumeiros.com/

Resolvido Re: Centralizar slider do fórum

Mensagem por Shek Crowley em Sex 9 Dez - 17:38

Olá!

Se você está, por exemplo, usando um monitor menor, você terá que usar o redimensionamento com CSS, mas, por meio responsivo. Este é o tema da segunda edição da Revista Forumeiros: http://ajuda.forumeiros.com/t102943-

Qual é a dimensão do monitor do seu notebook?


Atenciosamente,
Shek Crowley - Gerente voluntário de comunidade
A serviço de FORUMEIROS.com
Site: www.forumeiros.com
Contato: suporte:@:shiftactif.com

Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15411
Pontos Ativos : 22751

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Centralizar slider do fórum

Mensagem por Lemon~ em Sex 9 Dez - 17:54

Tem 1366px de largura

Lemon~
Nível 4

Masculino
Inscrito dia : 05/10/2015
Mensagens : 30
Pontos Ativos : 534

http://pivot5.forumeiros.com/

Resolvido Re: Centralizar slider do fórum

Mensagem por Shek Crowley em Sab 10 Dez - 10:44

Olá!

É só definir então a propriedade do CSS para este tipo de monitor:
Código:
@media (min-width: 1366px) and (max-width: 768px) {
   elemento.seletor {
      propriedade;
   }
}
Acompanhe o tutorial a seguir para entender melhor. Eu acredito que usando o
Código:
div.fa_ticker_content div:first-child
você alcança a DIV para modificá-la para esta resolução.


Atenciosamente,
Shek Crowley - Gerente voluntário de comunidade
A serviço de FORUMEIROS.com
Site: www.forumeiros.com
Contato: suporte:@:shiftactif.com

Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15411
Pontos Ativos : 22751

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Centralizar slider do fórum

Mensagem por Cream em Qui 15 Dez - 12:31

Questão abandonada pelo autor, mas considerada resolvida por ter solução para o problema.
Tópico marcado como Resolvido e movido para Questões resolvidas.


Seta Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Seta Conheça a nossa Lista de tutoriais e nossa Lista de FAQs.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

Cream
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8482
Pontos Ativos : 13768

http://ajuda.forumeiros.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