Pagina HTML

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

Resolvido Pagina HTML

Mensagem por TappedOut em 02/07/14, 11:32 pm

  • Descrição:
Queria uma pagina HTML baseada na imagem abaixo: (é montagem feita no paint kk)

  • Informações:
Fórum:http://testesforumf.forumeiros.com/Versão:PHPBB2
Tipo:Pedido de códigoTags:Pagina



Última edição por Boo em 03/07/14, 12:23 pm, editado 1 vez(es)
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com
  • 0

Resolvido Re: Pagina HTML

Mensagem por Hancki em 03/07/14, 06:03 am

Olá!

Fiz isto:
Código:
<body style="background-color: #B5E51D">


<center><style>
#noTrespassingOuterBarG{
height:50px;
width:400px;
border:3px solid #FFFFFF;
overflow:hidden;
background-color:#B5E51D}

.noTrespassingBarLineG{
background-color:#FFFFFF;
float:left;
width:35px;
height:300px;
margin-right:60px;
margin-top:-70px;
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}

.noTrespassingAnimationG{
width:590px;
-moz-animation-name:noTrespassingAnimationG;
-moz-animation-duration:1.3s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:linear;
-webkit-animation-name:noTrespassingAnimationG;
-webkit-animation-duration:1.3s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-ms-animation-name:noTrespassingAnimationG;
-ms-animation-duration:1.3s;
-ms-animation-iteration-count:infinite;
-ms-animation-timing-function:linear;
-o-animation-name:noTrespassingAnimationG;
-o-animation-duration:1.3s;
-o-animation-iteration-count:infinite;
-o-animation-timing-function:linear;
animation-name:noTrespassingAnimationG;
animation-duration:1.3s;
animation-iteration-count:infinite;
animation-timing-function:linear;
}

#noTrespassingFrontBarG{
}

@-moz-keyframes noTrespassingAnimationG{
0%{
margin-left:-95px;
}

100%{
margin-left:0px;
}

}

@-webkit-keyframes noTrespassingAnimationG{
0%{
margin-left:-95px;
}

100%{
margin-left:0px;
}

}

@-ms-keyframes noTrespassingAnimationG{
0%{
margin-left:-95px;
}

100%{
margin-left:0px;
}

}

@-o-keyframes noTrespassingAnimationG{
0%{
margin-left:-95px;
}

100%{
margin-left:0px;
}

}

@keyframes noTrespassingAnimationG{
0%{
margin-left:-95px;
}

100%{
margin-left:0px;
}

}
</style>
<br><br><br><img src="http://i.imgur.com/Qk7gzNk.gif"><br><br><br><br><br><br><br><font style="font-weight:bold;"color="white">Carregando</font><br><br>
<div id="noTrespassingOuterBarG">
<div id="noTrespassingFrontBarG" class="noTrespassingAnimationG">
<div class="noTrespassingBarLineG">
</div>
<div class="noTrespassingBarLineG">
</div>
<div class="noTrespassingBarLineG">
</div>
<div class="noTrespassingBarLineG">
</div>
<div class="noTrespassingBarLineG">
</div>
<div class="noTrespassingBarLineG">
</div>
</div>
</div></center>

</body>
É isso?

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Pagina HTML

Mensagem por Hdesigner em 03/07/14, 08:04 am

Aconselho utilizar essa gif Hancki = http://i.imgur.com/S2X2L23.gif
avatar

Hdesigner
Usuário avançado

Masculino
Inscrito dia : 17/07/2012
Mensagens : 305
Pontos Ativos : 479

Ver perfil do usuário http://hdesign.forumbrasil.net/

Resolvido Re: Pagina HTML

Mensagem por TappedOut em 03/07/14, 09:24 am

Hancki, teria como botar que tipo, ao passar 6s ir para o forum?
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com
  • 0

Resolvido Re: Pagina HTML

Mensagem por Duel em 03/07/14, 10:29 am

Olá!

Para esse efeito, troque o código do Hancki por esse:
Código:
    <body style="background-color: #B5E51D">
<meta http-equiv="refresh" content="6; url=ENDEREÇODOFÓRUM">

    <center><style>
    #noTrespassingOuterBarG{
    height:50px;
    width:400px;
    border:3px solid #FFFFFF;
    overflow:hidden;
    background-color:#B5E51D}

    .noTrespassingBarLineG{
    background-color:#FFFFFF;
    float:left;
    width:35px;
    height:300px;
    margin-right:60px;
    margin-top:-70px;
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
    }

    .noTrespassingAnimationG{
    width:590px;
    -moz-animation-name:noTrespassingAnimationG;
    -moz-animation-duration:1.3s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-timing-function:linear;
    -webkit-animation-name:noTrespassingAnimationG;
    -webkit-animation-duration:1.3s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    -ms-animation-name:noTrespassingAnimationG;
    -ms-animation-duration:1.3s;
    -ms-animation-iteration-count:infinite;
    -ms-animation-timing-function:linear;
    -o-animation-name:noTrespassingAnimationG;
    -o-animation-duration:1.3s;
    -o-animation-iteration-count:infinite;
    -o-animation-timing-function:linear;
    animation-name:noTrespassingAnimationG;
    animation-duration:1.3s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
    }

    #noTrespassingFrontBarG{
    }

    @-moz-keyframes noTrespassingAnimationG{
    0%{
    margin-left:-95px;
    }

    100%{
    margin-left:0px;
    }

    }

    @-webkit-keyframes noTrespassingAnimationG{
    0%{
    margin-left:-95px;
    }

    100%{
    margin-left:0px;
    }

    }

    @-ms-keyframes noTrespassingAnimationG{
    0%{
    margin-left:-95px;
    }

    100%{
    margin-left:0px;
    }

    }

    @-o-keyframes noTrespassingAnimationG{
    0%{
    margin-left:-95px;
    }

    100%{
    margin-left:0px;
    }

    }

    @keyframes noTrespassingAnimationG{
    0%{
    margin-left:-95px;
    }

    100%{
    margin-left:0px;
    }

    }
    </style>
    <br><br><br><img src="http://i.imgur.com/Qk7gzNk.gif"><br><br><br><br><br><br><br><font style="font-weight:bold;"color="white">Carregando</font><br><br>
    <div id="noTrespassingOuterBarG">
    <div id="noTrespassingFrontBarG" class="noTrespassingAnimationG">
    <div class="noTrespassingBarLineG">
    </div>
    <div class="noTrespassingBarLineG">
    </div>
    <div class="noTrespassingBarLineG">
    </div>
    <div class="noTrespassingBarLineG">
    </div>
    <div class="noTrespassingBarLineG">
    </div>
    <div class="noTrespassingBarLineG">
    </div>
    </div>
    </div></center>

    </body>
Seta Procure por 'ENDEREÇODOFÓRUM', no código; E troque pelo endereço de seu fórum com o '/fórum'. (Para onde será redirecionado)

Atenciosamente, Duel! De bem com a vida

Duel
Usuário avançado

Masculino
Inscrito dia : 21/05/2014
Mensagens : 323
Pontos Ativos : 446

Ver perfil do usuário http://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Resolvido Re: Pagina HTML

Mensagem por TappedOut em 03/07/14, 12:21 pm

Grato á todos!
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

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