Estatísticas do fórum mal posicionadas

4 participantes

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

Tópico resolvido Estatísticas do fórum mal posicionadas

Mensagem por Side 12.07.13 0:50

Qual é minha questão:
Olá.
Estou com um pequeno problema. As estatisticas do meu fórum estão em cima uma da outra, observe:
Estatísticas do fórum mal posicionadas 2i0r69g
Código:
http://i39.tinypic.com/2i0r69g.png

Aqui está a minha página CSS completa:

Código:
#wrap {
margin-top: -10px;
margin-bottom: -10px;
border-left: solid 15px #2a0101; 
border-right: solid 15px #2a0101;
width: 950px;
}
/*Borde foro Abajo categorias*/
.forabg {
    border-bottom: 20px solid #1c1c1c;
    border-radius: 0px 0px 0px 0px;
    }








/*Quienestaenlinea y estadisticas*/
ul + .h3, #i_whosonline + p {
  width: 49%;
}




.clear + .h3, #page-body p.page-bottom {
  float: right;
  width: 49%;
}
  
.clear + .h3 {
  position: relative;
  bottom: 17.7em;
}




#page-body p.page-bottom {
  position: relative;
  bottom: 13em;
  left: 38em;
}




/*Quitar el Buscar*/
#search-box {visibility:hidden}




/*Subir el Navar*/
#page-header .navbar{
margin-top: -25px;
}
/*widgets*/




#content-container div#right {
border-top-left-radius: 0px;
margin-left: 0px;
margin-top: -69px;
width: 230px;
}




.module .h3 {
visibility:hidden;
}




#content-container div#left {
background-image: url('');
}
.module {
background-url:('');
}




    .module {
    background: url('');
    }




#comments_scroll_div{
   background: url('');
   background-repeat: no-repeat;
   margin-top:-40px;
   margin-left:-7px;
   text-align: left;
   width: 230px;
   height:268px;
   }












#content-container div#left {
    background: URL('');
    margin-left: 7px;
    box-shadow: 0 0 6px #COLOR;
    border-bottom-right-radius: 40px;
    border-top-left-radius: 40px;
    }








    .module{
    background-color:transparent;
    }




/*Logo foro*/
#logo {margin-left: -13px;
margin-top: -12px;}








/*categorias la caja*/
.desc3 {
background-color: #fefefe;
border: 1px solid #COLOR;
border-radius: 0px 00px 0px 0px;
text: Trebuchet MS;
font-size: 9.5px;
color: #COLOR;
display: block;
border-left: 0px solid #241014;  
line-height: 9px;
text-shadow: 1px 1px 0 #COLOR;
margin-left: 15px;
margin-top: 5px;
padding: 10px;
text-align: justify;
width: 350px;
  border-left: solid 15px #4D123F; 
border-right: solid 15px #4D123F;
}












/*aspecto del nombre de los usuarios*/
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-weight: bold;
font-size: 2em;
font-style: italic !important;
font-family: georgia;
text-decoration: none;
letter-spacing: -2px;
}




.postprofile {
display: block;
text-align: center;}




.postprofile dd {
text-align: left;
margin-top: 4px;
}




/*estilo de las leyendas*/
p em b a.gensmall {
color: #000000;
font-family: georgia;
font-size: 17px;
font-style: italic;
text-align: center;
text-shadow: 0 0 4px #COLOR;
text-transform: lowercase;
}




p em {
font-style: normal;
color: transparent;
}




/*color de fondo a los autores de un post*/
p.author {
background-color: #090706;
border-radius: 0px 0px 0px 0px;
margin-top: 20px;
padding: 3px !important;
position: relative;
right: -7em;
text-align: center;
text-shadow: 1px 1px 0 #COLOR;
}




p.author {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
line-height: 1.2em;
margin: 0 15em 0.6em 0;
padding: 0 0 5px;
}




/*Barra Editar,Borrar y citar movimiento*/




.postbody ul.profile-icons{margin-top:-4px;margin-right:-37px}




/*perfil*/
.postprofile a img{
      opacity: 0.7;
      transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -webkit-transition: all 0.5s ease 0s;
    }




    .postprofile a img:hover {
      opacity: 1;
    }




.postprofile {
    display: block;
    text-align: left;}




    .postprofile dd {
            text-align: left;
            margin-top: 4px;
      }








/*mensajes*/
ul#picture_legend {
background-color: #090706;
background-position: center center;
background-repeat: no-repeat;
padding: 18px 0;
border-radius: 0px 0px 0px 0px;
text-align: center;
}












/*Título de Categorias*/
li.header {
text-transform: none;
font-size:0px;
padding: 10px;
background: url('http://i51.tinypic.com/20pwmy8.jpg');
border-left: 20px solid #2a0101;
  border-rigth: 20px solid #2a0101;
text-align: left;
}




.table-title, .table-title h2 {
color: #COLOR;
font: 33px Megrim;
letter-spacing: 3px;
text-shadow: 1px 1px 1px #COLOR;
}




/*Títulos de los foros*/
a.forumtitle {
border-left: 0px solid #241014;
display: block;
font: 10px Arial;
letter-spacing: 3px;  
margin-top: 10px;
margin-bottom: -10px;
width: 1175px;
padding: 5px;
height: 5px;
width: 400px;
position: relative;
text-transform: none;
-webkit-transition:0.8s;
-o-transition:0.8s;
-moz-transitio:0.8s;
}




a.forumtitle:hover{
padding-left: 20px;
-webkit-transition:0.2s;
-o-transition:0.2s;
-moz-transitio:0.2s;
}




/*lo que hace que se baje el cuadro del chrome*/




#helpbox.helpline {
display:none;
}




/*Code, Spoiler y Quote*/
dl.codebox {
background-color: #f9f8f8;
border-left: 20px solid #241014;
border-top:none;
border-right: none;
border-bottom: none;
padding:5px;
}








dl.codebox dt {
display:block;
font-size:0.8em;
font-weight:700;
color:#7a7a7a;
text-align: center;
margin-bottom:3px;
text-transform:uppercase;
font-family:,Arial,Helvetica,sans-serif;
border-bottom:none;}




dl.codebox code {
color:#7a7a7a;
font-family:,Arial,Helvetica,sans-serif;
text-shadow:1px 1px 1px 141414;
font-size:11px;
border-bottom:none;
}




blockquote {
background-color: #f9f8f8;
border-left: 20px solid #241014;
border-top:none;
border-right: none;
border-bottom: none;
padding:5px;
}




blockquote blockquote {
background-color: #f9f8f8;
border-left: 20px solid #241014;
border-top:none;
border-right: none;
border-bottom: none;
padding: 5px;
}




.content blockquote {
color:#7a7a7a;
font-family:,Arial,Helvetica,sans-serif;
text-shadow:1px 1px 1px 141414;
font-size:11px;
border-bottom: none;
}

Se possivel for, moderiam também me dizer como retirar a opção de sublinhar o link quando o mouse está em cima? obrigado.

Endereço do meu fórum:
http://br-sobrenaturalrpg.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por Death~ em 12.07.13 2:37, editado 1 vez(es)
Side

Side
Membro

Membro desde : 28/11/2010
Mensagens : 733
Pontos : 1040

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Estatísticas do fórum mal posicionadas

Mensagem por Sennior 12.07.13 0:56

Olá,

Troque teu CSS pelo abaixo:

Código:
#wrap {
margin-top: -10px;
margin-bottom: -10px;
border-left: solid 15px #2a0101;
border-right: solid 15px #2a0101;
width: 950px;
}
/*Borde foro Abajo categorias*/
.forabg {
    border-bottom: 20px solid #1c1c1c;
    border-radius: 0px 0px 0px 0px;
    }








/*Quienestaenlinea y estadisticas*/
ul + .h3, #i_whosonline + p {
  width: 49%;
}




.clear + .h3, #page-body p.page-bottom {
  float: right;
  width: 49%;
}
 
.clear + .h3 {
  position: relative;
  bottom: 17.7em;
}




#page-body p.page-bottom {
  position: relative;
  bottom: 13em;
  left: 38em;
}




/*Quitar el Buscar*/
#search-box {visibility:hidden}




/*Subir el Navar*/
#page-header .navbar{
margin-top: -25px;
}
/*widgets*/




#content-container div#right {
border-top-left-radius: 0px;
margin-left: 0px;
margin-top: -69px;
width: 230px;
}




.module .h3 {
visibility:hidden;
}




#content-container div#left {
background-image: url('');
}
.module {
background-url:('');
}




    .module {
    background: url('');
    }




#comments_scroll_div{
  background: url('');
  background-repeat: no-repeat;
  margin-top:-40px;
  margin-left:-7px;
  text-align: left;
  width: 230px;
  height:268px;
  }












#content-container div#left {
    background: URL('');
    margin-left: 7px;
    box-shadow: 0 0 6px #COLOR;
    border-bottom-right-radius: 40px;
    border-top-left-radius: 40px;
    }








    .module{
    background-color:transparent;
    }




/*Logo foro*/
#logo {margin-left: -13px;
margin-top: -12px;}








/*categorias la caja*/
.desc3 {
background-color: #fefefe;
border: 1px solid #COLOR;
border-radius: 0px 00px 0px 0px;
text: Trebuchet MS;
font-size: 9.5px;
color: #COLOR;
display: block;
border-left: 0px solid #241014; 
line-height: 9px;
text-shadow: 1px 1px 0 #COLOR;
margin-left: 15px;
margin-top: 5px;
padding: 10px;
text-align: justify;
width: 350px;
  border-left: solid 15px #4D123F;
border-right: solid 15px #4D123F;
}












/*aspecto del nombre de los usuarios*/
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-weight: bold;
font-size: 2em;
font-style: italic !important;
font-family: georgia;
letter-spacing: -2px;
}




.postprofile {
display: block;
text-align: center;}




.postprofile dd {
text-align: left;
margin-top: 4px;
}



/*color de fondo a los autores de un post*/
p.author {
background-color: #090706;
border-radius: 0px 0px 0px 0px;
margin-top: 20px;
padding: 3px !important;
position: relative;
right: -7em;
text-align: center;
text-shadow: 1px 1px 0 #COLOR;
}




p.author {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
line-height: 1.2em;
margin: 0 15em 0.6em 0;
padding: 0 0 5px;
}




/*Barra Editar,Borrar y citar movimiento*/




.postbody ul.profile-icons{margin-top:-4px;margin-right:-37px}




/*perfil*/
.postprofile a img{
      opacity: 0.7;
      transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -webkit-transition: all 0.5s ease 0s;
    }




    .postprofile a img:hover {
      opacity: 1;
    }




.postprofile {
    display: block;
    text-align: left;}




    .postprofile dd {
            text-align: left;
            margin-top: 4px;
      }








/*mensajes*/
ul#picture_legend {
background-color: #090706;
background-position: center center;
background-repeat: no-repeat;
padding: 18px 0;
border-radius: 0px 0px 0px 0px;
text-align: center;
}












/*Título de Categorias*/
li.header {
text-transform: none;
font-size:0px;
padding: 10px;
background: url('http://i51.tinypic.com/20pwmy8.jpg');
border-left: 20px solid #2a0101;
  border-rigth: 20px solid #2a0101;
text-align: left;
}




.table-title, .table-title h2 {
color: #COLOR;
font: 33px Megrim;
letter-spacing: 3px;
text-shadow: 1px 1px 1px #COLOR;
}




/*Títulos de los foros*/
a.forumtitle {
border-left: 0px solid #241014;
display: block;
font: 10px Arial;
letter-spacing: 3px; 
margin-top: 10px;
margin-bottom: -10px;
width: 1175px;
padding: 5px;
height: 5px;
width: 400px;
position: relative;
text-transform: none;
-webkit-transition:0.8s;
-o-transition:0.8s;
-moz-transitio:0.8s;
}




a.forumtitle:hover{
padding-left: 20px;
-webkit-transition:0.2s;
-o-transition:0.2s;
-moz-transitio:0.2s;
}




/*lo que hace que se baje el cuadro del chrome*/




#helpbox.helpline {
display:none;
}




/*Code, Spoiler y Quote*/
dl.codebox {
background-color: #f9f8f8;
border-left: 20px solid #241014;
border-top:none;
border-right: none;
border-bottom: none;
padding:5px;
}








dl.codebox dt {
display:block;
font-size:0.8em;
font-weight:700;
color:#7a7a7a;
text-align: center;
margin-bottom:3px;
text-transform:uppercase;
font-family:,Arial,Helvetica,sans-serif;
border-bottom:none;}




dl.codebox code {
color:#7a7a7a;
font-family:,Arial,Helvetica,sans-serif;
text-shadow:1px 1px 1px 141414;
font-size:11px;
border-bottom:none;
}




blockquote {
background-color: #f9f8f8;
border-left: 20px solid #241014;
border-top:none;
border-right: none;
border-bottom: none;
padding:5px;
}




blockquote blockquote {
background-color: #f9f8f8;
border-left: 20px solid #241014;
border-top:none;
border-right: none;
border-bottom: none;
padding: 5px;
}




.content blockquote {
color:#7a7a7a;
font-family:,Arial,Helvetica,sans-serif;
text-shadow:1px 1px 1px 141414;
font-size:11px;
border-bottom: none;
}

Abraços. Piscada
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Estatísticas do fórum mal posicionadas

Mensagem por Side 12.07.13 1:04

Não resultou, pelo contrário, apenas retirou o efeito nos grupos.
Side

Side
Membro

Membro desde : 28/11/2010
Mensagens : 733
Pontos : 1040

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Estatísticas do fórum mal posicionadas

Mensagem por -Yts 12.07.13 1:07

Desculpe,fui ao seu fórum e não vi as estatísticas erradas,

Tem como mim explicar melhor?

Pois o Tinypic não está a funcionar.

Até mais.
avatar

-Yts
***

Membro desde : 26/05/2013
Mensagens : 130
Pontos : 210

http://powerduckets.forumfacil.net/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Estatísticas do fórum mal posicionadas

Mensagem por Sennior 12.07.13 1:12

Olá,

Acrescente este código no inicio de teu CSS:

Código:
p em {
position: absolute !important;
top: 854px !important;
}a.forumtitle:hover {
color: #c4bdb5;
text-decoration: none !important;
}

Irá resultar.

Até mais.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Estatísticas do fórum mal posicionadas

Mensagem por Side 12.07.13 1:33

-Yts escreveu:Olá,
Bem deve ser seu Navegador,tente limpar o seu Cache,
Pois Aqui está tudo normal,ou você deve ter modificado algo.

Piscada

Até mais.

Testei no Chrome e no Mozila e deu a mesma coisa.

Miké, este código fez sumir os grupos :X
Side

Side
Membro

Membro desde : 28/11/2010
Mensagens : 733
Pontos : 1040

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Estatísticas do fórum mal posicionadas

Mensagem por Hizu 12.07.13 1:44

Saudações!

Aceda à sua "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS


Adicione este código no inicio ou final da tua CSS:
Código:
#page-body p.page-bottom, .clear + .h3 {
float: left !important;
width: 50% !important;
}

Feito isto, salve!

Atenciosamente,
Hizu. Piscada
avatar

Hizu
****

Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360

Ir para o topo Ir para baixo

Tópico resolvido Re: Estatísticas do fórum mal posicionadas

Mensagem por Side 12.07.13 1:55

Hizu, seu código fez com que as estatísticas saltassem para fora do quadro, para a direita, mais precisamente.
Acho que é este código, mas onde edito o código para ir mudando o posicionamento?

Obrigado.
Side

Side
Membro

Membro desde : 28/11/2010
Mensagens : 733
Pontos : 1040

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Estatísticas do fórum mal posicionadas

Mensagem por Hizu 12.07.13 2:25

Eu apenas modifiquei de right para left, mas vamos aos poucos.

Substitua o código fornecido anteriormente por este:
#page-body p.page-bottom, .clear + .h3 {
float: right !important;
margin-left: -10px;
width: 50% !important;
}

Flecha ajudeiros Modifique o valor destacado em negrito diminuindo ou aumentando, até ficar ao teu gosto! Positivo

Atenciosamente,
Hizu. Piscada
avatar

Hizu
****

Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360

Ir para o topo Ir para baixo

Tópico resolvido Re: Estatísticas do fórum mal posicionadas

Mensagem por Side 12.07.13 2:35

Hizu, muito obrigado, consegui resolver meu problema.
Obrigado à você também Mikéé, desculpem-me pelo transtorno Feliz

Obrigado novamente.
Resolvido!
Side

Side
Membro

Membro desde : 28/11/2010
Mensagens : 733
Pontos : 1040

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste sub-fórum
Não podes responder a tópicos