Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Kyo Panda
 
Shek Crowley
 
Holkis
 
Fou-Lu
 
iScroll
 
Sr.Oliveira
 
while
 
Harleen
 
fiapinho
 
Stewart
 

Quem está conectado
247 usuários online :: 4 usuários cadastrados, 1 Invisível e 242 Visitantes :: 2 Motores de busca

Daemon, David Silva, iScroll, Stewart

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Posicionar caixa de texto do formulário

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

Resolvido Posicionar caixa de texto do formulário

Mensagem por Luuiz Fellipe em Dom 14 Ago 2016 - 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
Nível 7

Masculino
Inscrito dia : 18/06/2016
Mensagens : 84
Pontos Ativos : 389

http://megatron.forumais.com/

Resolvido Re: Posicionar caixa de texto do formulário

Mensagem por REVIEW em Dom 14 Ago 2016 - 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
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1173
Pontos Ativos : 3048

http://ceudasart.forumeiros.com/

Resolvido Re: Posicionar caixa de texto do formulário

Mensagem por Luuiz Fellipe em Dom 14 Ago 2016 - 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="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;
}

#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
Nível 7

Masculino
Inscrito dia : 18/06/2016
Mensagens : 84
Pontos Ativos : 389

http://megatron.forumais.com/

Resolvido Re: Posicionar caixa de texto do formulário

Mensagem por REVIEW em Dom 14 Ago 2016 - 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
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1173
Pontos Ativos : 3048

http://ceudasart.forumeiros.com/

Resolvido Re: Posicionar caixa de texto do formulário

Mensagem por Luuiz Fellipe em Dom 14 Ago 2016 - 16:18

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

Luuiz Fellipe
Nível 7

Masculino
Inscrito dia : 18/06/2016
Mensagens : 84
Pontos Ativos : 389

http://megatron.forumais.com/

Resolvido Re: Posicionar caixa de texto do formulário

Mensagem por REVIEW em Dom 14 Ago 2016 - 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
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1173
Pontos Ativos : 3048

http://ceudasart.forumeiros.com/

Resolvido Re: Posicionar caixa de texto do formulário

Mensagem por Luuiz Fellipe em Dom 14 Ago 2016 - 18:40

Ajudou muuuito.
Obrigado !!! Pode fechaar

Luuiz Fellipe
Nível 7

Masculino
Inscrito dia : 18/06/2016
Mensagens : 84
Pontos Ativos : 389

http://megatron.forumais.com/

Resolvido Re: Posicionar caixa de texto do formulário

Mensagem por REVIEW em Dom 14 Ago 2016 - 20:04

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
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1173
Pontos Ativos : 3048

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