Problema com a função blog no fórum

[Thoth]

Qual é minha questão:
Hoje resolvi modificar a estrutura da área de anúncios do meu fórum colocando-a no formato de blog assim como aqui no FDF.

https://ajuda.forumeiros.com/f1-anuncios-e-atualizacoes

Contudo, ao colocá-lo em meu fórum, houve um erro. Não apareceram todas as minhas postagens já existentes e, além disso, a legenda ficou sobreposta à ultima mensagem.



Gostaria de arrumar para que fique certinho como aqui no fórum dos fóruns aparecendo um número grande de anúncios por página e sem que as legendas e botões como novo tópico fiquem sobre as mensagens.

Para que tenham acesso à seção anúncios do meu fórum para verem o que estou falando além das imagens: http://masterexp.forumeiro.com/f36-anuncios


Espero que seja possível resolver.

Medidas que eu tomei para corrigir o problema:


Imagens do meu problema:


Endereço do meu fórum:
http://masterexp.forumeiro.com/forum

Versão do meu fórum:
PHPBB3

[Ace]

Olá,

Isso pode ser devido a algum código CSS que entrou em conflito. Poderia nos apresenta-la?

Atenciosamente.

[Thoth]

Código:

.forumbg {
style=width: 98%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 5px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; z-index: 999; min-width: 1px; min-height: 1px; max-height: 1500px; max-width: 1500px;
}
.vote {
padding: 4px 1px 4px 1px;
text-align: center;
width:20px;
background-color: #eaeaea;
border: 1px solid #d4d6d5;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
}
.vote .vote-no-bar {
display: none;
}
.vote .vote-bar {
border-left: 0px;
border-right: 0px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #d4d6d5;
font-size: 0px;
height: 50px;
margin: 0px;
width: 20px;
padding: 3px 0px 3px 0px;
}
.vote .vote-bar-plus {
margin-left: 7px;
width: 6px;
}
.vote .vote-bar-minus {
margin-left: 7px;
width: 6px;
}
.vote .vote-button a[href $="plus"] {
background:url(http://i26.servimg.com/u/f26/12/56/56/12/116.jpg);
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}
.vote .vote-button a[href $="minus"] {
background:url(http://i26.servimg.com/u/f26/12/56/56/12/212.jpg);
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}
.post,.post .postprofile{border:2px solid #eaeaea;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.postprofile{text-align:center}
.postprofile dl.postprofile-details dt a {
font-size: 14px;
}
dl.postdetails dt img:first-child{margin-bottom:8px}
a[href="/nick do membro"] {
    background: url("http://img338.imageshack.us/img338/5646/52502626.gif");// Adicionar Brilho no nick do membro.
    Ganhador do TM , SOTW e VIP.
}
div.maintitle {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
#gfooter .clearfix div.current-time,#gfooter .clearfix form#qjump:first-child{display:none;text-aline:center}
.colorpicker {
                      width: 356px;
                      height: 176px;
                      overflow: hidden;
                      position: absolute;
                      background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
                      font-family: Arial, Helvetica, sans-serif;
                      display: none;
                    }
                    .colorpicker_color {
                      width: 150px;
                      height: 150px;
                      left: 14px;
                      top: 13px;
                      position: absolute;
                      background: #f00;
                      overflow: hidden;
                      cursor: crosshair;
                    }
                    .colorpicker_color div {
                      position: absolute;
                      top: 0;
                      left: 0;
                      width: 150px;
                      height: 150px;
                      background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
                    }
                    .colorpicker_color div div {
                      position: absolute;
                      top: 0;
                      left: 0;
                      width: 11px;
                      height: 11px;
                      overflow: hidden;
                      background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
                      margin: -5px 0 0 -5px;
                    }
                    .colorpicker_hue {
                      position: absolute;
                      top: 13px;
                      left: 171px;
                      width: 35px;
                      height: 150px;
                      cursor: n-resize;
                    }
                    .colorpicker_hue div {
                      position: absolute;
                      width: 35px;
                      height: 9px;
                      overflow: hidden;
                      background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
                      margin: -4px 0 0 0;
                      left: 0px;
                    }
                    .colorpicker_new_color {
                      position: absolute;
                      width: 60px;
                      height: 30px;
                      left: 213px;
                      top: 13px;
                      background: #f00;
                    }
                    .colorpicker_current_color {
                      position: absolute;
                      width: 60px;
                      height: 30px;
                      left: 283px;
                      top: 13px;
                      background: #f00;
                    }
                    .colorpicker input {
                      background-color: transparent;
                      border: 1px solid transparent;
                      position: absolute;
                      font-size: 10px;
                      font-family: Arial, Helvetica, sans-serif;
                      color: #898989;
                      top: 4px;
                      right: 11px;
                      text-align: right;
                      margin: 0;
                      padding: 0;
                      height: 11px;
                    }
                    .colorpicker_hex {
                      position: absolute;
                      width: 72px;
                      height: 22px;
                      background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
                      left: 212px;
                      top: 142px;
                    }
                    .colorpicker_hex input {
                      right: 6px;
                    }
                    .colorpicker_field {
                      height: 22px;
                      width: 62px;
                      background-position: top;
                      position: absolute;
                    }
                    .colorpicker_field span {
                      position: absolute;
                      width: 12px;
                      height: 22px;
                      overflow: hidden;
                      top: 0;
                      right: 0;
                      cursor: n-resize;
                    }
                    .colorpicker_rgb_r {
                      background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
                      top: 52px;
                      left: 212px;
                    }
                    .colorpicker_rgb_g {
                      background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
                      top: 82px;
                      left: 212px;
                    }
                    .colorpicker_rgb_b {
                      background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
                      top: 112px;
                      left: 212px;
                    }
                    .colorpicker_hsb_h {
                      background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
                      top: 52px;
                      left: 282px;
                    }
                    .colorpicker_hsb_s {
                      background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
                      top: 82px;
                      left: 282px;
                    }
                    .colorpicker_hsb_b {
                      background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
                      top: 112px;
                      left: 282px;
                    }
                    .colorpicker_submit {
                      position: absolute;
                      width: 22px;
                      height: 22px;
                      background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
                      left: 322px;
                      top: 142px;
                      overflow: hidden;
                    }
                    .colorpicker_focus {
                      background-position: center;
                    }
                    .colorpicker_hex.colorpicker_focus {
                      background-position: bottom;
                    }
                    .colorpicker_submit.colorpicker_focus {
                      background-position: bottom;
                    }
                    .colorpicker_slider {
                      background-position: bottom;
                    }

ul.linklist li a img {
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
}
ul.linklist a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
#username_reg {
border:2px solid red!important;
}
#username_reg.okusername {
border:2px solid green!important;
}

.post span.postdetails a img:first-child,.postprofile dl dt a
img:first-child,.post div.user-ident div.user-basic-info a
img:first-child,dl.postdetails dl a img:first-child{margin-bottom: 20px;}


form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url();
background-repeat: no-repeat;
background-position: bottom center;
background-color:}


input.button1, input.button2, button.button2, #main-content a.cgu-buttons, input.mainoption, input.liteoption {
        background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        padding: 2px;
        border: solid 1px #DDDDDD;
        }
        input.button1:hover, input.button2:hover, button.button2:hover, #main-content a.cgu-buttons:hover, input.mainoption:hover, input.liteoption:hover {
    background-position: 0 100%;
    border: 1px solid #80b2d9;
    color: #80b2d9;
    }

.lastpost{
margin: 3px;
width : auto;
border : 2px solid #COR;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
-moz-box-shadow : 0 0 8px #00aeff;
-webkit-box-shadow : 0 0 8px #00aeff;
box-shadow : 0 0 8px #666;}

.header .lastpost{
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;}

body {
cursor: url('http://i40.tinypic.com/2ef3v5l.png'), url('http://i40.tinypic.com/2ef3v5l.png'), auto;
}
a:hover {
cursor: url('http://i40.tinypic.com/2ef3v5l.png'), url('http://i40.tinypic.com/2ef3v5l.png'), auto;
}

.contract,.expand{background:url(http://i81.servimg.com/u/f81/11/91/65/81/plus10.png);cursor:pointer;height:15px;position:absolute;right:10px;top:2px;width:15px}
    .contract{background:url(http://i81.servimg.com/u/f81/11/91/65/81/minus10.png)}

.postprofile {
-moz-border-radius: 10px 0;
-webkit-border-radius: 10px 0 10px 0;
background-image: url(http://i43.tinypic.com/335gvo3.png);
background-position: top center;
background-repeat: repeat-x;
border: 1px solid #BCBCBC;
padding: 8px 5px 5px;
}

/* Efeito Lightbox */
.postbody img {
  max-width: 500px;
}
#jquery-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px;
}
#jquery-lightbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  text-align: center;
  line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}
#lightbox-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
  width: 49%;
  height: 100%;
  zoom: 1;
  display: block;
}
#lightbox-nav-btnPrev {
  left: 0;
  float: left;
}
#lightbox-nav-btnNext {
  right: 0;
  float: right;
}
#lightbox-container-image-data-box {
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: #fff;
  margin: 0 auto;
  line-height: 1.4em;
  overflow: auto;
  width: 100%;
  padding: 0 10px 0;
}
#lightbox-container-image-data {
  padding: 0 10px;
  color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
  width: 70%;
  float: left;
  text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
  display: block;
  clear: left;
  padding-bottom: 1.0em;
}     
#lightbox-secNav-btnClose {
  width: 66px;
  float: right;
  padding-bottom: 0.7em;
}
/* Efeito Lightbox - FIM */

Ai está minha css.

[Convidad]

Olá!

Vamos lá, tente retirar a última parte do seu código que é do efeito Lightbox.
Retire apenas para ver se volta ao normal ou não..

Código:

.forumbg {
style=width: 98%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 5px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; z-index: 999; min-width: 1px; min-height: 1px; max-height: 1500px; max-width: 1500px;
}
.vote {
padding: 4px 1px 4px 1px;
text-align: center;
width:20px;
background-color: #eaeaea;
border: 1px solid #d4d6d5;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
}
.vote .vote-no-bar {
display: none;
}
.vote .vote-bar {
border-left: 0px;
border-right: 0px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #d4d6d5;
font-size: 0px;
height: 50px;
margin: 0px;
width: 20px;
padding: 3px 0px 3px 0px;
}
.vote .vote-bar-plus {
margin-left: 7px;
width: 6px;
}
.vote .vote-bar-minus {
margin-left: 7px;
width: 6px;
}
.vote .vote-button a[href $="plus"] {
background:url(http://i26.servimg.com/u/f26/12/56/56/12/116.jpg);
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}
.vote .vote-button a[href $="minus"] {
background:url(http://i26.servimg.com/u/f26/12/56/56/12/212.jpg);
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}
.post,.post .postprofile{border:2px solid #eaeaea;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.postprofile{text-align:center}
.postprofile dl.postprofile-details dt a {
font-size: 14px;
}
dl.postdetails dt img:first-child{margin-bottom:8px}
a[href="/nick do membro"] {
    background: url("http://img338.imageshack.us/img338/5646/52502626.gif");// Adicionar Brilho no nick do membro.
    Ganhador do TM , SOTW e VIP.
}
div.maintitle {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
#gfooter .clearfix div.current-time,#gfooter .clearfix form#qjump:first-child{display:none;text-aline:center}
.colorpicker {
                      width: 356px;
                      height: 176px;
                      overflow: hidden;
                      position: absolute;
                      background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
                      font-family: Arial, Helvetica, sans-serif;
                      display: none;
                    }
                    .colorpicker_color {
                      width: 150px;
                      height: 150px;
                      left: 14px;
                      top: 13px;
                      position: absolute;
                      background: #f00;
                      overflow: hidden;
                      cursor: crosshair;
                    }
                    .colorpicker_color div {
                      position: absolute;
                      top: 0;
                      left: 0;
                      width: 150px;
                      height: 150px;
                      background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
                    }
                    .colorpicker_color div div {
                      position: absolute;
                      top: 0;
                      left: 0;
                      width: 11px;
                      height: 11px;
                      overflow: hidden;
                      background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
                      margin: -5px 0 0 -5px;
                    }
                    .colorpicker_hue {
                      position: absolute;
                      top: 13px;
                      left: 171px;
                      width: 35px;
                      height: 150px;
                      cursor: n-resize;
                    }
                    .colorpicker_hue div {
                      position: absolute;
                      width: 35px;
                      height: 9px;
                      overflow: hidden;
                      background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
                      margin: -4px 0 0 0;
                      left: 0px;
                    }
                    .colorpicker_new_color {
                      position: absolute;
                      width: 60px;
                      height: 30px;
                      left: 213px;
                      top: 13px;
                      background: #f00;
                    }
                    .colorpicker_current_color {
                      position: absolute;
                      width: 60px;
                      height: 30px;
                      left: 283px;
                      top: 13px;
                      background: #f00;
                    }
                    .colorpicker input {
                      background-color: transparent;
                      border: 1px solid transparent;
                      position: absolute;
                      font-size: 10px;
                      font-family: Arial, Helvetica, sans-serif;
                      color: #898989;
                      top: 4px;
                      right: 11px;
                      text-align: right;
                      margin: 0;
                      padding: 0;
                      height: 11px;
                    }
                    .colorpicker_hex {
                      position: absolute;
                      width: 72px;
                      height: 22px;
                      background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
                      left: 212px;
                      top: 142px;
                    }
                    .colorpicker_hex input {
                      right: 6px;
                    }
                    .colorpicker_field {
                      height: 22px;
                      width: 62px;
                      background-position: top;
                      position: absolute;
                    }
                    .colorpicker_field span {
                      position: absolute;
                      width: 12px;
                      height: 22px;
                      overflow: hidden;
                      top: 0;
                      right: 0;
                      cursor: n-resize;
                    }
                    .colorpicker_rgb_r {
                      background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
                      top: 52px;
                      left: 212px;
                    }
                    .colorpicker_rgb_g {
                      background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
                      top: 82px;
                      left: 212px;
                    }
                    .colorpicker_rgb_b {
                      background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
                      top: 112px;
                      left: 212px;
                    }
                    .colorpicker_hsb_h {
                      background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
                      top: 52px;
                      left: 282px;
                    }
                    .colorpicker_hsb_s {
                      background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
                      top: 82px;
                      left: 282px;
                    }
                    .colorpicker_hsb_b {
                      background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
                      top: 112px;
                      left: 282px;
                    }
                    .colorpicker_submit {
                      position: absolute;
                      width: 22px;
                      height: 22px;
                      background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
                      left: 322px;
                      top: 142px;
                      overflow: hidden;
                    }
                    .colorpicker_focus {
                      background-position: center;
                    }
                    .colorpicker_hex.colorpicker_focus {
                      background-position: bottom;
                    }
                    .colorpicker_submit.colorpicker_focus {
                      background-position: bottom;
                    }
                    .colorpicker_slider {
                      background-position: bottom;
                    }

ul.linklist li a img {
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
}
ul.linklist a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
#username_reg {
border:2px solid red!important;
}
#username_reg.okusername {
border:2px solid green!important;
}

.post span.postdetails a img:first-child,.postprofile dl dt a
img:first-child,.post div.user-ident div.user-basic-info a
img:first-child,dl.postdetails dl a img:first-child{margin-bottom: 20px;}


form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url();
background-repeat: no-repeat;
background-position: bottom center;
background-color:}


input.button1, input.button2, button.button2, #main-content a.cgu-buttons, input.mainoption, input.liteoption {
        background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        padding: 2px;
        border: solid 1px #DDDDDD;
        }
        input.button1:hover, input.button2:hover, button.button2:hover, #main-content a.cgu-buttons:hover, input.mainoption:hover, input.liteoption:hover {
    background-position: 0 100%;
    border: 1px solid #80b2d9;
    color: #80b2d9;
    }

.lastpost{
margin: 3px;
width : auto;
border : 2px solid #COR;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
-moz-box-shadow : 0 0 8px #00aeff;
-webkit-box-shadow : 0 0 8px #00aeff;
box-shadow : 0 0 8px #666;}

.header .lastpost{
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;}

body {
cursor: url('http://i40.tinypic.com/2ef3v5l.png'), url('http://i40.tinypic.com/2ef3v5l.png'), auto;
}
a:hover {
cursor: url('http://i40.tinypic.com/2ef3v5l.png'), url('http://i40.tinypic.com/2ef3v5l.png'), auto;
}

.contract,.expand{background:url(http://i81.servimg.com/u/f81/11/91/65/81/plus10.png);cursor:pointer;height:15px;position:absolute;right:10px;top:2px;width:15px}
    .contract{background:url(http://i81.servimg.com/u/f81/11/91/65/81/minus10.png)}

.postprofile {
-moz-border-radius: 10px 0;
-webkit-border-radius: 10px 0 10px 0;
background-image: url(http://i43.tinypic.com/335gvo3.png);
background-position: top center;
background-repeat: repeat-x;
border: 1px solid #BCBCBC;
padding: 8px 5px 5px;
}

Sua folha CSS sem o código do Lightbox ficará assim como está acima.
Só um teste, e veja se volta ao normal.. e depois coloque sua CSS antiga.

Atenciosamente. ~

[Thoth]

O problema estava relacionado à esse código:

Código:

.forumbg {
style=width: 98%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 5px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; z-index: 999; min-width: 1px; min-height: 1px; max-height: 1500px; max-width: 1500px;
}

Mas, depois que eu tirei o css do lightbox, mesmo adicionando-o novamente depois, ele não funciona mais...

[Konai]

Olá,

O Lightbox está com um problema.
Leia isto: https://ajuda.forumeiros.com/t49688-
Porque houve um erro com o código JS do tutorial, e daí de momento Jeffrey preparo este tutorial do sistema feedburner , para facilitar enquanto o problema com o LightBox é concertado.


Até mais

[Fukuller]

Olá,

Eu posso criar um novo script para fazer o efeito lightbox...

Gostaria do efeito lightbox funcionando no seu fórum?

Até mais!

[Thoth]

Se for possível, faça-o e disponibilize para os moderadores testarem e criarem um novo tutorial para nós colocando-o em uso.

Obrigado.

No mais, podem fechar o tópico.