Fundo da página fixo

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

Resolvido Fundo da página fixo

Mensagem por EyesInFire em Sex 2 Set - 2:26

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
avatar

EyesInFire
Nível 9

Masculino
Inscrito dia : 14/03/2011
Mensagens : 212
Pontos Ativos : 336

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

Resolvido Re: Fundo da página fixo

Mensagem por BrunoFox em Sex 2 Set - 2:45

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 Louco
avatar

BrunoFox
Usuário avançado

Masculino
Inscrito dia : 05/07/2011
Mensagens : 366
Pontos Ativos : 542

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

Resolvido Re: Fundo da página fixo

Mensagem por seender em Sex 2 Set - 2:46

Olá!

Tente com este código:
.h3, .h2{
background-image: url(Endereço-da-imagem);
}
No local de vermelho coloque o link da imagem que será exibido no fundo desta área.

Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Fundo da página fixo

Mensagem por -rock- em Sex 2 Set - 6:23

parece que está bugado
avatar

-rock-
Usuário destaque

Masculino
Inscrito dia : 30/04/2011
Mensagens : 577
Pontos Ativos : 841

Ver perfil do usuário http://mecanicos.foruns.com.pt/

Resolvido Re: Fundo da página fixo

Mensagem por EyesInFire em Sex 2 Set - 17:05

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

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://illiweb.com/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}

avatar

EyesInFire
Nível 9

Masculino
Inscrito dia : 14/03/2011
Mensagens : 212
Pontos Ativos : 336

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

Resolvido Re: Fundo da página fixo

Mensagem por Consolado em Sex 2 Set - 21:25

Olá!

Painel de Controle -> Visualização -> Imagens e cores -> Cores / Folha de estilos CSS
Lá adicione este código:
body {
background-image: url('ENDEREÇO_DA_IMAGEM');
background-repeat: repeat-x;
}
Modifique o valor em negrito pelo endereço da imagem de fundo.
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!
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Fundo da página fixo

Mensagem por EyesInFire em Dom 4 Set - 15:26

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.
avatar

EyesInFire
Nível 9

Masculino
Inscrito dia : 14/03/2011
Mensagens : 212
Pontos Ativos : 336

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

Resolvido Re: Fundo da página fixo

Mensagem por Gaaratsu em Dom 4 Set - 15:42

Olá,

Tente este código:

Código:

body {
background-image: url('ENDEREÇO_DA_IMAGEM');
background-repeat: transparent-x;
}


Resulta?


Cumprimentos,
Owner.
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7499

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

Resolvido Re: Fundo da página fixo

Mensagem por EyesInFire em Dom 4 Set - 15:58

Funciona mas fica de outro jeito, deixa não irei querer mais.
avatar

EyesInFire
Nível 9

Masculino
Inscrito dia : 14/03/2011
Mensagens : 212
Pontos Ativos : 336

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

Resolvido Re: Fundo da página fixo

Mensagem por Gaaratsu em Dom 4 Set - 16:04

Olá,

Que outro jeito? Mande-me uma print.


Cumprimentos,
Owner.


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7499

Ver perfil do usuário http://narutongo.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