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

2 participantes

Ir para baixo

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

Mensagem por Pika_mestre 20.07.12 20:44

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
Pika_mestre
Pika_mestre
****

Membro desde : 28/06/2011
Mensagens : 362
Pontos : 580

http://pokemestre.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como ajustar a imagem de fundo das tabelas de acordo com a resolução do monitor

Mensagem por MateusV. 20.07.12 21:22

Olá!

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

Abraços. Piscada
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Como ajustar a imagem de fundo das tabelas de acordo com a resolução do monitor

Mensagem por Pika_mestre 20.07.12 21:24

Opa, não deu certo cara!
Pika_mestre
Pika_mestre
****

Membro desde : 28/06/2011
Mensagens : 362
Pontos : 580

http://pokemestre.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como ajustar a imagem de fundo das tabelas de acordo com a resolução do monitor

Mensagem por MateusV. 20.07.12 21:26

Olá!

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

Abraços. Piscada
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Como ajustar a imagem de fundo das tabelas de acordo com a resolução do monitor

Mensagem por Pika_mestre 20.07.12 21:34

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
Pika_mestre
Pika_mestre
****

Membro desde : 28/06/2011
Mensagens : 362
Pontos : 580

http://pokemestre.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como ajustar a imagem de fundo das tabelas de acordo com a resolução do monitor

Mensagem por MateusV. 20.07.12 21:39

Olá!

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

Abraços. Piscada
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Como ajustar a imagem de fundo das tabelas de acordo com a resolução do monitor

Mensagem por Pika_mestre 20.07.12 21:41

Nossa cara, ainda não deu certo!
Pika_mestre
Pika_mestre
****

Membro desde : 28/06/2011
Mensagens : 362
Pontos : 580

http://pokemestre.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como ajustar a imagem de fundo das tabelas de acordo com a resolução do monitor

Mensagem por Pika_mestre 20.07.12 21:45

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

Background-repeat: no-repeat;

Aí foi só trocar! Uhu! Valeu!
Pika_mestre
Pika_mestre
****

Membro desde : 28/06/2011
Mensagens : 362
Pontos : 580

http://pokemestre.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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