Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

Pagina HTML

4 participantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode

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

Tópico resolvido Pagina HTML

Mensagem por TappedOut 03.07.14 3:32

  • Descrição:
Queria uma pagina HTML baseada na imagem abaixo: (é montagem feita no paint kk)
Pagina HTML N85IQ6c
  • 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 16:23, editado 1 vez(es)
TappedOut

TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Pagina HTML

Mensagem por Hancki 03.07.14 10:03

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
Hancki

Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina HTML

Mensagem por Hdesigner 03.07.14 12:04

Aconselho utilizar essa gif Hancki = https://i.imgur.com/S2X2L23.gif
Hdesigner

Hdesigner
****

Membro desde : 17/07/2012
Mensagens : 309
Pontos : 485

http://hdesign.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina HTML

Mensagem por TappedOut 03.07.14 13:24

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

TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Pagina HTML

Mensagem por Duel 03.07.14 14:29

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
avatar

Duel
****

Membro desde : 21/05/2014
Mensagens : 323
Pontos : 446

https://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina HTML

Mensagem por TappedOut 03.07.14 16:21

Grato á todos!
TappedOut

TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode

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