Como mudo a backgraund desse código
5 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Como mudo a backgraund desse código
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 ):
Endereço do meu fórum:
http://universomaker.foruns.com.pt
Versão do fórum:
PHPBB3
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)
Re: Como mudo a backgraund desse código
va no link do meu fórum sem barra fórum e aquele fundo que tem a menina abraços!
Re: Como mudo a backgraund desse código
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?
e seria possivel me informa qual tamanho da imagem pra cubri tudo? depois colcoa a minha?
Re: Como mudo a backgraund desse código
Olá
Com a menina é está
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é
Com a menina é está
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é
Re: Como mudo a backgraund desse código
Olá!
Procure por este código:
Atenciosamente!
Procure por este código:
Link: Coloque o link desejado!<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>
Atenciosamente!
Re: Como mudo a backgraund desse código
Olá amigo este link eu o coloquei mais ele não funfo a imagem olha a imagem
Re: Como mudo a backgraund desse código
Olá!
Troque seu código por este:
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!
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!
Re: Como mudo a backgraund desse código
Olá!
Agora, você vai procurar por este código:
Atenciosamente!
Agora, você vai procurar por este código:
Edite os links como quiser!.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;}
Atenciosamente!
Re: Como mudo a backgraund desse código
Olá,
Tente este código:
Para alterar o fundo basta buscar essa parte do código:
Cordialmente,
The Boss
Tente este código:
- Spoiler:
- 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;
}
.bg1, .bg2, .bg3, .bg4, .bg5 {position: fixed; min-height: 723px;}
.bg1 {
background-color: #666;
}
.bg3 {background: transparent url(http://me.ola.vn/w/theme/singirl/singirl-top.jpg) repeat-x left 0px;}
.bg4 {
background-color: #666;
background-repeat: repeat-x;
background-position: left bottom;
}
.bg5 {background: #666;}
a {color:#FB700D;}
</style> <!-- <link href="/m/gui.default.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> <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>
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
Tópicos semelhantes
» Como que eu mudo e fonte desse lugar?
» Gostaria desse codigo
» Código desse Bem-vindo
» Codigo desse widget
» Código desse widget
» Gostaria desse codigo
» Código desse Bem-vindo
» Codigo desse widget
» Código desse widget
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos