1. Fórum
  2. /
  3. Suporte Joomla
  4. /
  5. Templates
  6. /
  7. Joomla 1.5
  8. /
  9. Erro de Alinhamento da Imagem (hot-image-slider)

Erro de Alinhamento da Imagem (hot-image-slider)

  • liclopes
  • Avatar de liclopes Autor do Tópico
  • Offline
  • JCB! Professional
  • JCB! Professional
Mais
14 anos 2 meses atrás #52743 por liclopes
liclopes created the topic: Erro de Alinhamento da Imagem (hot-image-slider)
Não sou ainda bom em CSS.
Alguem sabe oque causa esse desalinhamento na imagem?

pode ser problema no CSS ou JS

Site: http://tecnologiaviva.com.br/
Módulo: hot-image-slider
Tema: RocketTheme MetaMorph (demo http://demo.rockettheme.com/sep08_j15/ )
Estilo: Style1
Posição: user4 (demo posições http://mensbreakfast.info/?option=com_c ... &Itemid=32 )
Detalhes sobre MetaMorph http://www.rockettheme.com/joomla-tutor ... /metamorph

Configurações do tema MetaMorph no site tecnologiaviva


Arquivo index.php
<?php if ($this->countModules('user4') or $this->countModules('user5') or $this->countModules('user6')) : ?>
  <div id="mainmodules2" class="spacer<?php echo $mainmod2_width; ?>">
    <?php if ($this->countModules('user4')) : ?>
      <div class="block">
        <jdoc:include type="modules" name="user4" style="rounded" />
      </div>
    <?php endif; ?>

    <?php if ($this->countModules('user5')) : ?>
      <div class="block">
        <jdoc:include type="modules" name="user5" style="rounded" />
      </div>
    <?php endif; ?>

    <?php if ($this->countModules('user6')) : ?>
      <div class="block">
        <jdoc:include type="modules" name="user6" style="rounded" />
      </div>
    <?php endif; ?>
  </div>
<?php endif; ?>

Esse módulo possui 2 arquivos CSS (coloquei ambos no anexo):
1. Arquivo style.css n pasta modules\mod_hot_image_slider\tmpl
a img {
  border:0;
}

div#top div#nav ul {
  float:left;
  list-style-type:none;
}

div#nav ul li {
  float:left;
  height:52px;
}

div#nav ul li a {
  border:0;
  height:52px;
  display:block;
  line-height:52px;
  text-indent:-9999px;
}

div#header_hotslider {
  margin:-1px 0 0;
}

div#video-header {
  margin:-1px 0 0;
}

div#header_hotslider div#slide-holder img {
  margin:0;
  display:none;
  position:absolute;
}

div#header_hotslider div#slide-holder div#slide-controls p.text {
  float:left;
  color:#fff;
  display:inline;
  font-size:10px;
  line-height:16px;
  margin:15px 0 0 20px;
  text-transform:uppercase;
  overflow:hidden;
}

div#header_hotslider div#slide-holder div#slide-controls div#slide-nav a {
  float:left;
  width:24px;
  height:24px;
  display:inline;
  font-size:11px;
  margin:0 5px 0 0;
  line-height:24px;
  font-weight:700;
  text-align:center;
  text-decoration:none;
  background-position:0 0;
  background-repeat:no-repeat;
  padding:0;
}

div#header_hotslider div#slide-holder div#slide-controls div#slide-nav a.on {
  background-position:0 -24px;
}

div#nav ul li a {
  background:url(../images/nav.png) no-repeat;
}
2. Arquivo default.php em modules\mod_hot_image_slider\tmpl
div.wrap {
width:'.$sliderWidth.'px;
margin:0 auto;
text-align:left;
}

div#top div#nav {
float:left;
clear:both;
width:'.$sliderWidth.'px;
height:52px;
margin:22px 0 0;
}

div#header_hotslider div.wrap {
height:'.$sliderHeight.'px;
background:#'.$backgroundColor.';
}

div#header_hotslider div#slide-holder {
width:'.$sliderWidth.'px;
height:'.$sliderHeight.'px;
position:absolute;
}

div#header_hotslider div#slide-holder div#slide-runner {
top:'.$borderWidth2.'px;
left:'.$borderWidth2.'px;
width:'.$sliderWidth2.'px;
height:'.$sliderHeight2.'px;
overflow:hidden;
position:absolute;
}

div#header_hotslider div#slide-holder div#slide-controls {
left:0;
top:10px;
width:'.$sliderWidth2.'px;
height:46px;
display:none;
position:absolute;
background:url(modules/mod_hot_image_slider/images/slide-bg.png) 0 0;
}

div#header_hotslider div#slide-holder div#slide-controls div#slide-nav {
float:right;
'.$showButtonsDisplay.'
}

p.textdesc {
float:left;
color:#fff;
display:inline;
font-size:10px;
line-height:16px;
margin:15px 0 0 20px;
text-transform:uppercase;
overflow:hidden;
color:#'.$descColor.';
}

div#header_hotslider div#slide-holder div#slide-controls div#slide-nav a {
background-image:url(modules/mod_hot_image_slider/images/slide-nav-'.$buttonColor.'.png);
color:#'.$buttonColorValue.';
top:11px;
position:relative;
}


Arquivo template_css.css
table.mainbody, table.blog {width: 100%;}
.spacer .block {float: left;}
.spacer.w99 .block {width: 99.8%;}
.spacer.w49 .block {width: 49.8%;}
.spacer.w33 .block {width: 33.3%;}
#bottommodules2.spacer.w33 .block {width: 33.1%;}
.spacer.w24 .block {width: 24.8%;}

This message has an attachment file.
Please log in or register to see it.

Please Entrar ou Registrar to join the conversation.


  1. Fórum
  2. /
  3. Suporte Joomla
  4. /
  5. Templates
  6. /
  7. Joomla 1.5
  8. /
  9. Erro de Alinhamento da Imagem (hot-image-slider)
Joomla Templates Best Joomla Templates Premium Joomla Templates Free Joomla Templates