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


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Cream
 
while
 
Shek
 
Holkis
 
-xGabriel..
 
Mr.Probz
 
Sennior
 
GollD
 
Nean
 
juleic1123
 

Quem está conectado
60 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 59 Visitantes :: 2 Motores de busca

Cream

[ 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 : 239

http://megatron.forumais.com/

Resolvido Re: Posicionar caixa de texto do formulário

Mensagem por Castiel 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'

Castiel
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1166
Pontos Ativos : 2891

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 : 239

http://megatron.forumais.com/

Resolvido Re: Posicionar caixa de texto do formulário

Mensagem por Castiel 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.

Castiel
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1166
Pontos Ativos : 2891

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 : 239

http://megatron.forumais.com/

Resolvido Re: Posicionar caixa de texto do formulário

Mensagem por Castiel 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.

Castiel
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1166
Pontos Ativos : 2891

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 : 239

http://megatron.forumais.com/

Resolvido Re: Posicionar caixa de texto do formulário

Mensagem por Castiel 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".

Castiel
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1166
Pontos Ativos : 2891

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5