Como ajustar a imagem de fundo das tabelas de acordo com a resolução do monitor
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Como ajustar a imagem de fundo das tabelas de acordo com a resolução do monitor
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
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
Re: Como ajustar a imagem de fundo das tabelas de acordo com a resolução do monitor
Olá!
Adicione este código em seu CSS:
Abraços.
Adicione este código em seu CSS:
td.catHead, th.thHead, td.catLeft, th.thLeft {
border: none !important;
}
Abraços.
Re: Como ajustar a imagem de fundo das tabelas de acordo com a resolução do monitor
Opa, não deu certo cara!
Re: Como ajustar a imagem de fundo das tabelas de acordo com a resolução do monitor
Olá!
Poderia me fornecer o conteúdo de sua folha de estilo CSS?
Abraços.
Poderia me fornecer o conteúdo de sua folha de estilo CSS?
Abraços.
Re: Como ajustar a imagem de fundo das tabelas de acordo com a resolução do monitor
Claro irmão!
O link do meu fórum também: http://pokemestre.forumeiros.com
- 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
Re: Como ajustar a imagem de fundo das tabelas de acordo com a resolução do monitor
Olá!
Adicione este código em seu CSS:
Abraços.
Adicione este código em seu CSS:
.forabg {
background-repeat: repeat-x;
}
Abraços.
Re: Como ajustar a imagem de fundo das tabelas de acordo com a resolução do monitor
Nossa cara, ainda não deu certo!
Re: Como ajustar a imagem de fundo das tabelas de acordo com a resolução do monitor
Opa! Agora deu certo, é que no outro código já havia
Aí foi só trocar! Uhu! Valeu!
Background-repeat: no-repeat;
Aí foi só trocar! Uhu! Valeu!
Tópicos semelhantes
» Modificar imagem de fundo de tabelas
» Como adicionar imagem de fundo no título das tabelas?
» Como ajustar o tamanho das imagens deacordo com o tamanho do monitor?
» Modificar a imagem de fundo das tabelas?
» Imagem de fundo das tabelas
» Como adicionar imagem de fundo no título das tabelas?
» Como ajustar o tamanho das imagens deacordo com o tamanho do monitor?
» Modificar a imagem de fundo das tabelas?
» Imagem de fundo das tabelas
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos