Fundo da página fixo
+2
BrunoFox
EyesInFire
6 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
Fundo da página fixo
Qual é minha questão:
Assim meu fórum ta tipo sem fundo, na verdade ele só é um fundo entrem nele e vejam, irei postar imagem.
Medidas que eu tomei para corrigir o problema:
-
Imagens do meu problema:
Meu fórum: http://yourimg.in/m/859v0q8.PNG
De um amigo: http://yourimg.in/m/447126d.PNG
Endereço do meu fórum:
http://reddesign.forumeiros.com/
Versão do meu fórum:
INVISION
Assim meu fórum ta tipo sem fundo, na verdade ele só é um fundo entrem nele e vejam, irei postar imagem.
Medidas que eu tomei para corrigir o problema:
-
Imagens do meu problema:
Meu fórum: http://yourimg.in/m/859v0q8.PNG
De um amigo: http://yourimg.in/m/447126d.PNG
Endereço do meu fórum:
http://reddesign.forumeiros.com/
Versão do meu fórum:
INVISION
Re: Fundo da página fixo
Não entendi muito bem... mais pra que quer um fundo e o dele que eu vi ta igual o seu e tipo seu forum ta bem mais bonito que o dele e eu axo que não precisa tanto assim do fundo... mais afinal é vc quem é o adm ne
Re: Fundo da página fixo
Olá!
Tente com este código:
Melhores cumprimentos,
seender
Tente com este código:
No local de vermelho coloque o link da imagem que será exibido no fundo desta área..h3, .h2{
background-image: url(Endereço-da-imagem);
}
Melhores cumprimentos,
seender
Re: Fundo da página fixo
O código não pega e tipo eu mexi em uma coisa do CSS e bugou mas dai coloquei de volta e voltou ao normal.
Vou passar o CSS para verem, tipo eu queria deixar um cinza claro na cor principal e de fundo preto ou cinza escuro
Vou passar o CSS para verem, tipo eu queria deixar um cinza claro na cor principal e de fundo preto ou cinza escuro
- Código:
.borderwrap {
background-image: url('http://i49.servimg.com/u/f49/16/29/02/78/barra10.png');
background-repeat: repeat-x;
}
.borderwrapm, div.borderwrap {
background-color: #292929;
border-bottom-color: #1F2221;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
border-left-color-value: #1F2221;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-left-style-value: solid;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-left-width-value: 1px;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-right-color-value: #1F2221;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-right-style-value: solid;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-right-width-value: 1px;
border-top-color: #1F2221;
border-top-style: solid;
border-top-width: 1px;
padding-bottom: 1px;
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
}
/* Signature-------------------------------------------------*/
.signature {
background: url('http://i49.servimg.com/u/f49/16/29/02/78/barra10.png') no-repeat;
background-position: top center;
padding: 35px 0px 0px 0px;
font-size: 1.1em;
border-top: 1px solid #2f3333;
clear: left;
line-height: 140%;
overflow: hidden;
width: 100%;
height: 100%;
margin-top: 1.5em;
}
dl.codebox {
background-image: url('http://i49.servimg.com/u/f49/16/29/02/78/barra10.png');
background-repeat: repeat-x;
border: 1px solid #31b87a;
}
dl.codebox code {
color: #888888;
}
blockquote {
background: #3d4141 url("http://i74.servimg.com/u/f74/12/74/93/16/199.gif") 6px 1px repeat-x;
border: 1px solid #ec9006;
}
a {
outline: none;
}
a:link,a:visited,a:active{
background: transparent;
color: #dfdfdf;
text-decoration: none;
}
a:hover{
background: transparent;
color: #ffb400;
text-decoration: none;
text-shadow: 0 0 5px #ffd800 !important;
}
.ipbtable {
background-image: url('http://i74.servimg.com/u/f74/12/74/93/16/195.gif');
background-repeat: repeat-x;
}
.row1 {
background-image: url('http://i74.servimg.com/u/f74/12/74/93/16/191.gif');
background-repeat: repeat-x;
}
.row2 {
background-image: url('http://i74.servimg.com/u/f74/12/74/93/16/191.gif');
background-repeat: repeat-x;
}
.clearfix {
background-image: url('');
background-repeat: repeat-x;
}
.clearfix {
background-image: url('');
background-repeat: repeat-x;
}
table, tr, td {
background-color:transparent; border:none; border-width:0;
}
body {
background-color:000000;
background-image:url('http://i74.servimg.com/u/f74/12/74/93/16/193.gif');
background-position: top center;
background-attachment:;
background-repeat: repeat-y;
scrollbar-face-color:0061ff;
scrollbar-highlight-color:0061ff;
scrollbar-3dlight-color:000000;
scrollbar-shadow-color:f6efef;
scrollbar-darkshadow-color:f6efef;
scrollbar-arrow-color:f6efef;
scrollbar-track-color:f6efef;
margin-top: 15px;
margin-bottom: 0px;
}
body {
background-color: #2F2F2F;
background-image: url("");
background-position: 0 0;
background-repeat: repeat;
}
div#logostrip {
background-color: #2F2F2F !important;
background-image: url("");
background-repeat: repeat;
}
/* TESTES */
#submenu {
-moz-background-clip: border;
-moz-background-origin: padding;
-moz-background-size: auto auto;
background-attachment: scroll;
background-color: #df9400;
background-image: url("http://img811.imageshack.us/img811/3505/bgmenubrd.png");
background-position: 0 0;
background-repeat: repeat-x;
height: 61px;
left: 100%;
margin-top: 10px !important;
width: 100%;
}
#submenu ul li a {
color: #d4d4d4;
margin-bottom: 0.65em;
margin-left: 0;
margin-right: 1em;
margin-top: 1.5em;
padding-bottom: 0.65em;
padding-left: 0;
padding-right: 1em;
padding-top: 0.5em;
text-decoration: none;
}
/* MEMBRO */
.member {
background-color: #2F2F2F;
border-bottom-color: #d19218;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
border-left-color-value: #d19218;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-left-style-value: solid;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-left-width-value: 0px;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-right-color-value: #d19218;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-right-style-value: solid;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-right-width-value: 0px;
border-top-color: #d19218;
border-top-style: solid;
border-top-width: 0px;
float: left;
margin-bottom: 2px;
margin-right: 2px;
padding-bottom: 3px;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
width: 22%;
}
.popupmenu li {
background-color: #2F2F2F;
background-image: url("http://2img.net/i/fa/invision/menu_item.gif");
background-position: 2px 50%;
background-repeat: no-repeat;
border-bottom-color: #161616;
border-bottom-style: solid;
border-bottom-width: 1px;
display: block;
padding-bottom: 0.5em;
padding-left: 0.5em;
padding-right: 0.5em;
padding-top: 0.5em;
text-decoration: none;
white-space: nowrap;
}
.popupmenu {
background-color: #D0D0D0;
}
#navstrip {
color: #D0D0D0;
font-weight: 700;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
}
/* MEMBRO FIM */
.bar {
background-color: #292929;
border-bottom-color: -moz-use-text-color;
border-bottom-style: none;
border-bottom-width: medium;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
border-left-color-value: -moz-use-text-color;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-left-style-value: none;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-left-width-value: medium;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-right-color-value: -moz-use-text-color;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-right-style-value: none;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-right-width-value: medium;
border-top-color: -moz-use-text-color;
border-top-style: none;
border-top-width: medium;
}
.post-footer {
background-color: #292929;
background-image: url("http://img526.imageshack.us/img526/2536/iconefundo2pequeno.png");
border-top-color: #292929;
border-top-style: solid;
border-top-width: 1px;
}
69-ltr.css (linha 544)
.post-footer {
background-color: #C6CCD4;
border-top-color: #9AA4B1;
border-top-style: solid;
border-top-width: 1px;
clear: both;
}
69-ltr.css (linha 1)
* {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
}
.postbody {
background-color: #292929;
border-bottom-color: -moz-use-text-color;
border-bottom-style: none;
border-bottom-width: medium;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
border-left-color-value: -moz-use-text-color;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-left-style-value: none;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-left-width-value: medium;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-right-color-value: -moz-use-text-color;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-right-style-value: none;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-right-width-value: medium;
border-top-color: -moz-use-text-color;
border-top-style: none;
border-top-width: medium;
}
.post .post-header {
background-color: #CADCEB;
background-image: url("http://img526.imageshack.us/img526/2536/iconefundo2pequeno.png");
}
.post {
background-color: #292929;
border-bottom-color: #333333;
border-bottom-style: solid;
border-bottom-width: 0;
}
.topic-footer {
background-color: #EBEADD;
background-image: url("http://img526.imageshack.us/img526/2536/iconefundo2pequeno.png");
}
69-ltr.css (linha 539)
.topic-footer {
background-color: #DFE6EF;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
}
/* TOPIC */
.tfooter {
background-color: #292929;
background-image: url("http://img526.imageshack.us/img526/2536/iconefundo2pequeno.png");
border-bottom-color: -moz-use-text-color !important;
border-bottom-style: none !important;
border-bottom-width: medium !important;
border-left-color-ltr-source: physical !important;
border-left-color-rtl-source: physical !important;
border-left-color-value: -moz-use-text-color !important;
border-left-style-ltr-source: physical !important;
border-left-style-rtl-source: physical !important;
border-left-style-value: none !important;
border-left-width-ltr-source: physical !important;
border-left-width-rtl-source: physical !important;
border-left-width-value: medium !important;
border-right-color-ltr-source: physical !important;
border-right-color-rtl-source: physical !important;
border-right-color-value: -moz-use-text-color !important;
border-right-style-ltr-source: physical !important;
border-right-style-rtl-source: physical !important;
border-right-style-value: none !important;
border-right-width-ltr-source: physical !important;
border-right-width-rtl-source: physical !important;
border-right-width-value: medium !important;
border-top-color: -moz-use-text-color !important;
border-top-style: none !important;
border-top-width: medium !important;
}
/* TOPIC */
table.ipbtable th.forum {
color: #f9b047;
text-align: left;
width: 60%;
}
table.ipbtable th.forum2 {
color: #f9b047;
}
table.ipbtable th.topics, table.ipbtable th.replies, table.ipbtable th.views {
color: #f9b047;
width: 8%;
}
table.ipbtable th.starter {
color: #f9b047;
}
table.ipbtable .last {
color: #f9b047;
}
/* TITULO TOPICO QUAL ESTA */
#navstrip li {
background-attachment: scroll;
background-color: transparent;
background-image: url("http://img89.imageshack.us/img89/8931/amarela.png");
background-position: 0 50%;
background-repeat: no-repeat;
float: left;
margin-bottom: 0;
margin-left: 5px;
margin-right: 5px;
margin-top: 0;
padding-left: 13px;
}
#navstrip li.begin {
background-attachment: scroll;
background-color: transparent;
background-image: url("http://img89.imageshack.us/img89/8931/amarela.png");
background-position: 0 50%;
background-repeat: no-repeat;
padding-left: 15px;
}
/* END */
#chatbox {
bottom: 30px;
left: 181px;
line-height: 10px;
overflow-x: auto;
overflow-y: auto;
position: absolute;
right: 0;
top: 45px;
}
/* TESTE */
.mainmenu:hover{position:relative!important;bottom:3px!important}
dl.codebox{background:none;border:none;padding:0px}
.forabg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.forumbg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
input,textarea{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
#text_editor_controls
a.button2,#text_editor_controls button.button2,#text_editor_controls
input.button2{-moz-border-radius:0!important;-webkit-border-radius:0!important;background-image:url(http://i66.servimg.com/u/f66/13/46/75/82/untitl31.png)!important;color:blue!important;padding:5px!important}
Re: Fundo da página fixo
Olá!
Painel de Controle -> Visualização -> Imagens e cores -> Cores / Folha de estilos CSS
Lá adicione este código:
Caso contrário, faça o seguinte:
Painel de controle -> Visualização -> Imagens e Cores -> Gestão das imagens / Modo avançado
Procure pelo campo "Imagem do fundo da página" procure pela a alternativa "Fundo da página fixo" e salve.
Atenciosamente!
Painel de Controle -> Visualização -> Imagens e cores -> Cores / Folha de estilos CSS
Lá adicione este código:
Modifique o valor em negrito pelo endereço da imagem de fundo.body {
background-image: url('ENDEREÇO_DA_IMAGEM');
background-repeat: repeat-x;
}
Caso contrário, faça o seguinte:
Painel de controle -> Visualização -> Imagens e Cores -> Gestão das imagens / Modo avançado
Procure pelo campo "Imagem do fundo da página" procure pela a alternativa "Fundo da página fixo" e salve.
Atenciosamente!
Consolado- Hiper Membro
- Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128
Re: Fundo da página fixo
Não funciona. Acho que é pelos outros códigos.
Ou pode ser pela versão Invision. Obrigado pessoal, mas não irei querer colocar mais.
Ou pode ser pela versão Invision. Obrigado pessoal, mas não irei querer colocar mais.
Re: Fundo da página fixo
Olá,
Tente este código:
Resulta?
Cumprimentos,
Owner.
Tente este código:
- Código:
body {
background-image: url('ENDEREÇO_DA_IMAGEM');
background-repeat: transparent-x;
}
Resulta?
Cumprimentos,
Owner.
Tópicos semelhantes
» Fundo fixo na página
» Imagem de fundo fixo
» Fundo da página
» Fundo do fórum fixo nos tópicos
» Remover menu fixo ao descer a página (ModernBB)
» Imagem de fundo fixo
» Fundo da página
» Fundo do fórum fixo nos tópicos
» Remover menu fixo ao descer a página (ModernBB)
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