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

Outubro 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
» Criar tags BBcode
Hoje à(s) 14:12 por sandra51

» Ajustar mensagens do fórum
Hoje à(s) 13:32 por PrisoN†BreaK

» Problema com de css com a class .page-body
Hoje à(s) 13:30 por Shek Crowley

» Postagem com capa
Hoje à(s) 13:26 por Shek Crowley

» Floquinhos de neve não carregam
Hoje à(s) 13:22 por Shek Crowley

» Botão Thanks na área errada
Hoje à(s) 9:16 por EsromG5

» Conteúdo dos perfis não aparecem
Hoje à(s) 2:10 por Lemon~

Perdi minha senha!
Obter senha

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

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
92 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 89 Visitantes :: 2 Motores de busca

Angel', marcosdete, sandra51

[ Ver toda a lista ]


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

Personalização das caixas de textos

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

Resolvido Personalização das caixas de textos

Mensagem por Virginia em Qui 29 Jan 2015 - 0:22

Detalhes da dúvida

Versão do fórum : phpBB2
Nível de acesso : Fundador
Navegador usado : Mozilla Firefox
Membros afetados : Somente comigo
Endereço do fórum : http://heroes.justboard.net

Descrição do problema

Minha dúvida é: como editar essas classes dos códigos de templates do fórum?

Por exemplo, a classe "post" em campos de entrada de texto, ou a "genmed", como editar os códigos delas?


Última edição por Virginia em Sex 30 Jan 2015 - 22:53, editado 1 vez(es)

Virginia
Nível 5

Masculino
Inscrito dia : 02/12/2014
Mensagens : 52
Pontos Ativos : 802

http://heroes.justboard.net

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Personalização das caixas de textos

Mensagem por Virginia em Qui 29 Jan 2015 - 20:21

Olá, muito obrigado. Mas, por exemplo, meu objetivo com a modificação da classe post, seria mudar o visual das caixas de texto. Como deveria criar a nova classe que irá substituir?

Virginia
Nível 5

Masculino
Inscrito dia : 02/12/2014
Mensagens : 52
Pontos Ativos : 802

http://heroes.justboard.net

Resolvido Re: Personalização das caixas de textos

Mensagem por Sennior em Qui 29 Jan 2015 - 20:29

Saudações,

Porque JavaScript se no caso CSS daria?
CSS é simples e eficaz e pelo que notei o senhor deseja mudar no caso é aparência? Ou o nome mesmo da classe?

Até mais.


Admineiros Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Admineiros  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Admineiros Perdeu a senha de administração? Veja o que fazer.
Admineiros Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16227
Pontos Ativos : 22713

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalização das caixas de textos

Mensagem por Virginia em Qui 29 Jan 2015 - 20:33

A aparência, apenas. De componentes como por exemplo a caixa de texto, mudar a font do texto inserido nela, o tamanho vertical, e essas outras modificações mais expecíficas.

Virginia
Nível 5

Masculino
Inscrito dia : 02/12/2014
Mensagens : 52
Pontos Ativos : 802

http://heroes.justboard.net

Resolvido Re: Personalização das caixas de textos

Mensagem por Sennior em Qui 29 Jan 2015 - 20:37

Oh! Isso nós fazemos para o senhor. Muito feliz
Mande-me uma Print Screen do local que deseja a personalização e me especifique como deseja a personalização, digo cor da fonte, tamanho, cor...

Até mais.


Admineiros Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Admineiros  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Admineiros Perdeu a senha de administração? Veja o que fazer.
Admineiros Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16227
Pontos Ativos : 22713

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalização das caixas de textos

Mensagem por Virginia em Qui 29 Jan 2015 - 20:41

Então, gostaria de modificar todas as textbox do fórum. Por isso pensava em editar algo como uma classe ou algo assim.

Desejo mudar a font delas, testar algumas que tenho em mente. Mas, pode por a Roboto Condensed, tamanho 12 (pra eu editar futuramente) e algum tamanho vertical, apenas para eu editar também.

Basicamente, o código com as variáveis para eu editar. haha E procura nos templates do fórum cada textbox que deverá ser editada, se necessário.

Virginia
Nível 5

Masculino
Inscrito dia : 02/12/2014
Mensagens : 52
Pontos Ativos : 802

http://heroes.justboard.net

Resolvido Re: Personalização das caixas de textos

Mensagem por Sennior em Qui 29 Jan 2015 - 20:46

Senhor, mas essa classe não tem nos Fóruns Forumeiros.
TextBox? Não é #search-box? Textarea?

Faça assim, mande-me um print screen do local onde o senhor achou essa Classe.
Até mais.


Admineiros Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Admineiros  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Admineiros Perdeu a senha de administração? Veja o que fazer.
Admineiros Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16227
Pontos Ativos : 22713

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalização das caixas de textos

Mensagem por Virginia em Qui 29 Jan 2015 - 20:49

Ah, não achei esta classe. Apenas me referi as caixas de entrada de texto. haha

Virginia
Nível 5

Masculino
Inscrito dia : 02/12/2014
Mensagens : 52
Pontos Ativos : 802

http://heroes.justboard.net

Resolvido Re: Personalização das caixas de textos

Mensagem por Sennior em Qui 29 Jan 2015 - 20:56

No caso então, seria isso? Font Size é o tamanho que ficara nas caixas de texto.
Vá em:
Painel de controle  Seta curta Visualização  Seta curta Cores Seta curta "Aba" Folha CSS.

Adicione no conteúdo:
Código:
textarea {
font-size: 4pc!important;
font-family: Roboto Condesed!important;
}

Salve e Visualize seu fórum. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida


Admineiros Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Admineiros  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Admineiros Perdeu a senha de administração? Veja o que fazer.
Admineiros Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16227
Pontos Ativos : 22713

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalização das caixas de textos

Mensagem por Virginia em Qui 29 Jan 2015 - 21:02

Olá, não modificou nada nas caixas que eu queria, como as de login, assunto de mensagem, buscar, e etc.

Apenas modificou nestes campos:

(que eu não quero que modifique). haha

Virginia
Nível 5

Masculino
Inscrito dia : 02/12/2014
Mensagens : 52
Pontos Ativos : 802

http://heroes.justboard.net

Resolvido Re: Personalização das caixas de textos

Mensagem por Sennior em Qui 29 Jan 2015 - 21:07

No caso então, seria isso? Font Size é o tamanho que ficara nas caixas de texto.
Vá em:
Painel de controle  Seta curta Visualização  Seta curta Cores Seta curta "Aba" Folha CSS.

Adicione no conteúdo:
Código:
input.inputbox {
font-size: 2pc;
font-family: arial;
}

Salve e Visualize seu fórum. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida


Admineiros Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Admineiros  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Admineiros Perdeu a senha de administração? Veja o que fazer.
Admineiros Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16227
Pontos Ativos : 22713

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalização das caixas de textos

Mensagem por Virginia em Qui 29 Jan 2015 - 21:11

Olá, arrumou a font gigante lá, mas nenhum resultado nas caixas de texto...

Já aproveitando, as três coisas que quero editar, primeiro essas duas (quero modificar font e tamanho vertical/altura):



E depois, modificar o tamanho do ícone do avatar de um membro da página Membros, como sugere a imagem:


Virginia
Nível 5

Masculino
Inscrito dia : 02/12/2014
Mensagens : 52
Pontos Ativos : 802

http://heroes.justboard.net

Resolvido Re: Personalização das caixas de textos

Mensagem por Daemon em Sex 30 Jan 2015 - 13:54

Olá,

em primeiro lugar, o senhor deverá ficar ciente de que apenas aceitamos uma dúvida por tópico, assim, organizando melhor as buscas do fórum.
Bom... para realizarmos modificações nestas áreas específicas, devemos ficar cientes de como funciona cada elemento utilizado.

Para botões, são geralmente utilizados inputs dos tipos Seta button e submit
Para textos, são geralmente utilizados inputs do tipo "text", ou textarea.

Veja os exemplos abaixo:

Botão:
Código:
<input type="button" value="Click me">
ou
<input type="submit" value="Enviar">

Campo de texto:
Código:
<input type="text" value="Insira aqui o texto">
ou
<textarea placeholder="Insira aqui o texto"></textarea>

Assim, podemos modificá-los no css da seguinte maneira:

Para botões:
Código:
input[type="button"], input[type="submit"] {
attr css aqui...
}

[b]Para campo de texto:[/code]
Código:
input[type="text"], textarea {
attr css aqui...
}

Você também pode focar apenas no id ou classe de cada elemento, assim você pode adicionar um efeito diferente para cada elemento.


Até mais!

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1052
Pontos Ativos : 3339

http://bestskins.forumeiros.com/

Resolvido Re: Personalização das caixas de textos

Mensagem por Virginia em Sex 30 Jan 2015 - 21:19

Olá Daemon, então, funcionou perfeitamente, mas nos elementos que você me passou o código. Poderia me passar o css de outros elementos, no caso o da caixa de texto que recebe a senha, e, deste botão que deve ser algum tipo diferente, o que fica na tela de edição de perfil:


O "reiniciar"

Virginia
Nível 5

Masculino
Inscrito dia : 02/12/2014
Mensagens : 52
Pontos Ativos : 802

http://heroes.justboard.net

Resolvido Re: Personalização das caixas de textos

Mensagem por Sennior em Sex 30 Jan 2015 - 21:45

Saudações! Muito feliz

Vá em:
Painel de controle  Seta curta Visualização  Seta curta Cores Seta curta "Aba" Folha CSS.

Adicione no conteúdo:
Código:
input#password_reg {
font-family: 'Roboto Condensed';
font-size: 12px;
height: 25px;
heigth: 30px;
letter-spacing: 2px;
text-align: left;
}

Salve e Visualize seu fórum. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida


Admineiros Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Admineiros  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Admineiros Perdeu a senha de administração? Veja o que fazer.
Admineiros Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16227
Pontos Ativos : 22713

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalização das caixas de textos

Mensagem por Virginia em Sex 30 Jan 2015 - 21:52

Infelizmente este último código, o da senha, não resultou...

Virginia
Nível 5

Masculino
Inscrito dia : 02/12/2014
Mensagens : 52
Pontos Ativos : 802

http://heroes.justboard.net

Resolvido Re: Personalização das caixas de textos

Mensagem por Sennior em Sex 30 Jan 2015 - 22:01

Saudações! Muito feliz

Coloque no INICIO DE TEU CSS:
Vá em:
Painel de controle  Seta curta Visualização  Seta curta Cores Seta curta "Aba" Folha CSS.

Adicione no conteúdo:
Código:
input#password_reg {font-family: 'Roboto Condensed'!important;font-size:12px!important;height:25px!important;heigth: 30px!important;letter-spacing: 2px!important;text-align: left!important;}

Salve e Visualize seu fórum. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida


Admineiros Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Admineiros  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Admineiros Perdeu a senha de administração? Veja o que fazer.
Admineiros Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16227
Pontos Ativos : 22713

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalização das caixas de textos

Mensagem por Virginia em Sex 30 Jan 2015 - 22:03

Código colocado na primeira linha da folha CSS, mas nao resulta, como segue a imagem:


Virginia
Nível 5

Masculino
Inscrito dia : 02/12/2014
Mensagens : 52
Pontos Ativos : 802

http://heroes.justboard.net

Resolvido Re: Personalização das caixas de textos

Mensagem por Sennior em Sex 30 Jan 2015 - 22:05

Saudações! Muito feliz

Vá em:
Painel de controle  Seta curta Visualização  Seta curta Cores Seta curta "Aba" Folha CSS.

Adicione no conteúdo:
Código:
#text_editor_iframe, input.post, select, textarea.inputbox, textarea.post {
font-family: 'Roboto Condensed'!important;
font-size: 12px!important;
height: 25px!important;
heigth: 30px!important;
letter-spacing: 2px!important;
text-align: left!important;
}

Salve e Visualize seu fórum. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida


Admineiros Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Admineiros  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Admineiros Perdeu a senha de administração? Veja o que fazer.
Admineiros Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16227
Pontos Ativos : 22713

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalização das caixas de textos

Mensagem por Virginia em Sex 30 Jan 2015 - 22:39

Olá!

Agora sim, funcionou perfeitamente. Só falta esse último botão, o tal do "Reiniciar"...


Virginia
Nível 5

Masculino
Inscrito dia : 02/12/2014
Mensagens : 52
Pontos Ativos : 802

http://heroes.justboard.net

Resolvido Re: Personalização das caixas de textos

Mensagem por Daemon em Sex 30 Jan 2015 - 22:45

No código que passei ao senhor, localize:
Código:
input[type="button"], input[type="submit"]
E adicione o tipo reset, assim:
Código:
input[type="button"], input[type="submit"], input[type="reset"]
Até mais!

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1052
Pontos Ativos : 3339

http://bestskins.forumeiros.com/

Resolvido Re: Personalização das caixas de textos

Mensagem por Virginia em Sex 30 Jan 2015 - 22:53

Olá, por fim, resolvido as questões!

Muito obrigado pelo serviço!

Virginia
Nível 5

Masculino
Inscrito dia : 02/12/2014
Mensagens : 52
Pontos Ativos : 802

http://heroes.justboard.net

O autor desta mensagem foi removido do fórum - Ver a mensagem

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