Como mudo a backgraund desse código

5 participantes

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

Tópico resolvido Como mudo a backgraund desse código

Mensagem por @Evil 10.03.13 22:48

Qual é minha questão:
Olá pessoal como mudo a imagem de fundo? da pagina inicial do meu fórum eu peguei um código mais não consigo mudar o fundo ):
Código:
<!DOCTYPE html>
    <html><head> <title>UNIVERSO MAKER - Início</title><link rel="shortcut icon" type="image/x-icon" href="http://dl.dropbox.com/u/19426320/Swords.png" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="format-detection" content="telephone=no"> <link href="http://dl.dropbox.com/u/60753415/ola/signin_files/gui.css" rel="stylesheet" type="text/css"> <link href="http://dl.dropbox.com/u/60753415/ola/signin_files/me.css" rel="stylesheet" type="text/css"> <style type="text/css">
    form{padding:0 10px;} #pf label {display:block;padding:10px 0 4px 0;} .b{background: url(https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQx1l5CZA7-jjnQauLGQPQyS96U9JZdtHLrBpxynUDwLfxGCAkW);} #s {margin-top:10px;} #login .column11.first a b {
       font-size: 16px;
    }
    </style> <!-- <link href="/m/gui.default.css?t=20120705-1" rel="stylesheet" type="text/css" /> --> <!-- <link href="http://stc2.me.ola.vn/theme/singirl/style.css?t=20120705-1" rel="stylesheet" type="text/css" /> --> <script src="http://dl.dropbox.com/u/60753415/ola/signin_files/jquery_005.js"></script> <script src="http://dl.dropbox.com/u/60753415/ola/signin_files/rotate.js"></script> <script src="http://dl.dropbox.com/u/60753415/ola/signin_files/jquery.js"></script> <script src="http://dl.dropbox.com/u/60753415/ola/signin_files/jquery_003.js"></script> <script src="http://dl.dropbox.com/u/60753415/ola/signin_files/jquery_002.js"></script> <link href="http://dl.dropbox.com/u/60753415/ola/signin_files/style.css" rel="stylesheet" type="text/css"><script src="http://dl.dropbox.com/u/60753415/ola/signin_files/effect.js"></script> <link href="http://dl.dropbox.com/u/60753415/ola/signin_files/colorbox.css" rel="stylesheet" type="text/css"> <script src="http://dl.dropbox.com/u/60753415/ola/signin_files/jquery_004.js"></script> <script src="http://dl.dropbox.com/u/60753415/ola/signin_files/app.js"></script> <script src="http://dl.dropbox.com/u/60753415/ola/signin_files/utils.js"></script> <script src="http://dl.dropbox.com/u/60753415/ola/signin_files/pages.js"></script> </head> <body id="login" style="height: 100%;"><iframe src="http://dl.dropbox.com/u/60753415/ola/signin_files/ping.htm" id="refresh" style="position: absolute; top: -2000px"></iframe> <div style="position: relative; height:100%; min-height: 100%;"> <div> <div class="bg1"></div> <div class="bg2"></div> <div style="background-position: -354px 0px;" class="bg3"><img src=""></div> <div class="bg4"></div> <div class="bg5"></div> </div> <div style="height: 100%;"><div style="position: relative;height: 100%;"> <div id="topNav"> <div class="wrap clearfix"> <div class="lfloat"> <a href="/forum" title="" class="lfloat" id="logo"> </a> </div> </div> </div> <div class="wrap" id="page"><div class="page-container"> <div class="page-home "> <!-- //End dashboard --> <div class="content-main"> <div class="module"> <div class="module-def main-title"> <b>UMC - Uma nova comunidade começa aqui!</b> </div> <div class="module-body"> <div class="bd"> <div class="column11 first"> <a href="/forum"><b>Seja Bem-Vindo(a) a UMC!</b></a><div class="page-intro"><br>Nós falamos sobre rpg maker aqui poderão postar seus scripts,sistemas por eventos,dúvidas sobre todos os rpg makers,postar download de engine para makers e muito mais...</br></div><div class="tour"> <div class="tour-container"> <div class="tour-1"> <b>Você ainda não tem uma conta ?</b> <p><a href="/register">Clique aqui</a> para se registar!<span class="send"><span class="cmd-code"></span><span class="var"></p> </div> </div> <div class="tour-container"> <div class="tour-2"> <b>Esqueceu sua senha?</b> <p>Envie-me uma <a href="/profile?mode=sendpassword">nova senha!</a><span class="send"><span class="cmd-code"></span> <span class="var"></span></span></p> </div> </div> <div class="tour-container last"> <div class="tour-3"> <b>Leia as regras!</b><p>Queira por favor, antes de atuar em nosso fórum <a href="http://universomaker.foruns.com.pt/t16-regras-do-forum">ler as regras</a>.</a><p><span class="send"><span class="cmd-code"></span></span></p> </div> </div> </div> </div> <div class="column11"> <div class="login-form"> <form id="loginForm" method="post" action="/login.forum" autocomplete="off" name="form_login"> <div class="login-header">Digite seu nome de usuário e senha para conectar-se.</div> <div class="line"> <input name="s" value="" type="hidden">
          <input name="securitytoken" value="guest" type="hidden">
          <input name="do" value="login" type="hidden">
          <input name="vb_login_md5password" type="hidden">
          <input name="vb_login_md5password_utf" type="hidden"><label for="1"></div> <div class="line"> <input type="hidden" name="ZiV.YrH2ZfS5QC45Z7d6bgH4agN.ZiH." value="c1de3b5961da62f365d55850942946ff"/> <label for="1">Usuário:</label> <input type="text" tabindex="1" name="username" id="username" size="30" maxlength="40" value="" class="text"></div> <div class="line">   
          <label for="1">Senha:</label> <input type="password" tabindex="1" name="password" id="password" size="30" maxlength="40" value="" class="text">
          </div> <div class="line">     
            <input class="radio" type="checkbox" name="autologin" checked="checked"></label> <span class="gensmall">Conexão automática</span> <label><br> <input class="button1" type="submit" name="login" tabindex="6" value="Login" class="button2">
          </div> </div> </div> <div class="module-def space"> </div> </div> </div><!-- //End content-main --> <div class="clr"></div> </div> </div></div> <p id="back-top"><a href="#top">konekta Brasil<span></span></a></p> </div></div> </div>
                <a href="http://www.forumeiros.com" target="_blank"></a> 
          </body> </html>


Endereço do meu fórum:
http://universomaker.foruns.com.pt

Versão do fórum:
PHPBB3


Última edição por Evil em 14.03.13 18:35, editado 2 vez(es)
@Evil

@Evil
Membro

Membro desde : 24/02/2013
Mensagens : 505
Pontos : 754

http://coracaodomaker.fantasyboard.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como mudo a backgraund desse código

Mensagem por SkyDrive 10.03.13 22:51

Olá,

Poderia me informar para qual fundo deseja mudar ?

Até
SkyDrive

SkyDrive
***

Membro desde : 03/03/2013
Mensagens : 128
Pontos : 159

http://universionforum.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como mudo a backgraund desse código

Mensagem por @Evil 10.03.13 22:52

va no link do meu fórum sem barra fórum e aquele fundo que tem a menina abraços!
@Evil

@Evil
Membro

Membro desde : 24/02/2013
Mensagens : 505
Pontos : 754

http://coracaodomaker.fantasyboard.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como mudo a backgraund desse código

Mensagem por Gmtp 10.03.13 22:56

Gmtp

Gmtp
Super Membro

Membro desde : 03/01/2013
Mensagens : 1044
Pontos : 1469

http://makerforum.forumeiros.com/ https://www.facebook.com/gyovany.francini

Ir para o topo Ir para baixo

Tópico resolvido Re: Como mudo a backgraund desse código

Mensagem por @Evil 10.03.13 23:00

sim e também a que tem a menina
e seria possivel me informa qual tamanho da imagem pra cubri tudo? depois colcoa a minha?
@Evil

@Evil
Membro

Membro desde : 24/02/2013
Mensagens : 505
Pontos : 754

http://coracaodomaker.fantasyboard.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como mudo a backgraund desse código

Mensagem por Gmtp 10.03.13 23:12

Olá

Com a menina é está
Como mudo a backgraund desse código Singirl-btm

http://me.ola.vn/w/theme/singirl/singirl-btm.jpg

OBS: eu não entendo muito sobre CSS PHP e nem Javascript, desculpa, mais no seu problema é só pra quem entende

Até
Gmtp

Gmtp
Super Membro

Membro desde : 03/01/2013
Mensagens : 1044
Pontos : 1469

http://makerforum.forumeiros.com/ https://www.facebook.com/gyovany.francini

Ir para o topo Ir para baixo

Tópico resolvido Re: Como mudo a backgraund desse código

Mensagem por @Evil 10.03.13 23:12

Sim eu quero tira essas imagens e colocar as minha
@Evil

@Evil
Membro

Membro desde : 24/02/2013
Mensagens : 505
Pontos : 754

http://coracaodomaker.fantasyboard.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como mudo a backgraund desse código

Mensagem por @Evil 10.03.13 23:15

me mostra onde você acho as 2 imagens no código
@Evil

@Evil
Membro

Membro desde : 24/02/2013
Mensagens : 505
Pontos : 754

http://coracaodomaker.fantasyboard.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como mudo a backgraund desse código

Mensagem por @Evil 12.03.13 19:32

Up
@Evil

@Evil
Membro

Membro desde : 24/02/2013
Mensagens : 505
Pontos : 754

http://coracaodomaker.fantasyboard.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como mudo a backgraund desse código

Mensagem por JonasB. 12.03.13 19:40

Olá!

Procure por este código:
<style type="text/css">
form{padding:0 10px;} #pf label {display:block;padding:10px 0 4px 0;} .b{background: url(https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQx1l5CZA7-jjnQauLGQPQyS96U9JZdtHLrBpxynUDwLfxGCAkW);} #s {margin-top:10px;} #login .column11.first a b {
font-size: 16px;
}
</style>
Link: Coloque o link desejado!

Atenciosamente!
JonasB.

JonasB.
*****

Membro desde : 30/07/2012
Mensagens : 481
Pontos : 638

http://suportedesign.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como mudo a backgraund desse código

Mensagem por @Evil 12.03.13 19:46

Olá amigo este link eu o coloquei mais ele não funfo a imagem olha a imagem
@Evil

@Evil
Membro

Membro desde : 24/02/2013
Mensagens : 505
Pontos : 754

http://coracaodomaker.fantasyboard.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como mudo a backgraund desse código

Mensagem por JonasB. 12.03.13 19:53

Olá!

Troque seu código por este:
Código:
<!DOCTYPE html>
    <html><head> <title>UNIVERSO MAKER - Início</title><link rel="shortcut icon" type="image/x-icon" href="http://dl.dropbox.com/u/19426320/Swords.png" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="format-detection" content="telephone=no"> <link href="http://dl.dropbox.com/u/60753415/ola/signin_files/gui.css" rel="stylesheet" type="text/css"> <link href="http://dl.dropbox.com/u/60753415/ola/signin_files/me.css" rel="stylesheet" type="text/css"> <style type="text/css">
    form{padding:0 10px;} #pf label {display:block;padding:10px 0 4px 0;} .b{background: url(https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQx1l5CZA7-jjnQauLGQPQyS96U9JZdtHLrBpxynUDwLfxGCAkW);} #s {margin-top:10px;} #login .column11.first a b {
      font-size: 16px;
    }
    </style> <!-- <link href="/m/gui.default.css?t=20120705-1" rel="stylesheet" type="text/css" /> --> <!-- <link href="http://stc2.me.ola.vn/theme/singirl/style.css?t=20120705-1" rel="stylesheet" type="text/css" /> --> <script src="http://dl.dropbox.com/u/60753415/ola/signin_files/jquery_005.js"></script> <script src="http://dl.dropbox.com/u/60753415/ola/signin_files/rotate.js"></script> <script src="http://dl.dropbox.com/u/60753415/ola/signin_files/jquery.js"></script> <script src="http://dl.dropbox.com/u/60753415/ola/signin_files/jquery_003.js"></script> <script src="http://dl.dropbox.com/u/60753415/ola/signin_files/jquery_002.js"></script> <style type="text/css">.bg1, .bg2, .bg3, .bg4, .bg5 {position: fixed; min-height: 723px;}
.bg1 {background: #48cafe;}
.bg3 {background: transparent url(http://me.ola.vn/w/theme/singirl/singirl-top.jpg) repeat-x left 0px;}
.bg4 {background: transparent url(http://me.ola.vn/w/theme/singirl/singirl-bg-btm.jpg) repeat-x left bottom;}
.bg5 {background: transparent url(http://me.ola.vn/w/theme/singirl/singirl-btm.jpg) no-repeat right bottom;}
a {color:#FB700D;}</style><script src="http://dl.dropbox.com/u/60753415/ola/signin_files/effect.js"></script> <link href="http://dl.dropbox.com/u/60753415/ola/signin_files/colorbox.css" rel="stylesheet" type="text/css"> <script src="http://dl.dropbox.com/u/60753415/ola/signin_files/jquery_004.js"></script> <script src="http://dl.dropbox.com/u/60753415/ola/signin_files/app.js"></script> <script src="http://dl.dropbox.com/u/60753415/ola/signin_files/utils.js"></script> <script src="http://dl.dropbox.com/u/60753415/ola/signin_files/pages.js"></script> </head> <body id="login" style="height: 100%;"><iframe src="http://dl.dropbox.com/u/60753415/ola/signin_files/ping.htm" id="refresh" style="position: absolute; top: -2000px"></iframe> <div style="position: relative; height:100%; min-height: 100%;"> <div> <div class="bg1"></div> <div class="bg2"></div> <div style="background-position: -354px 0px;" class="bg3"><img src=""></div> <div class="bg4"></div> <div class="bg5"></div> </div> <div style="height: 100%;"><div style="position: relative;height: 100%;"> <div id="topNav"> <div class="wrap clearfix"> <div class="lfloat"> <a href="/forum" title="" class="lfloat" id="logo"> </a> </div> </div> </div> <div class="wrap" id="page"><div class="page-container"> <div class="page-home "> <!-- //End dashboard --> <div class="content-main"> <div class="module"> <div class="module-def main-title"> <b>UMC - Uma nova comunidade começa aqui!</b> </div> <div class="module-body"> <div class="bd"> <div class="column11 first"> <a href="/forum"><b>Seja Bem-Vindo(a) a UMC!</b></a><div class="page-intro"><br>Nós falamos sobre rpg maker aqui poderão postar seus scripts,sistemas por eventos,dúvidas sobre todos os rpg makers,postar download de engine para makers e muito mais...</br></div><div class="tour"> <div class="tour-container"> <div class="tour-1"> <b>Você ainda não tem uma conta ?</b> <p><a href="/register">Clique aqui</a> para se registar!<span class="send"><span class="cmd-code"></span><span class="var"></p> </div> </div> <div class="tour-container"> <div class="tour-2"> <b>Esqueceu sua senha?</b> <p>Envie-me uma <a href="/profile?mode=sendpassword">nova senha!</a><span class="send"><span class="cmd-code"></span> <span class="var"></span></span></p> </div> </div> <div class="tour-container last"> <div class="tour-3"> <b>Leia as regras!</b><p>Queira por favor, antes de atuar em nosso fórum <a href="http://universomaker.foruns.com.pt/t16-regras-do-forum">ler as regras</a>.</a><p><span class="send"><span class="cmd-code"></span></span></p> </div> </div> </div> </div> <div class="column11"> <div class="login-form"> <form id="loginForm" method="post" action="/login.forum" autocomplete="off" name="form_login"> <div class="login-header">Digite seu nome de usuário e senha para conectar-se.</div> <div class="line"> <input name="s" value="" type="hidden">
          <input name="securitytoken" value="guest" type="hidden">
          <input name="do" value="login" type="hidden">
          <input name="vb_login_md5password" type="hidden">
          <input name="vb_login_md5password_utf" type="hidden"><label for="1"></div> <div class="line"> <input type="hidden" name="ZiV.YrH2ZfS5QC45Z7d6bgH4agN.ZiH." value="c1de3b5961da62f365d55850942946ff"/> <label for="1">Usuário:</label> <input type="text" tabindex="1" name="username" id="username" size="30" maxlength="40" value="" class="text"></div> <div class="line"> 
          <label for="1">Senha:</label> <input type="password" tabindex="1" name="password" id="password" size="30" maxlength="40" value="" class="text">
          </div> <div class="line">   
            <input class="radio" type="checkbox" name="autologin" checked="checked"></label> <span class="gensmall">Conexão automática</span> <label><br> <input class="button1" type="submit" name="login" tabindex="6" value="Login" class="button2">
          </div> </div> </div> <div class="module-def space"> </div> </div> </div><!-- //End content-main --> <div class="clr"></div> </div> </div></div> <p id="back-top"><a href="#top">konekta Brasil<span></span></a></p> </div></div> </div>
                <a href="http://www.forumeiros.com" target="_blank"></a>
          </body> </html>

Assim o seu código será todo o CSS só na página!
Que aí sim, conseguiremos mudar essas imagens.
Depois de modificar para este código, avise no tópico, para eu lhe ensinar como mudar as imagens!

Atenciosamente!
JonasB.

JonasB.
*****

Membro desde : 30/07/2012
Mensagens : 481
Pontos : 638

http://suportedesign.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como mudo a backgraund desse código

Mensagem por @Evil 12.03.13 20:00

ok modifiquei
@Evil

@Evil
Membro

Membro desde : 24/02/2013
Mensagens : 505
Pontos : 754

http://coracaodomaker.fantasyboard.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como mudo a backgraund desse código

Mensagem por JonasB. 12.03.13 20:00

Olá!

Agora, você vai procurar por este código:
.bg3 {background: transparent url(http://me.ola.vn/w/theme/singirl/singirl-top.jpg) repeat-x left 0px;}
.bg4 {background: transparent url(http://me.ola.vn/w/theme/singirl/singirl-bg-btm.jpg) repeat-x left bottom;}
.bg5 {background: transparent url(http://me.ola.vn/w/theme/singirl/singirl-btm.jpg) no-repeat right bottom;}
Edite os links como quiser!

Atenciosamente!
JonasB.

JonasB.
*****

Membro desde : 30/07/2012
Mensagens : 481
Pontos : 638

http://suportedesign.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como mudo a backgraund desse código

Mensagem por .Danni. 14.03.13 15:42

Olá,

Tente este código:
Spoiler:

Para alterar o fundo basta buscar essa parte do código:

Código:
.bg1 {
   background-color: #666 !important;
}
.bg3 {background: #666 !important; }
.bg4 {
   background-color: #666 !important;
   background-repeat: repeat-x;
   background-position: left bottom;
}
.bg5 {background: #666 !important;}


Cordialmente,
The Boss
.Danni.

.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como mudo a backgraund desse código

Mensagem por @Evil 14.03.13 18:34

Resolvido e obrigado a todos por me ajudarem Piscada
@Evil

@Evil
Membro

Membro desde : 24/02/2013
Mensagens : 505
Pontos : 754

http://coracaodomaker.fantasyboard.net/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


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