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
Conectar-se

Esqueci minha senha

Últimos assuntos
» Duvidas Referente Sistema Pontos
Hoje à(s) 10:42 am por Kyo Panda

» Fórum e Subforuns não aparecem
Hoje à(s) 10:35 am por Kyo Panda

» Mostrar usuário do post
Hoje à(s) 10:30 am por Kyo Panda

» Perfil na Postagem & Estatistica
Hoje à(s) 10:27 am por GSCode

» Fechar tópico estilo IPB!
Hoje à(s) 09:24 am por Hancki

» Como eu faço para encontrar uma equipe?
Hoje à(s) 06:50 am por S1L3NC3SS

» [Pedido] Banner ®
Hoje à(s) 04:03 am por -xGabriel..

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
292 usuários online :: 6 usuários cadastrados, Nenhum Invisível e 286 Visitantes :: 2 Motores de busca

GSCode, iScroll, Kyko, Kyo Panda, odelgado, ShadowPrince

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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 13/08/16, 10:49 pm

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
avatar

Luuiz Fellipe
Nível 7

Masculino
Inscrito dia : 17/06/2016
Mensagens : 84
Pontos Ativos : 136

http://megatron.forumais.com/

Resolvido Re: Posicionar caixa de texto do formulário

Mensagem por REVIEW em 13/08/16, 10:54 pm

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'
avatar

REVIEW
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1189
Pontos Ativos : 2286

http://ceudasart.forumeiros.com/

Resolvido Re: Posicionar caixa de texto do formulário

Mensagem por Luuiz Fellipe em 14/08/16, 02:31 am

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>
avatar

Luuiz Fellipe
Nível 7

Masculino
Inscrito dia : 17/06/2016
Mensagens : 84
Pontos Ativos : 136

http://megatron.forumais.com/

Resolvido Re: Posicionar caixa de texto do formulário

Mensagem por REVIEW em 14/08/16, 09:37 am

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.
avatar

REVIEW
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1189
Pontos Ativos : 2286

http://ceudasart.forumeiros.com/

Resolvido Re: Posicionar caixa de texto do formulário

Mensagem por Luuiz Fellipe em 14/08/16, 12:18 pm

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

Luuiz Fellipe
Nível 7

Masculino
Inscrito dia : 17/06/2016
Mensagens : 84
Pontos Ativos : 136

http://megatron.forumais.com/

Resolvido Re: Posicionar caixa de texto do formulário

Mensagem por REVIEW em 14/08/16, 12:25 pm

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.
avatar

REVIEW
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1189
Pontos Ativos : 2286

http://ceudasart.forumeiros.com/

Resolvido Re: Posicionar caixa de texto do formulário

Mensagem por Luuiz Fellipe em 14/08/16, 02:40 pm

Ajudou muuuito.
Obrigado !!! Pode fechaar
avatar

Luuiz Fellipe
Nível 7

Masculino
Inscrito dia : 17/06/2016
Mensagens : 84
Pontos Ativos : 136

http://megatron.forumais.com/

Resolvido Re: Posicionar caixa de texto do formulário

Mensagem por REVIEW em 14/08/16, 04:04 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

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

REVIEW
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1189
Pontos Ativos : 2286

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