ArtigosNovo Design do Registro.
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Novo Design do Registro.
por Tupac 08.08.15 1:58
Salve, Todos.
Eu queria saber como faço para fazer quando um Membro for registrar em meu Fórum, seja outro design como no da imagem abaixo
Esta imagem é de uma página HTML do meu Fórum, e queria saber como deixar assim pra registrar em
meuforum.forumeiros.com/register.
E essas caixas ficarem com novas opções de registro, exemplo..
Username
E-Mail
Senha e as minhas opções personalizadas..
Até.
Eu queria saber como faço para fazer quando um Membro for registrar em meu Fórum, seja outro design como no da imagem abaixo
Esta imagem é de uma página HTML do meu Fórum, e queria saber como deixar assim pra registrar em
meuforum.forumeiros.com/register.
E essas caixas ficarem com novas opções de registro, exemplo..
Username
Senha e as minhas opções personalizadas..
Até.
Tupac- ****
- Membro desde : 21/12/2014
Mensagens : 341
Pontos : 507 -
Tupac- ****
- Membro desde : 21/12/2014
Mensagens : 341
Pontos : 507 -
Re: Novo Design do Registro.
por Fraise 11.08.15 9:05
Olá, bom dia!
Quanto à sua dúvida, poderia me fornecer o link dessa tal página HTML?
Cumprimentos.
Fraise
Tópico movido de 'Questões sobre JavaScript & jQuery' para 'Questões sobre a aparência do fórum'
Se eu fosse a si, lia a alínea 3 do grupo dos deveres do regulamento de suporte. "Respeitar o tempo voluntário dos ajudantes ou dos usuários, tendo em mente que eles lhe ajudam quando tem tempo disponível." Além disso só são permitidos UP's de 24 em 24 horas, tenha mais atenção nisso.Haikaiss escreveu:UP. Cadê os Desenvolvedores e Staff's ?
Quanto à sua dúvida, poderia me fornecer o link dessa tal página HTML?
Cumprimentos.
Fraise
Tópico movido de 'Questões sobre JavaScript & jQuery' para 'Questões sobre a aparência do fórum'
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Tupac- ****
- Membro desde : 21/12/2014
Mensagens : 341
Pontos : 507 -
Re: Novo Design do Registro.
por Fraise 11.08.15 19:47
Olá!
E o link do seu fórum também, se possível.
Cumprimentos.
Fraise
E o link do seu fórum também, se possível.
Cumprimentos.
Fraise
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Re: Novo Design do Registro.
por Tupac 11.08.15 20:04
Tupac- ****
- Membro desde : 21/12/2014
Mensagens : 341
Pontos : 507 -
Re: Novo Design do Registro.
por Fraise 11.08.15 20:07
Olá!
Adicione à sua folha de estilos:
Cumprimentos.
Fraise
Adicione à sua folha de estilos:
- Código:
input#username {
background: url('http://i.imgur.com/Z8YKiwD.png');
background-repeat: no-repeat;
background-position-y: -3.5px;
border: 1px solid #000;
}
input#password {
background: url('http://i.imgur.com/ofKQ1W9.png');
background-repeat: no-repeat;
background-position-y: -3.5px;
border: 1px solid #000;
}
Cumprimentos.
Fraise
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Tupac- ****
- Membro desde : 21/12/2014
Mensagens : 341
Pontos : 507 -
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Tupac- ****
- Membro desde : 21/12/2014
Mensagens : 341
Pontos : 507 -
Re: Novo Design do Registro.
por Fraise 11.08.15 22:08
Olá!
Eu acho que consigo fazer isso por via de página HTML, pode ser?
Cumprimentos.
Fraise
Eu acho que consigo fazer isso por via de página HTML, pode ser?
Cumprimentos.
Fraise
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Tupac- ****
- Membro desde : 21/12/2014
Mensagens : 341
Pontos : 507 -
Re: Novo Design do Registro.
por Fraise 17.08.15 13:10
Olá!
Desculpe a demora, mas veja se lhe agrada:
Se gostar, irei adaptar para que logue em seu fórum.
Cumprimentos.
Fraise
Desculpe a demora, mas veja se lhe agrada:
- Código:
<!DOCTYPE HTML>
<html>
<head>
<meta charset=utf-8 />
<title>Login</title>
<style>
body {
background-color:#0099FF;
}
#caixa-login {
background-color:#006699;
width:380px;
height:260px;
margin: 140px auto 0px;
border-radius:10px;
}
#caixa-login-int {
width:360px;
height:240px;
background-color:#fdfdfd;
position:absolute;
margin:10px;
border-radius:5px;
box-shadow:0px 0px 7px black;
overflow:hidden;
}
#caixa-login-title {
height:45px;
text-align:center;
font: bold 14px/45px sans-serif;
border-top-left-radius:5px!important;
border-top-right-radius:5px!important;
border-bottom: 1px solid #bfc3c5;
color:#555555!important;
text-shadow:1px 0px 1px white;
background: #f2f9fe; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-radial-gradient(center, ellipse cover, #f2f9fe 0%, #d6f0fd 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f2f9fe), color-stop(100%,#d6f0fd)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #f2f9fe 0%,#d6f0fd 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #f2f9fe 0%,#d6f0fd 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #f2f9fe 0%,#d6f0fd 100%); /* IE10+ */
background: radial-gradient(ellipse at center, #f2f9fe 0%,#d6f0fd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
.input-div {
margin:20px;
padding:5px;
background-color:#f2f5f7;
border-radius:3px;
}
.input-div input {
width:310px;
height:35px;
padding-left:5px;
font:normal 13px sans-serif;
border-radius:3px;
border:1px solid #bfc4c6;
outline:none!important;
}
.input-div:hover{
background-color:#e0f1fc;
}
.input-div:hover input {
border-color:#7dc6dd;
}
#input-senha {
margin-top:10px!important;
}
#botoes {
width:310px;
margin-left:25px;
}
#botao {
float:right;
background-color:#527899;
padding:5px 15px;
font: bold 12px sans-serif;
border-radius:7px;
text-shadow:0px 1px 0px white;
border:1px solid #9eb9c3;
color:#fff;
}
#botao:hover {
cursor:pointer;
}
#conexao-auto {
font: normal 12px sans-serif;
}
</style>
</head>
<body>
<div id="caixa-login">
<div id="caixa-login-int">
<div id="caixa-login-title">Login</div>
<div class="input-div" id="input-user">
<input type="text" value="Nome de usuário">
</div>
<div class="input-div" id="input-senha">
<input type="text" value="Senha">
</div>
<div id="botoes">
<div id="botao">Login</div>
<div id="conexao-auto"><input type="checkbox"/>Conexão automática</div>
</div>
</div>
</body>
</html>
Se gostar, irei adaptar para que logue em seu fórum.
Cumprimentos.
Fraise
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Re: Novo Design do Registro.
por Tupac 19.08.15 17:55
Está Ótimo.
Mais, teria como dar uma melhorada no visu ?rsrs tá muito, " CHEGUUEEYYYY ".
TKS
Mais, teria como dar uma melhorada no visu ?rsrs tá muito, " CHEGUUEEYYYY ".
TKS
Tupac- ****
- Membro desde : 21/12/2014
Mensagens : 341
Pontos : 507 -
Re: Novo Design do Registro.
por Fraise 19.08.15 18:26
Olá!
Veja assim:
Cumprimentos.
Fraise
Veja assim:
- Código:
<!DOCTYPE HTML>
<html>
<head>
<meta charset=utf-8 />
<title>Login</title>
<style>
body {
background: url('https://image.freepik.com/free-photo/grunge-background--page_19-122655.jpg');
}
#caixa-login {
background-color:#FFFFCC;
width:380px;
height:260px;
margin: 140px auto 0px;
border-radius:10px;
}
#caixa-login-int {
width:360px;
height:240px;
background-color:#fdfdfd;
position:absolute;
margin:10px;
border-radius:5px;
box-shadow:0px 0px 7px black;
overflow:hidden;
}
#caixa-login-title {
height:45px;
text-align:center;
font: bold 14px/45px sans-serif;
border-top-left-radius:5px!important;
border-top-right-radius:5px!important;
border-bottom: 1px solid #bfc3c5;
color:#555555!important;
text-shadow:1px 0px 1px white;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffcc+100,febf01+100,ffffcc+100 */
background: #ffffcc; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmNjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZlYmYwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, #ffffcc 100%, #febf01 100%, #ffffcc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(100%,#ffffcc), color-stop(100%,#febf01), color-stop(100%,#ffffcc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #ffffcc 100%,#febf01 100%,#ffffcc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #ffffcc 100%,#febf01 100%,#ffffcc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #ffffcc 100%,#febf01 100%,#ffffcc 100%); /* IE10+ */
background: linear-gradient(to right, #ffffcc 100%,#febf01 100%,#ffffcc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffcc', endColorstr='#ffffcc',GradientType=1 ); /* IE6-8 */
}
.input-div {
margin:20px;
padding:5px;
background-color:#f2f5f7;
border-radius:3px;
}
.input-div input {
width:310px;
height:35px;
padding-left:5px;
font:normal 13px sans-serif;
border-radius:3px;
border:1px solid #bfc4c6;
outline:none!important;
}
.input-div:hover{
background-color:#e0f1fc;
}
.input-div:hover input {
border-color:#7dc6dd;
}
#input-senha {
margin-top:10px!important;
}
#botoes {
width:310px;
margin-left:25px;
}
#botao {
float:right;
background-color:#527899;
padding:5px 15px;
font: bold 12px sans-serif;
border-radius:7px;
text-shadow:0px 1px 0px white;
border:1px solid #9eb9c3;
color:#fff;
}
#botao:hover {
cursor:pointer;
}
#conexao-auto {
font: normal 12px sans-serif;
}
</style>
</head>
<body>
<div id="caixa-login">
<div id="caixa-login-int">
<div id="caixa-login-title">Login</div>
<div class="input-div" id="input-user">
<input type="text" value="Nome de usuário">
</div>
<div class="input-div" id="input-senha">
<input type="text" value="Senha">
</div>
<div id="botoes">
<div id="botao">Login</div>
<div id="conexao-auto"><input type="checkbox"/>Conexão automática</div>
</div>
</div>
</body>
</html>
Cumprimentos.
Fraise
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Tupac- ****
- Membro desde : 21/12/2014
Mensagens : 341
Pontos : 507 -
Re: Novo Design do Registro.
por Fraise 19.08.15 23:24
Olá!
Irei configurar a página HTML para que logue em seu fórum, assim que estiver concluída, o informarei neste mesmo tópico.
Cumprimentos.
Fraise
Irei configurar a página HTML para que logue em seu fórum, assim que estiver concluída, o informarei neste mesmo tópico.
Cumprimentos.
Fraise
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Re: Novo Design do Registro.
por Fraise 26.08.15 13:04
| Segundo o regulamento do setor de suporte, tópicos com mais de 7 dias devem ser arquivados por abandono do próprio autor. Você poderá obter mais informações lendo este tópico: Regras para a postagem de dúvidas Caso ainda tenha dúvidas, aconselhamos que crie um novo tópico no setor de suporte, tendo em vista que este não deve ficar na seção por mais de 7 dias. |
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Tópicos semelhantes» O novo design do Fórum de suporte
» Novo design da página Forumeiros
» Design do fórum? oo
» Registro de novo usuario
» Novo campo na parte do registro
» Novo design da página Forumeiros
» Design do fórum? oo
» Registro de novo usuario
» Novo campo na parte do registro
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos