Fundo nessa page html

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

Resolvido Fundo nessa page html

Mensagem por baby toryama em 07/06/13, 07:44 pm

Qual é minha questão:
Gente,como eu ponho fundo nessa page html?

Código:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Título da página</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<style>
.campos {
    position: absolute;
    right: 40px;
    top: 100px;
}
a {
    color: rgb(0, 114, 198);
    text-decoration: none;
}
a:hover {
    color: rgb(51, 142, 209);
}
footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
padding-top:25px;
    border-top: 1px solid #3E3F37;
}
footer div {
    padding-left: 10px;
    padding-bottom: 15px;
    text-align: center;
}
body{font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";}
.titulo {
    font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial!important;
    color: rgb(204, 35, 35);
    text-shadow: 2px 2px 2px #DDD;
    font-size: 40px;
}
input[type="text"],input[type="password"] {
    padding: 7px;
    outline: none;
    width: 302px;
    margin: 4px;
    font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";
}
input[type="submit"]:hover {
    background: rgb(204, 35, 35);
}
input[type="submit"] {
    background: rgb(204, 35, 35);
    height: 2em;  min-width: 6em;  font-family: "Segoe UI Web Semibold", "Segoe UI Web Regular", "Segoe UI", "Helvetica Neue", Arial;  font-size: 100%;    color: rgb(33, 33, 33);  padding: 3px 12px 5px;  border: 0px;
    color: white;
    margin-left: 5px;
    margin-top: 10px;
}
.info {
    position: absolute;
    top: 50px;
    left: 30px;
}
.info div {
    width: 480px;
    background: rgb(204, 35, 35);
    word-break: break-word;
    padding: 10px;
    color: white;
}
.info h3 {
    font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial!important;
}
</style>
<body><div class="info">
<img src="http://i.imgur.com/Q8XDo6B.png" /><div><h3>super sonic game maker</h3> <br>
<p>olá,atualmente estamos com um projeto que esta ficando muito interesante,logo postaremos demos do jogo,se for visitante se cadastre para poder aproveitar 100% o forum,ha,o nome do projeto é "ssgm adventure 2-segredos de corretor".</p></div></div><div class="campos">
<h2 class="titulo">logar-se ao forum</h2><br>
<form action="/login" method="post" class="frm-form" name="form_login"><fieldset class="frm-set connexion"><legend></legend><div class="frm_connexion"><dl><dt><label for="username">Nome de usuário:</label></dt><dd><input type="text" tabindex="1" name="username" id="username" size="30" maxlength="40" value="" class="inputfield" /></dd></dl><dl><dt><label for="password">Senha:</label></dt><dd><input type="password" tabindex="2" id="password" name="password" size="30" maxlength="25" class="inputfield" /></dd></dl><dl><dt></dt><dd><label for="autologin" id="lbl_autologin"><input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" checked="checked" /> Conexão automática</label></dd></dl></div><dl class="frm-buttons fb left"><dt> </dt><dd><input type="hidden" name="redirect" value="" /><input type="hidden" name="query" value="" /><input type="submit" name="login" tabindex="6" value="Login" class="button2" /></dd></dl></fieldset></form><br><br>
<span class="reg"> Faça Login ou Registre-se para poder se divertir no forum <a href="/register">. </a></span>
</div>
</form>
<form action="/forum" class="frm-form" method="post" name="post" onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0)" enctype="multipart/form-data" id="form2" style="display:none;">
<input style="margin-top:2px" type="text" value="" name="username[]">




<input type="text" name="subject" value="" maxlength="64" title="" >
<input type="hidden" name="message" value="" />
<input type="hidden" name="lt" value="">
<input type="hidden" name="mode" value="post">
<input type="hidden" name="folder" value="inbox">
<input type="submit" name="post" value="Enviar" tabindex="6" accesskey="s" id="sendMP">
</form><br><br>
<footer><div>super sonic game maker| Ainda não possui uma conta ? <a href="http://supersonicgamemaker.forumeiros.eu/register" target="_blank"> Registre-se </a> </div></footer>
</body>
</html>
<a href="http://www.forumeiros.com" target="_blank">     </a>


queria que o fundo fosse essa imagem:


e queria que ela se fosse redimensionada para o tamanho certo,a pagina pode ser visualizada por esse link:
http://supersonicgamemaker.forumeiros.eu/

Endereço do meu fórum:
http://supersonicgamemaker.forumeiros.eu

Versão do fórum:
PHPBB3


Última edição por baby toryama em 07/06/13, 08:08 pm, editado 1 vez(es)
avatar

baby toryama
Nível 10

Masculino
Inscrito dia : 15/02/2012
Mensagens : 290
Pontos Ativos : 472

Ver perfil do usuário http://supersonicgamemaker.forumeiros.eu/forum

Resolvido Re: Fundo nessa page html

Mensagem por MateusA em 07/06/13, 08:00 pm

Olá!

Troque por

Código:
        <html id="body">
<img style="width: 100%;magin: 0;height: 100%;" src="http://i.imgur.com/vvmtBYY.jpg"></img>
        <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title>Título da página</title>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
        <style>

        .campos {
            position: absolute;
            right: 40px;
            top: 100px;
        }
        a {
            color: rgb(0, 114, 198);
            text-decoration: none;
        }
        a:hover {
            color: rgb(51, 142, 209);
        }
        footer {
            position: absolute;
            bottom: 0px;
            left: 0px;
            right: 0px;
        padding-top:25px;
            border-top: 1px solid #3E3F37;
        }
        footer div {
            padding-left: 10px;
            padding-bottom: 15px;
            text-align: center;
        }
        body{font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";}
        .titulo {
            font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial!important;
            color: rgb(204, 35, 35);
            text-shadow: 2px 2px 2px #DDD;
            font-size: 40px;
        }
        input[type="text"],input[type="password"] {
            padding: 7px;
            outline: none;
            width: 302px;
            margin: 4px;
            font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";
        }
        input[type="submit"]:hover {
            background: rgb(204, 35, 35);
        }
        input[type="submit"] {
            background: rgb(204, 35, 35);
            height: 2em;  min-width: 6em;  font-family: "Segoe UI Web Semibold", "Segoe UI Web Regular", "Segoe UI", "Helvetica Neue", Arial;  font-size: 100%;    color: rgb(33, 33, 33);  padding: 3px 12px 5px;  border: 0px;
            color: white;
            margin-left: 5px;
            margin-top: 10px;
        }
        .info {
            position: absolute;
            top: 50px;
            left: 30px;
        }
        .info div {
            width: 480px;
            background: rgb(204, 35, 35);
            word-break: break-word;
            padding: 10px;
            color: white;
        }
        .info h3 {
            font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial!important;
        }
        </style>
        <body><div class="info">
        <img src="http://i.imgur.com/Q8XDo6B.png" /><div><h3>super sonic game maker</h3> <br>
        <p>olá,atualmente estamos com um projeto que esta ficando muito interesante,logo postaremos demos do jogo,se for visitante se cadastre para poder aproveitar 100% o forum,ha,o nome do projeto é "ssgm adventure 2-segredos de corretor".</p></div></div><div class="campos">
        <h2 class="titulo">logar-se ao forum</h2><br>
        <form action="/login" method="post" class="frm-form" name="form_login"><fieldset class="frm-set connexion"><legend></legend><div class="frm_connexion"><dl><dt><label for="username">Nome de usuário:</label></dt><dd><input type="text" tabindex="1" name="username" id="username" size="30" maxlength="40" value="" class="inputfield" /></dd></dl><dl><dt><label for="password">Senha:</label></dt><dd><input type="password" tabindex="2" id="password" name="password" size="30" maxlength="25" class="inputfield" /></dd></dl><dl><dt></dt><dd><label for="autologin" id="lbl_autologin"><input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" checked="checked" /> Conexão automática</label></dd></dl></div><dl class="frm-buttons fb left"><dt> </dt><dd><input type="hidden" name="redirect" value="" /><input type="hidden" name="query" value="" /><input type="submit" name="login" tabindex="6" value="Login" class="button2" /></dd></dl></fieldset></form><br><br>
        <span class="reg"> Faça Login ou Registre-se para poder se divertir no forum <a href="/register">. </a></span>
        </div>
        </form>
        <form action="/forum" class="frm-form" method="post" name="post" onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0)" enctype="multipart/form-data" id="form2" style="display:none;">
        <input style="margin-top:2px" type="text" value="" name="username[]">




        <input type="text" name="subject" value="" maxlength="64" title="" >
        <input type="hidden" name="message" value="" />
        <input type="hidden" name="lt" value="">
        <input type="hidden" name="mode" value="post">
        <input type="hidden" name="folder" value="inbox">
        <input type="submit" name="post" value="Enviar" tabindex="6" accesskey="s" id="sendMP">
        </form><br><br>
        <footer><div>super sonic game maker| Ainda não possui uma conta ? <a href="http://supersonicgamemaker.forumeiros.eu/register" target="_blank"> Registre-se </a> </div></footer>
        </body>
        </html>
        <a href="http://www.forumeiros.com" target="_blank">    </a>

Até mais. Piscada
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Fundo nessa page html

Mensagem por baby toryama em 07/06/13, 08:08 pm

funcionou obrigado Feliz
avatar

baby toryama
Nível 10

Masculino
Inscrito dia : 15/02/2012
Mensagens : 290
Pontos Ativos : 472

Ver perfil do usuário http://supersonicgamemaker.forumeiros.eu/forum

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