Centralizar Widget

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!

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.

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

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é

Nao funcionou @Quakeline :'(

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é

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 ! Pode fechar!