Posicionar caixa de texto do formulário

2 participantes

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

Tópico resolvido Posicionar caixa de texto do formulário

Mensagem por Luuiz Fellipe 14.08.16 2:49

Detalhes da questão


Endereço do fórum: http://gsf-npcgames.forumeiros.com/
Versão do fórum: PhpBB3

Descrição


Eu queria por a caixa de texto do meu formulário abaixo de "Por que devemos aceitar"
http://prntscr.com/c5fnml
Luuiz Fellipe

Luuiz Fellipe
**

Membro desde : 18/06/2016
Mensagens : 84
Pontos : 136

http://megatron.forumais.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar caixa de texto do formulário

Mensagem por REVIEW 14.08.16 2:54

Olá,
poderia mim passa o código do seu formulário?

Até mais.
Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
REVIEW

REVIEW
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar caixa de texto do formulário

Mensagem por Luuiz Fellipe 14.08.16 6:31

O formulário foi feito com gerador Forumeiro. Ele está do jeito que eu gosto, não mude se n o necessário. While mudou uma vez e bugou o formulário todo !!!


<script src="http://jscolor.com/jscolor/jscolor.js" type="text/javascript"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="https://ajuda.forumeiros.com/29110.js"></script> <script src="https://ajuda.forumeiros.com/28074.js"></script> <style>
#generated_form .part { background: url(https://2img.net/h/oi46.tinypic.com/2wrdc42.jpg) no-repeat -235px -600px; width: 60px; height: 20px;}
#generated_form .more { background: url(https://2img.net/h/oi46.tinypic.com/2wrdc42.jpg) no-repeat 0px 2px; width: 12px; height: 20px; cursor:pointer;}
#generated_form .image .part { background: url(https://2img.net/h/oi46.tinypic.com/2wrdc42.jpg) no-repeat -235px -548px; width: 60px; height: 20px;}
#generated_form .remove { float: left;background: url(https://2img.net/h/oi46.tinypic.com/2wrdc42.jpg) no-repeat 0px -286px;padding-left: 16px;width: 12px; height: 20px; cursor:pointer;position: relative;top:3px;}
#generated_form .image { width: 300px; }

#generated_form h1 {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 2em;
font-weight: 400;
margin: .8em 0 .2em;
}

#generated_form dl {
margin-bottom: 10px;
font-size: 1.1em;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}

#generated_form dt {
width: 30%;
padding-top: 5px;
border: none;
float: left;
}

#generated_form dd {
padding: 5px;
padding-right: 5px;
margin-left: 30%;
vertical-align: middle;
}
#generated_form dl:hover dt {
color: #666;
}

#generated_form input {
font-family: "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
color: #333333;
padding: 2px;
vertical-align: middle;
padding-left: 4px;
}

#generated_form input[disabled] {
background-color:#ddd;
cursor:pointer;
}

#generated_form select {
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
cursor: default;
vertical-align: middle;
width:auto;
max-width:100%;/* Bug IE */
padding: 1px;
}

#generated_form textarea {
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
width: 300px;
height: 100px;
padding: 2px;
padding-left: 4px;
cursor: text;
}

#generated_form input[type=text], #generated_form input[type=fields_list] {
width: 300px;
cursor: text;
}
</style>
<form enctype="multipart/form-data" method="post" id="generated_form" action="/posting.forum" onsubmit="submit_form();">
<input value="0" name="form_mode" type="hidden" /> <dl><dt>Nick In-Game :</dt> <dd><input id="field0" value="" data-type="field" type="text" /></dd> </dl> <dl><dt>Level :</dt> <dd><input id="field1" value="" data-type="field" type="text" /></dd> </dl> <dl><dt>Já passou por algum clã ? :</dt> <dd><input id="field2" value="" data-type="field" type="text" /></dd> </dl> <dl> <dt>Por que devemos te aceitar ? :</dt> <dd><textarea style="margin: 0px; width: 454px; height: 203px;" id="field3" data-type="field"></textarea></dd> </dl> <input value="3" name="f" type="hidden" /> <input template="[Recrutamento]{field0}" value="O script não enviou o título" name="subject" type="hidden" /> <input template="" value="O script não enviou a descrição" name="description" type="hidden" /> <textarea style="display:none" name="message"></textarea> <textarea style="display:none" id="message-template-bbcode-0">Nick In-Game : {field0}
Level : {field1}
Já passou por algum clã ? : {field2}
Por que devemos te aceitar ? : {field3}</textarea> <input value="newtopic" name="mode" type="hidden" /> <input value="0" name="lt" type="hidden" /> <input value="Enviar" class="button2" name="post" type="submit" />
</form>
Luuiz Fellipe

Luuiz Fellipe
**

Membro desde : 18/06/2016
Mensagens : 84
Pontos : 136

http://megatron.forumais.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar caixa de texto do formulário

Mensagem por REVIEW 14.08.16 13:37

Olá,
troque o código do seu formulário por este:
Código:
<script src="http://jscolor.com/jscolor/jscolor.js" type="text/javascript"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="http://ajuda.forumeiros.com/29110.js"></script> <script src="http://ajuda.forumeiros.com/28074.js"></script> <style>
#generated_form .part { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -235px -600px; width: 60px; height: 20px;}
#generated_form .more { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat 0px 2px; width: 12px; height: 20px; cursor:pointer;}
#generated_form .image .part { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -235px -548px; width: 60px; height: 20px;}
#generated_form .remove { float: left;background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat 0px -286px;padding-left: 16px;width: 12px; height: 20px; cursor:pointer;position: relative;top:3px;}
#generated_form .image { width: 300px; }

#generated_form h1 {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 2em;
font-weight: 400;
margin: .8em 0 .2em;
}

#generated_form dl {
margin-bottom: 10px;
font-size: 1.1em;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}

#generated_form dt {
width: 30%;
padding-top: 5px;
border: none;
float: left;
}

#generated_form dd {
padding: 5px;
padding-right: 5px;
margin-left: 30%;
vertical-align: middle;
}
#generated_form dl:hover dt {
color: #666;
}

#generated_form input {
font-family: "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
color: #333333;
padding: 2px;
vertical-align: middle;
padding-left: 4px;
}

#generated_form input[disabled] {
background-color:#ddd;
cursor:pointer;
}

#generated_form select {
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
cursor: default;
vertical-align: middle;
width:auto;
max-width:100%;/* Bug IE */
padding: 1px;
}

#generated_form textarea {
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
width: 300px;
height: 100px;
padding: 2px;
padding-left: 4px;
cursor: text;
position: relative;
left: -294px;
top: 12px;
}

#generated_form input[type=text], #generated_form input[type=fields_list] {
width: 300px;
cursor: text;
}
</style>
<form enctype="multipart/form-data" method="post" id="generated_form" action="/posting.forum" onsubmit="submit_form();">
<input value="0" name="form_mode" type="hidden" /> <dl><dt>Nick In-Game :</dt> <dd><input id="field0" value="" data-type="field" type="text" /></dd> </dl> <dl><dt>Level :</dt> <dd><input id="field1" value="" data-type="field" type="text" /></dd> </dl> <dl><dt>Já passou por algum clã ? :</dt> <dd><input id="field2" value="" data-type="field" type="text" /></dd> </dl> <dl> <dt>Por que devemos te aceitar ? :</dt> <dd><textarea style="margin: 0px; width: 454px; height: 203px;" id="field3" data-type="field"></textarea></dd> </dl> <input value="3" name="f" type="hidden" /> <input template="[Recrutamento]{field0}" value="O script não enviou o título" name="subject" type="hidden" /> <input template="" value="O script não enviou a descrição" name="description" type="hidden" /> <textarea style="display:none" name="message"></textarea> <textarea style="display:none" id="message-template-bbcode-0">Nick In-Game : {field0}
Level : {field1}
Já passou por algum clã ? : {field2}
Por que devemos te aceitar ? : {field3}</textarea> <input value="newtopic" name="mode" type="hidden" /> <input value="0" name="lt" type="hidden" /> <input value="Enviar" class="button2" name="post" type="submit" />
</form>

Até mais.
REVIEW

REVIEW
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar caixa de texto do formulário

Mensagem por Luuiz Fellipe 14.08.16 16:18

Funcionou, mas queria saber o que você utilizou no código. Assim, poderei fazer outros formulários usando o mesmo.
Luuiz Fellipe

Luuiz Fellipe
**

Membro desde : 18/06/2016
Mensagens : 84
Pontos : 136

http://megatron.forumais.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar caixa de texto do formulário

Mensagem por REVIEW 14.08.16 16:25

Olá,
procure no código por:
Código:
#generated_form textarea {
Nesse código coloquei algumas propriedades, como position "posição", left para indicar a posição em px, e top para ajusta altura.
Código:
position: relative;
left: -294px;
top: 12px;
Seu tópico encontra-se resolvido autor?

Até mais.
REVIEW

REVIEW
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar caixa de texto do formulário

Mensagem por Luuiz Fellipe 14.08.16 18:40

Ajudou muuuito.
Obrigado !!! Pode fechaar
Luuiz Fellipe

Luuiz Fellipe
**

Membro desde : 18/06/2016
Mensagens : 84
Pontos : 136

http://megatron.forumais.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar caixa de texto do formulário

Mensagem por REVIEW 14.08.16 20:04

Posicionar caixa de texto do formulário Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
REVIEW

REVIEW
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.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

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