Colocar link para redirecionar ao forumeiros nessa página html

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

Resolvido Colocar link para redirecionar ao forumeiros nessa página html

Mensagem por Yrley em 01/08/13, 11:21 am

Qual é minha questão:
Olá pessoal,

O crazy criou essa página HTML para mim e gostaria que vocês colocassem um Link para o Forumeiros no rodapé.

Código:
<html>
<head><title>Página Inicial - Pixel Life</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" />
<style>/* PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS  */








#slick-login {
position: relative !important;
margin-left: 300px !important;
margin-top: -100px !important;
}
.img-1 {
position: relative;
left: -960px;
}




body {
background: url(http://audentio.com/demo/ipb3/public/style_images/cubic/assets/ad_styler/imgs/bgs/noise_1.png) repeat;
}




.escreve_algo_ai {
border: 1px solid black;
background: #686868;
padding: 15px;
top: 320px;
left: 300px;
position: relative;
width: 400px;
border-radius: 1px 1px 1px;
}</style>




</head>
<body>
<img class="img-1" align: right; style="float: right;" src="http://i.imgur.com/yLDMHqC.png" />
<div class="escreve_algo_ai">Antes de logar, pense sempre em respeitar as regras do fórum <img src="http://illiweb.com/fa/i/smiles/icon_smile.gif" alt="Smile" longdesc="2" /></div>








</body>








</html>




        <style type="text/css">
        /*
        CSS RESET
        http://meyerweb.com/eric/tools/css/reset/
        v2.0 | 20110126
        License:  none (public domain)
         */
        html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
           margin: 0;
           padding: 0;
           border: 0;
           font-size: 100%;
           font: inherit;
           vertical-align: baseline;
        }




        /* HTML5 display-role reset for older browsers */
        article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
           display: block;
        }




        body {
           line-height: 1;
        }




        ol,ul {
           list-style: none;
        }




        blockquote,q {
           quotes: none;
        }




        blockquote:before,blockquote:after,q:before,q:after {
           content: '';
           content: none;
        }




        table {
           border-collapse: collapse;
           border-spacing: 0;
        }




        /* CSS Animations */
        @keyframes "login" {
         0% {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
              filter: alpha(opacity=0);
              opacity: 0;
              margin-top: -50px;
         }
         100% {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
              filter: alpha(opacity=100);
              opacity: 1;
              margin-top: -75px;
         }




        }




        @-moz-keyframes login {
         0% {
           filter: alpha(opacity=0);
           opacity: 0;
           margin-top: -50px;
         }
         100% {
           filter: alpha(opacity=100);
           opacity: 1;
           margin-top: -75px;
         }




        }




        @-webkit-keyframes "login" {
         0% {
           filter: alpha(opacity=0);
           opacity: 0;
           margin-top: -50px;
         }
         100% {
           filter: alpha(opacity=100);
           opacity: 1;
           margin-top: -75px;
         }




        }




        @-ms-keyframes "login" {
         0% {
           -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
           filter: alpha(opacity=0);
           opacity: 0;
           margin-top: -50px;
         }
         100% {
           -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
           filter: alpha(opacity=100);
           opacity: 1;
           margin-top: -75px;
         }




        }




        @-o-keyframes "login" {
         0% {
           filter: alpha(opacity=0);
           opacity: 0;
           margin-top: -50px;
         }
         100% {
           filter: alpha(opacity=100);
           opacity: 1;
           margin-top: -75px;
         }




        }




        /* Main CSS */
        * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }




        body {
           font-family: sans-serif;
          
        }




        #slick-login {
           width: 220px;
           height: 155px;
           position: absolute;
           left: 448px;
           top: 219px;
           margin-left: -110px;
           margin-top: -75px;
           -webkit-animation: login 1s ease-in-out;
           -moz-animation: login 1s ease-in-out;
           -ms-animation: login 1s ease-in-out;
           -o-animation: login 1s ease-in-out;
           animation: login 1s ease-in-out;
        }




        #slick-login label {
           display: none;
        }




        .placeholder {
            color: #444;
           
        }
           
         
        #slick-login input[type="text"] {
           width: 100%;
           height: 40px;
           positon: relative;
           margin-top: 7px;
           font-size: 14px;
                color: #444;
           outline: none;
           border: 1px solid rgba(0, 0, 0, .49);




           padding-left: 20px;
           
           -webkit-background-clip: padding-box;
           -moz-background-clip: padding-box;
           background-clip: padding-box;
           border-radius: 6px;
               
                background-image: url(http://img835.imageshack.us/img835/4700/i3c4.png);
                background-repeat: no-repeat;
                background-position: center left;
           background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F2F2F2 100%)
           background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #F2F2F2 100%);
           background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #F2F2F2 100%);
           background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #F2F2F2 100%);
           background-image: linear-gradient(bottom, #FFFFFF 0%, #F2F2F2 100%);




           -webkit-box-shadow: inset 0px 2px 0px #d9d9d9;
           box-shadow: inset 0px 2px 0px #d9d9d9;




           -webkit-transition: all .1s ease-in-out;
           -moz-transition: all .1s ease-in-out;
           -o-transition: all .1s ease-in-out;
           -ms-transition: all .1s ease-in-out;
           transition: all .1s ease-in-out;
        }




        #slick-login input[type="password"] {
        width: 100%;
           height: 40px;
           positon: relative;
           margin-top: 7px;
           font-size: 14px;
                color: #444;
           outline: none;
           border: 1px solid rgba(0, 0, 0, .49);




           padding-left: 20px;
           
           -webkit-background-clip: padding-box;
           -moz-background-clip: padding-box;
           background-clip: padding-box;
           border-radius: 6px;




           background-image: url(http://img51.imageshack.us/img51/9809/oz.png);
                background-repeat: no-repeat;
                background-position: center left;
                background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F2F2F2 100%)  
                background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #F2F2F2 100%);
           background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #F2F2F2 100%);
           background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #F2F2F2 100%);
           background-image: linear-gradient(bottom, #FFFFFF 0%, #F2F2F2 100%);




           -webkit-box-shadow: inset 0px 2px 0px #d9d9d9;
           box-shadow: inset 0px 2px 0px #d9d9d9;




           -webkit-transition: all .1s ease-in-out;
           -moz-transition: all .1s ease-in-out;
           -o-transition: all .1s ease-in-out;
           -ms-transition: all .1s ease-in-out;
           transition: all .1s ease-in-out;
        }








        #slick-login input[type="text"]:focus,#slick-login input[type="password"]:focus {
           -webkit-box-shadow: inset 0px 2px 0px #a7a7a7;
           box-shadow: inset 0px 2px 0px #a7a7a7;
        }




        #slick-login input:first-child {
           margin-top: 0px;
        }




        #slick-login input[type="submit"] {
           width: 100%;
           height: 50px;
           margin-top: 7px;
           color: #fff;
           font-size: 18px;
           font-weight: bold;
           text-shadow: 0px -1px 0px #5b6ddc;
           outline: none;
           border: 1px solid rgba(0, 0, 0, .49);




           -webkit-background-clip: padding-box;
           -moz-background-clip: padding-box;
           background-clip: padding-box;
           border-radius: 6px;




           background-color: #8267e8;
           background-image: -webkit-radial-gradient(bottom, #8267e8 0%, #4d0d8f 100%);
           background-image: -moz-radial-gradient(bottom, #8267e8 0%, #4d0d8f 100%);
           background-image: -o-radial-gradient(bottom, #8267e8 0%, #4d0d8f 100%);
           background-image: -ms-radial-gradient(bottom, #8267e8 0%, #4d0d8f 100%);
           background-image: radial-gradient(bottom, #8267e8 0%, #4d0d8f 100%);
           
           -webkit-box-shadow: inset 0px 1px 0px #9982ee
           box-shadow: inset 0px 1px 0px #9982ee;
           
           cursor: pointer;




           -webkit-transition: all .1s ease-in-out;
           -moz-transition: all .1s ease-in-out;
           -o-transition: all .1s ease-in-out;
           -ms-transition: all .1s ease-in-out;
           transition: all .1s ease-in-out;
        }




        #slick-login input[type="submit"]:hover {
           background-color: #4d0d8f;
           background-image: -webkit-linear-gradient(bottom, #4d0d8f 0%, #8267e8100%);
           background-image: -moz-linear-gradient(bottom, #4d0d8f 0%, #8267e8 100%);
           background-image: -o-linear-gradient(bottom, #4d0d8f 0%, #8267e8 100%);
           background-image: -ms-linear-gradient(bottom, #4d0d8f 0%, #8267e8 100%);
           background-image: linear-gradient(bottom, #4d0d8f 0%, #8267e8 100%);




           -webkit-box-shadow: inset 0px 1px 0px #9982ee;
           box-shadow: inset 0px 1px 0px #9982ee;
           margin-top: 10px;
        }




        #slick-login input[type="submit"]:active {
           background-color: #4d0d8f;
           background-image: -webkit-linear-gradient(bottom, #4d0d8f 0%, #8267e8 100%);
           background-image: -moz-linear-gradient(bottom, #4d0d8f 0%, #8267e8 100%);
           background-image: -o-linear-gradient(bottom, #4d0d8f 0%, #8267e8f 100%);
           background-image: -ms-linear-gradient(bottom, #4d0d8f 0%, #8267e8100%);
           background-image: linear-gradient(bottom, #4d0d8f 0%, #8267e8 100%);




           -webkit-box-shadow: inset 0px 1px 0px #9982ee;
           box-shadow: inset 0px 1px 0px #9982ee;
        }




        </style>




        <!DOCTYPE html>
        <head>
        <title>Login - Pixel Life</title>
        <meta name="description" content="Login - Pixel Life">
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
        <script src="http://www.modernizr.com/downloads/modernizr-latest.js"></script>
        </head>
        <body>
        <form id="slick-login">
        <label for="username">{L_USERNAME}</label><input type="text" name="username" class="placeholder" placeholder="Nome do Usuário">
        <label for="password">{L_PASSWORD}:</label><input type="password" name="password" class="placeholder" placeholder="Senha">
        <input type="submit" value="Login">
        </form>
        </body>
        </html>

Até Mais.

Endereço do meu fórum:
http://pixel-life.forumbrasil.net

Versão do fórum:
PUNBB
avatar

Yrley
Usuário destaque

Masculino
Inscrito dia : 14/11/2011
Mensagens : 556
Pontos Ativos : 897

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

Resolvido Re: Colocar link para redirecionar ao forumeiros nessa página html

Mensagem por Hyouki em 01/08/13, 11:24 am

Olá!

Quando você mesmo coloca vem um aviso , mostrando o código que para colocar.

Até mais Piscada
avatar

Hyouki
Membro do Fórum

Masculino
Inscrito dia : 10/02/2012
Mensagens : 1490
Pontos Ativos : 1972

Ver perfil do usuário http://www.forum-dix.wikiforum.net

Resolvido Re: Colocar link para redirecionar ao forumeiros nessa página html

Mensagem por North em 01/08/13, 11:48 am

Bom dia!

Aqui está:

Código:
<html>
<head><title>Página Inicial - Pixel Life</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" />
<style>/* PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS PÁGINA FEITA POR CRAZY TODOS OS DIREITOS RESERVADOS  */








#slick-login {
position: relative !important;
margin-left: 300px !important;
margin-top: -100px !important;
}
.img-1 {
position: relative;
left: -960px;
}




body {
background: url(http://audentio.com/demo/ipb3/public/style_images/cubic/assets/ad_styler/imgs/bgs/noise_1.png) repeat;
}




.escreve_algo_ai {
border: 1px solid black;
background: #686868;
padding: 15px;
top: 320px;
left: 300px;
position: relative;
width: 400px;
border-radius: 1px 1px 1px;
}</style>




</head>
<body>
<img class="img-1" align: right; style="float: right;" src="http://i.imgur.com/yLDMHqC.png" />
<div class="escreve_algo_ai">Antes de logar, pense sempre em respeitar as regras do fórum <img src="http://illiweb.com/fa/i/smiles/icon_smile.gif" alt="Smile" longdesc="2" /></div>








</body>








</html>




        <style type="text/css">
        /*
        CSS RESET
        http://meyerweb.com/eric/tools/css/reset/
        v2.0 | 20110126
        License:  none (public domain)
        */
        html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
          margin: 0;
          padding: 0;
          border: 0;
          font-size: 100%;
          font: inherit;
          vertical-align: baseline;
        }




        /* HTML5 display-role reset for older browsers */
        article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
          display: block;
        }




        body {
          line-height: 1;
        }




        ol,ul {
          list-style: none;
        }




        blockquote,q {
          quotes: none;
        }




        blockquote:before,blockquote:after,q:before,q:after {
          content: '';
          content: none;
        }




        table {
          border-collapse: collapse;
          border-spacing: 0;
        }




        /* CSS Animations */
        @keyframes "login" {
        0% {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
              filter: alpha(opacity=0);
              opacity: 0;
              margin-top: -50px;
        }
        100% {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
              filter: alpha(opacity=100);
              opacity: 1;
              margin-top: -75px;
        }




        }




        @-moz-keyframes login {
        0% {
          filter: alpha(opacity=0);
          opacity: 0;
          margin-top: -50px;
        }
        100% {
          filter: alpha(opacity=100);
          opacity: 1;
          margin-top: -75px;
        }




        }




        @-webkit-keyframes "login" {
        0% {
          filter: alpha(opacity=0);
          opacity: 0;
          margin-top: -50px;
        }
        100% {
          filter: alpha(opacity=100);
          opacity: 1;
          margin-top: -75px;
        }




        }




        @-ms-keyframes "login" {
        0% {
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
          filter: alpha(opacity=0);
          opacity: 0;
          margin-top: -50px;
        }
        100% {
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
          filter: alpha(opacity=100);
          opacity: 1;
          margin-top: -75px;
        }




        }




        @-o-keyframes "login" {
        0% {
          filter: alpha(opacity=0);
          opacity: 0;
          margin-top: -50px;
        }
        100% {
          filter: alpha(opacity=100);
          opacity: 1;
          margin-top: -75px;
        }




        }




        /* Main CSS */
        * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }




        body {
          font-family: sans-serif;
         
        }




        #slick-login {
          width: 220px;
          height: 155px;
          position: absolute;
          left: 448px;
          top: 219px;
          margin-left: -110px;
          margin-top: -75px;
          -webkit-animation: login 1s ease-in-out;
          -moz-animation: login 1s ease-in-out;
          -ms-animation: login 1s ease-in-out;
          -o-animation: login 1s ease-in-out;
          animation: login 1s ease-in-out;
        }




        #slick-login label {
          display: none;
        }




        .placeholder {
            color: #444;
         
        }
         
       
        #slick-login input[type="text"] {
          width: 100%;
          height: 40px;
          positon: relative;
          margin-top: 7px;
          font-size: 14px;
                color: #444;
          outline: none;
          border: 1px solid rgba(0, 0, 0, .49);




          padding-left: 20px;
         
          -webkit-background-clip: padding-box;
          -moz-background-clip: padding-box;
          background-clip: padding-box;
          border-radius: 6px;
             
                background-image: url(http://img835.imageshack.us/img835/4700/i3c4.png);
                background-repeat: no-repeat;
                background-position: center left;
          background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F2F2F2 100%)
          background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #F2F2F2 100%);
          background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #F2F2F2 100%);
          background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #F2F2F2 100%);
          background-image: linear-gradient(bottom, #FFFFFF 0%, #F2F2F2 100%);




          -webkit-box-shadow: inset 0px 2px 0px #d9d9d9;
          box-shadow: inset 0px 2px 0px #d9d9d9;




          -webkit-transition: all .1s ease-in-out;
          -moz-transition: all .1s ease-in-out;
          -o-transition: all .1s ease-in-out;
          -ms-transition: all .1s ease-in-out;
          transition: all .1s ease-in-out;
        }




        #slick-login input[type="password"] {
        width: 100%;
          height: 40px;
          positon: relative;
          margin-top: 7px;
          font-size: 14px;
                color: #444;
          outline: none;
          border: 1px solid rgba(0, 0, 0, .49);




          padding-left: 20px;
         
          -webkit-background-clip: padding-box;
          -moz-background-clip: padding-box;
          background-clip: padding-box;
          border-radius: 6px;




          background-image: url(http://img51.imageshack.us/img51/9809/oz.png);
                background-repeat: no-repeat;
                background-position: center left;
                background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F2F2F2 100%) 
                background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #F2F2F2 100%);
          background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #F2F2F2 100%);
          background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #F2F2F2 100%);
          background-image: linear-gradient(bottom, #FFFFFF 0%, #F2F2F2 100%);




          -webkit-box-shadow: inset 0px 2px 0px #d9d9d9;
          box-shadow: inset 0px 2px 0px #d9d9d9;




          -webkit-transition: all .1s ease-in-out;
          -moz-transition: all .1s ease-in-out;
          -o-transition: all .1s ease-in-out;
          -ms-transition: all .1s ease-in-out;
          transition: all .1s ease-in-out;
        }








        #slick-login input[type="text"]:focus,#slick-login input[type="password"]:focus {
          -webkit-box-shadow: inset 0px 2px 0px #a7a7a7;
          box-shadow: inset 0px 2px 0px #a7a7a7;
        }




        #slick-login input:first-child {
          margin-top: 0px;
        }




        #slick-login input[type="submit"] {
          width: 100%;
          height: 50px;
          margin-top: 7px;
          color: #fff;
          font-size: 18px;
          font-weight: bold;
          text-shadow: 0px -1px 0px #5b6ddc;
          outline: none;
          border: 1px solid rgba(0, 0, 0, .49);




          -webkit-background-clip: padding-box;
          -moz-background-clip: padding-box;
          background-clip: padding-box;
          border-radius: 6px;




          background-color: #8267e8;
          background-image: -webkit-radial-gradient(bottom, #8267e8 0%, #4d0d8f 100%);
          background-image: -moz-radial-gradient(bottom, #8267e8 0%, #4d0d8f 100%);
          background-image: -o-radial-gradient(bottom, #8267e8 0%, #4d0d8f 100%);
          background-image: -ms-radial-gradient(bottom, #8267e8 0%, #4d0d8f 100%);
          background-image: radial-gradient(bottom, #8267e8 0%, #4d0d8f 100%);
         
          -webkit-box-shadow: inset 0px 1px 0px #9982ee
          box-shadow: inset 0px 1px 0px #9982ee;
         
          cursor: pointer;




          -webkit-transition: all .1s ease-in-out;
          -moz-transition: all .1s ease-in-out;
          -o-transition: all .1s ease-in-out;
          -ms-transition: all .1s ease-in-out;
          transition: all .1s ease-in-out;
        }




        #slick-login input[type="submit"]:hover {
          background-color: #4d0d8f;
          background-image: -webkit-linear-gradient(bottom, #4d0d8f 0%, #8267e8100%);
          background-image: -moz-linear-gradient(bottom, #4d0d8f 0%, #8267e8 100%);
          background-image: -o-linear-gradient(bottom, #4d0d8f 0%, #8267e8 100%);
          background-image: -ms-linear-gradient(bottom, #4d0d8f 0%, #8267e8 100%);
          background-image: linear-gradient(bottom, #4d0d8f 0%, #8267e8 100%);




          -webkit-box-shadow: inset 0px 1px 0px #9982ee;
          box-shadow: inset 0px 1px 0px #9982ee;
          margin-top: 10px;
        }




        #slick-login input[type="submit"]:active {
          background-color: #4d0d8f;
          background-image: -webkit-linear-gradient(bottom, #4d0d8f 0%, #8267e8 100%);
          background-image: -moz-linear-gradient(bottom, #4d0d8f 0%, #8267e8 100%);
          background-image: -o-linear-gradient(bottom, #4d0d8f 0%, #8267e8f 100%);
          background-image: -ms-linear-gradient(bottom, #4d0d8f 0%, #8267e8100%);
          background-image: linear-gradient(bottom, #4d0d8f 0%, #8267e8 100%);




          -webkit-box-shadow: inset 0px 1px 0px #9982ee;
          box-shadow: inset 0px 1px 0px #9982ee;
        }
        span.reference{
              position:fixed;
              left:10px;
              bottom:10px;
              font-size:14px;
          }
          span.reference a{
  color:#aaa;
  text-decoration:underline;
          }



        </style>




        <!DOCTYPE html>
        <head>
        <title>Login - Pixel Life</title>
        <meta name="description" content="Login - Pixel Life">
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
        <script src="http://www.modernizr.com/downloads/modernizr-latest.js"></script>
        </head>
        <body>
        <form id="slick-login">
        <label for="username">{L_USERNAME}</label><input type="text" name="username" class="placeholder" placeholder="Nome do Usuário">
        <label for="password">{L_PASSWORD}:</label><input type="password" name="password" class="placeholder" placeholder="Senha">
        <input type="submit" value="Login">
        </form>
      <div>
                <span class="reference">
                    © Copyright 2013 | Hospedado por <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros">Forumeiros.</a>
                </span>
      </div>
        </body>
        </html>

Abraços, Prince.
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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

Resolvido Re: Colocar link para redirecionar ao forumeiros nessa página html

Mensagem por Yrley em 01/08/13, 04:31 pm

Podem fechar Feliz
avatar

Yrley
Usuário destaque

Masculino
Inscrito dia : 14/11/2011
Mensagens : 556
Pontos Ativos : 897

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