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
Login

Esqueci minha senha

Últimos assuntos
» Pinta ícone
Hoje à(s) 4:48 por Smoke.xX

» Remover ver mensagens
Hoje à(s) 3:10 por while

» Borda no rank de adms
Hoje à(s) 3:07 por while

» Novo tópico sem Refresh
Hoje à(s) 1:59 por iScroll

» Ajuda com Botão Curtir
Hoje à(s) 1:54 por TZero

» Alterar espaçamento entre tópicos e alterar posições dos respectivos titulos
Hoje à(s) 0:41 por Kyou

» Personalizar a barra de menu
Ontem à(s) 23:06 por Cepheus

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
fiapinho
 
while
 
Kyou
 
Smoke.xX
 
w204
 
Holkis
 
TZero
 
iScroll
 

Quem está conectado
227 usuários online :: 1 usuário cadastrado, 1 Invisível e 225 Visitantes :: 1 Motor de busca

Kyo Panda

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15: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 2016 - 13: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 : 06/10/2015
Mensagens : 30
Pontos Ativos : 562

http://pivot5.forumeiros.com/

Resolvido Re: Centralizar slider do fórum

Mensagem por Shek Crowley em Sex 9 Dez 2016 - 13: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



Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15571
Pontos Ativos : 22982

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 2016 - 21: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 : 06/10/2015
Mensagens : 30
Pontos Ativos : 562

http://pivot5.forumeiros.com/

Resolvido Re: Centralizar slider do fórum

Mensagem por Shek Crowley em Sex 9 Dez 2016 - 21: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?



Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15571
Pontos Ativos : 22982

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 2016 - 21:54

Tem 1366px de largura

Lemon~
Nível 4

Masculino
Inscrito dia : 06/10/2015
Mensagens : 30
Pontos Ativos : 562

http://pivot5.forumeiros.com/

Resolvido Re: Centralizar slider do fórum

Mensagem por Shek Crowley em Sab 10 Dez 2016 - 14: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.



Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15571
Pontos Ativos : 22982

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 2016 - 16: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.

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 13895

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