Centralizar Widget

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

Resolvido Centralizar Widget

Mensagem por kakakoro em 30/06/15, 11:52 am

Ola,

Coloquei um widget no portal, usando um codigo do gerador de slides, mas ele acabou ficando no canto.



Tentei colocar o código center, mas o slide invadiu o widget da lateral direita. Segue o codigo do mesmo:

Código:
<style type="text/css">#rotator1435595490893 {height:210px;} #rotator1435595490893 a{position:absolute;background:#FFFFFF;border:1px solid #CCCCCC;padding:4px;} #rotator1435595490893 img { height:200;width:500; }</style>
<div id="rotator1435595490893">
     <a target="_blank" title="" href="#" style="z-index:999" id="itemActif1435595490893"><img alt="" src="http://i18.servimg.com/u/f18/19/26/11/20/slide110.png" /></a><a target="_blank" title="" href="#"><img alt="" src="http://i18.servimg.com/u/f18/19/26/11/20/slide212.png" /></a>
</div><script type="text/javascript">(function(){var r = document.getElementById("rotator1435595490893"), l = r.getElementsByTagName("A"), rotate = window.setInterval(function() {var a = document.getElementById("itemActif1435595490893"), 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 = "itemActif1435595490893";n.style.zIndex = 999})},3500)})();</script>




Gostaria de saber como deixar ele centralizado. Agradeço!


Última edição por kakakoro em 30/06/15, 08:32 pm, editado 1 vez(es)
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

Ver perfil do usuário http://www.rpgorigem.forumeiros.com

Resolvido Re: Centralizar Widget

Mensagem por Troubleshoot em 30/06/15, 12:42 pm

Olá!
Acesse seu Painel de controle, vá em Visualização > Templates > Portal
No modulo Standard, clique no ícone para edita-lo.

Modifique o código padrão por este:
Código:

<div align="center">
<!-- BEGIN table_row -->
<div class="module main">
   <div class="main-head"><div class="h3">{table_row.L_TITRE}</div></div>
   <div class="main-content clearfix">
   <!-- END table_row -->
      {S_SOURCE}
   <!-- BEGIN table_row -->
   </div>
</div>
<!-- END table_row -->
  </div>
Publique o template e veja se o widget encontra-se centralizado.


Até mais. Feliz
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2197
Pontos Ativos : 2940

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Centralizar Widget

Mensagem por kakakoro em 30/06/15, 01:04 pm

Olá, não funcionou. O slide nem sequer abre agora.
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

Ver perfil do usuário http://www.rpgorigem.forumeiros.com

Resolvido Re: Centralizar Widget

Mensagem por iPrompt em 30/06/15, 02:11 pm

Olá,

Altere o código do Slide por este

Código:
    <style type="text/css">#rotator1435595490893 {height:210px;} #rotator1435595490893 a{position:absolute;background:#FFFFFF;border:1px solid #CCCCCC;padding:4px;} #rotator1435595490893 img { height:200;width:500; }
#rotator1435680478409 {
    margin: 10px 10px 10px 10px!important;
}</style>
    <div id="rotator1435595490893">
        <a target="_blank" title="" href="#" style="z-index:999" id="itemActif1435595490893"><img alt="" src="http://i18.servimg.com/u/f18/19/26/11/20/slide110.png" /></a><a target="_blank" title="" href="#"><img alt="" src="http://i18.servimg.com/u/f18/19/26/11/20/slide212.png" /></a>
    </div><script type="text/javascript">(function(){var r = document.getElementById("rotator1435595490893"), l = r.getElementsByTagName("A"), rotate = window.setInterval(function() {var a = document.getElementById("itemActif1435595490893"), 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 = "itemActif1435595490893";n.style.zIndex = 999})},3500)})();</script>

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Centralizar Widget

Mensagem por kakakoro em 30/06/15, 07:40 pm

Nao funcionou @Quakeline :'(
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

Ver perfil do usuário http://www.rpgorigem.forumeiros.com

Resolvido Re: Centralizar Widget

Mensagem por iPrompt em 30/06/15, 08:20 pm

Olá,

Substitua por este

Código:
    <style type="text/css">#rotator1435595490893 {height:210px;} #rotator1435595490893 a{position:absolute;background:#FFFFFF;border:1px solid #CCCCCC;padding:4px;} #rotator1435595490893 img { height:200;width:500; }</style>
    <div style="margin: 10px 0px 5px 80px;" id="rotator1435595490893">
        <a target="_blank" title="" href="#" style="z-index:999" id="itemActif1435595490893"><img alt="" src="http://i18.servimg.com/u/f18/19/26/11/20/slide110.png" /></a><a target="_blank" title="" href="#"><img alt="" src="http://i18.servimg.com/u/f18/19/26/11/20/slide212.png" /></a>
    </div><script type="text/javascript">(function(){var r = document.getElementById("rotator1435595490893"), l = r.getElementsByTagName("A"), rotate = window.setInterval(function() {var a = document.getElementById("itemActif1435595490893"), 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 = "itemActif1435595490893";n.style.zIndex = 999})},3500)})();</script> 

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Centralizar Widget

Mensagem por kakakoro em 30/06/15, 08:32 pm

O código em si não centralizou, mas peguei o local onde insere o posicionamento e consegui deixar do jeito que eu queria. Muito obrigado pela atenção @Quakeline ! Piscada Pode fechar!
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

Ver perfil do usuário http://www.rpgorigem.forumeiros.com

Resolvido Re: Centralizar Widget

Mensagem por Sennior em 30/06/15, 10:16 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.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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