Como ajustar a imagem de fundo das tabelas de acordo com a resolução do monitor

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

Resolvido Como ajustar a imagem de fundo das tabelas de acordo com a resolução do monitor

Mensagem por Pika_mestre em 20/07/12, 04:44 pm

Qual é minha questão:
Gente, fiz as imagens dos fundos das tabelas do meu fórum (aquelas que ficam no fundo dos títulos dos fóruns) num monitor 1024x768, mas fui entrar no meu fórum de um computador cujo o monitor é maior que o meu e ví que a barra de "Fundo das Tabelas" que eu fiz ficou menor, sobrando um fundo preto horrível! Seria possível eu ajustar (por meio de CSS talvez), o fundo dessas tabelas? (Se alguém aí tiver um monitor de resolução maior que 1024x768, entrem no meu fórum e vejam!

Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://souandroid.forumeiros.com

Versão do meu fórum:
PHPBB2
avatar

Pika_mestre
Usuário avançado

Masculino
Inscrito dia : 28/06/2011
Mensagens : 362
Pontos Ativos : 580

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

Resolvido Re: Como ajustar a imagem de fundo das tabelas de acordo com a resolução do monitor

Mensagem por MateusV. em 20/07/12, 05:22 pm

Olá!

Adicione este código em seu CSS:
td.catHead, th.thHead, td.catLeft, th.thLeft {
border: none !important;
}

Abraços. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Como ajustar a imagem de fundo das tabelas de acordo com a resolução do monitor

Mensagem por Pika_mestre em 20/07/12, 05:24 pm

Opa, não deu certo cara!
avatar

Pika_mestre
Usuário avançado

Masculino
Inscrito dia : 28/06/2011
Mensagens : 362
Pontos Ativos : 580

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

Resolvido Re: Como ajustar a imagem de fundo das tabelas de acordo com a resolução do monitor

Mensagem por MateusV. em 20/07/12, 05:26 pm

Olá!

Poderia me fornecer o conteúdo de sua folha de estilo CSS?

Abraços. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Como ajustar a imagem de fundo das tabelas de acordo com a resolução do monitor

Mensagem por Pika_mestre em 20/07/12, 05:34 pm

Claro irmão!
Código:
td.catHead, th.thHead, td.catLeft, th.thLeft {
border: none !important;
}
.forabg {
background-color: #0A0808;
background-image: url(http://i48.servimg.com/u/f48/16/38/63/03/projet21.png);
background-position: 0 0;
background-position-x: 0px;
background-position-y: 0px;
background-repeat: no-repeat;
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
border: 2px solid white;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: white;
border-right-color: white;
border-bottom-color: white;
border-left-color: white;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
}
#username_reg {
border:2px solid red!important;
}
#username_reg.okusername {
border:2px solid green!important;
}
a:hover {text-shadow: 0px 2px 3px #666; text-decoration: none;  font-size: 14px;}

.module .box-content, .module, .module .main-content {
background-image: url('') !important;
background-repeat: repeat-x !important;
background-position: center top !important;
background-color: white !important;
border: double 1px
                                  }
#fa_ticker_container { text-transform: capitalize; border-style: double;
                                  }
dl.details img{position:relative;right:43px}
#picture_legend {
background-position: center;
background-repeat: no-repeat;
background: url(http://i48.servimg.com/u/f48/16/38/63/03/fundo_13.png) no-repeat 50% 0;
padding: 24px 0;}
#chatbox_members .member-title { background-color: #000000
                            }
#chatbox_members { background-color: #000000
                          }
#logo-desc {
background-color: white;
}

.h3 {color: #303B4A; text-transform: uppercase; font-size: 1.05em;
                }

.genmed  module-title { background-color: #ffffff;
                          }
span.nav a img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;

span.nav a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}*
input,textarea{background-color:#E1EBF2!important;box-shadow:1px 1px 10px #000000;border-radius:10px 10px 10px 10px;-moz-border-radius:10px 10px 10px 10px;-webkit-border-radius:10px 10px 10px 10px
                      }
.quote {background-color: #B57EDC; color: yellow; font-family: Trebuchet, verdana, Arial, Comic Sans MS, sans-serif;
                }
#comecar {text-decoration: overline;
                      }
#i_icon_mini_register {border: 4px inset gold
                      }a.topictitle:hover,a.forumlink:hover{color:#4480A8;text-shadow:0px 0px 5px #827b9c; text-decoration: none; border-bottom:2px solid #74AFD7}p.chatbox_row_1,p.chatbox_row_2,p.chatbox_row_3,p.chatbox_row_4{background:transparent;color:#FFFFFF}span.msg span,.user-msg,span.user a,span.user a span strong{color:white!important}.bodyline{
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 4px inset gold;
}#chatbox{background-image:url(http://i48.servimg.com/u/f48/16/38/63/03/imagem14.jpg);
background-repeat:repeat;
background-position:left;
background-size:100% 100%;-webkit-background-size:100%;-o-background-size:100%;-khtml-background-size:100%;-moz-background-size:100% 100%; text-transform: capitalize; }
a.mainmenu img {
filter:alpha(opacity=40);
-moz-opacity: 0.4;
opacity: 0.4;
}
a.mainmenu img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}*{font-style:normal!important}i{font-style:italicnormal!important}dl.codebox{background:none;border:none;padding:0px}* {
font-style:normal;
}.img_list_hp {
border: 1px solid #0372BE;
padding: 0;
float: left;
color: #FFF !important;
width: auto;
font-size: 11px;
text-align: center;
margin: auto 10px auto auto;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

.img_list_hp:hover {
background-color: #DCEAF5;
}

.img_list_hp img {
padding: 8px 15px;
}

.img_list_hp span {
background-color: #0372BE;
color #FFF;
display: block;
padding: 0 10px;
}
.img_list_hp a {
color: #FFF !important;
text-decoration: none;
}
#img_list_alt {
background-image: url(http://i21.servimg.com/u/f21/11/81/27/88/arrow_10.png);
background-repeat: no-repeat;
background-position: 20px 0;
padding-top: 13px;
padding-left: 55px;
}
#page-header .navar ul li a{
margin: 0 0px 0 0;
color: white;
font-weight: bold;
position: relative;
top: 3px;
text-shadow: black 1px 1px 5px;
padding-right: 5px;
padding-left: 5px;
font-size: 12px;}

#pun-navlinks ul {text-align: center;}

#page-header .navar ul li a:hover{
text-shadow: black -1px -1px 3px;
text-decoration: none;
height: 29px;
background: #831702;
padding: 5px;
padding-top: 10px;
padding-bottom: 12px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;}

#page-header .navar ul  a[href="/profile.forum?mode=register"]{background: #831702;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
padding: 5px;
padding-top: 10px;
padding-bottom: 12px;
border: 2px solid white;
-moz-box-shadow: 0px 0px 5px #0c0c0c;
-webkit-box-shadow: 0px 0px 5px #0c0c0c;
box-shadow: 0px 0px 5px #0c0c0c;}

#i_icon_mini_new_message{margin-bottom: -5px;}
.bottom{
position: fixed;
bottom: 0px;
right: 0px;
}
.bottom:hover{
list-style:none;
overflow:hidden;
background:#F6F4D0; 
margin:2px 2px 2px;
}
#login_popup {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}div.main div.main-content table.table tbody.statused tr td:hover{background-color:#EDFFD6}#page-header .navar ul {
border-top: 2px solid #a71d02;
border-bottom: 2px solid #a71d02;
background: #a71d02;
height: 25px;
margin-top: -16px;
margin-bottom: -4px;
width: 920px;
padding: 0px;}

#page-header .navar ul li a{
margin: 0 0px 0 0;
color: white;
font-weight: bold;
position: relative;
top: 3px;
text-shadow: black 1px 1px 5px;
padding-right: 5px;
padding-left: 5px;
font-size: 12px;}

#pun-navlinks ul {text-align: center;}
#comments_scroll_div a:hover {color: black;
font-size: 10px;
  font-weight: bold;
}

O link do meu fórum também: http://pokemestre.forumeiros.com
avatar

Pika_mestre
Usuário avançado

Masculino
Inscrito dia : 28/06/2011
Mensagens : 362
Pontos Ativos : 580

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

Resolvido Re: Como ajustar a imagem de fundo das tabelas de acordo com a resolução do monitor

Mensagem por MateusV. em 20/07/12, 05:39 pm

Olá!

Adicione este código em seu CSS:
.forabg {
background-repeat: repeat-x;
}

Abraços. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Como ajustar a imagem de fundo das tabelas de acordo com a resolução do monitor

Mensagem por Pika_mestre em 20/07/12, 05:41 pm

Nossa cara, ainda não deu certo!
avatar

Pika_mestre
Usuário avançado

Masculino
Inscrito dia : 28/06/2011
Mensagens : 362
Pontos Ativos : 580

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

Resolvido Re: Como ajustar a imagem de fundo das tabelas de acordo com a resolução do monitor

Mensagem por Pika_mestre em 20/07/12, 05:45 pm

Opa! Agora deu certo, é que no outro código já havia

Background-repeat: no-repeat;

Aí foi só trocar! Uhu! Valeu!
avatar

Pika_mestre
Usuário avançado

Masculino
Inscrito dia : 28/06/2011
Mensagens : 362
Pontos Ativos : 580

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

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