Colocar link para redirecionar ao forumeiros nessa página html

3 participantes

Ir para baixo

Tópico resolvido Colocar link para redirecionar ao forumeiros nessa página html

Mensagem por Yrley 01.08.13 15:21

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://2img.net/i/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
Yrley
Yrley
Membro

Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897

http://servidorplaybr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar link para redirecionar ao forumeiros nessa página html

Mensagem por Hyouki 01.08.13 15:24

Olá!

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

Até mais Piscada
Hyouki
Hyouki
Super Membro

Membro desde : 10/02/2012
Mensagens : 1495
Pontos : 1981

http://www.forum-dix.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar link para redirecionar ao forumeiros nessa página html

Mensagem por goodbye 01.08.13 15:48

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://2img.net/i/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
goodbye
Hiper Membro

Membro desde : 07/06/2011
Mensagens : 3852
Pontos : 5081

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar link para redirecionar ao forumeiros nessa página html

Mensagem por Yrley 01.08.13 20:31

Podem fechar Feliz
Yrley
Yrley
Membro

Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897

http://servidorplaybr.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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