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
» Remover permissão
Hoje à(s) 02:49 am por Harleen

» Ajuda com Skin
Hoje à(s) 02:35 am por Harleen

» Banner do Forum
Hoje à(s) 02:05 am por Harleen

» Ajuda com o HTML
Hoje à(s) 01:53 am por Harleen

» FanBar Roger
Ontem à(s) 03:49 pm por APOllO

» Texto do Topico bugado com o perfil
Ontem à(s) 03:06 pm por Harleen

» Assinatura grande!
Ontem à(s) 02:28 pm por APOllO

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Taxy_InSaniTy
 
Shek
 

Quem está conectado
262 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 260 Visitantes :: 2 Motores de busca

Luiz, Shek

[ Ver toda a lista ]


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

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 28/01/15, 10:22 pm

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 30/01/15, 08:53 pm, editado 1 vez(es)
avatar

Virginia
Nível 5

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

http://heroes.justboard.net

Resolvido Re: Personalização das caixas de textos

Mensagem por EuficoLoko em 28/01/15, 11:20 pm

Olá!

É só criar um novo js com esse código:
Código:
$(function(){$('.postbody').attr('class', 'test');});
No código procure por '.postbody' troque pelo nome da classe que irá ser alterada.
Procure por 'test', adicione o nome da nova classe.
Poderá multiplicar a parte do meio do código, para fazer várias vezes:
Código:
$('.postbody').attr('class', 'test');
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 998
Pontos Ativos : 1289

http://lokoscripts.forumeiros.com/ https://www.facebook.com/https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Personalização das caixas de textos

Mensagem por Virginia em 29/01/15, 06:21 pm

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

Virginia
Nível 5

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

http://heroes.justboard.net

Resolvido Re: Personalização das caixas de textos

Mensagem por Sennior em 29/01/15, 06:29 pm

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.


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

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

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16308
Pontos Ativos : 20794

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

Resolvido Re: Personalização das caixas de textos

Mensagem por Virginia em 29/01/15, 06:33 pm

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

Virginia
Nível 5

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

http://heroes.justboard.net

Resolvido Re: Personalização das caixas de textos

Mensagem por Sennior em 29/01/15, 06:37 pm

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.


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

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

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16308
Pontos Ativos : 20794

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

Resolvido Re: Personalização das caixas de textos

Mensagem por Virginia em 29/01/15, 06:41 pm

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

Virginia
Nível 5

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

http://heroes.justboard.net

Resolvido Re: Personalização das caixas de textos

Mensagem por Sennior em 29/01/15, 06:46 pm

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.


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

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

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16308
Pontos Ativos : 20794

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

Resolvido Re: Personalização das caixas de textos

Mensagem por Virginia em 29/01/15, 06:49 pm

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

Virginia
Nível 5

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

http://heroes.justboard.net

Resolvido Re: Personalização das caixas de textos

Mensagem por Sennior em 29/01/15, 06:56 pm

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


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

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

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16308
Pontos Ativos : 20794

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

Resolvido Re: Personalização das caixas de textos

Mensagem por Virginia em 29/01/15, 07:02 pm

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
avatar

Virginia
Nível 5

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

http://heroes.justboard.net

Resolvido Re: Personalização das caixas de textos

Mensagem por Sennior em 29/01/15, 07:07 pm

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


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

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

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16308
Pontos Ativos : 20794

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

Resolvido Re: Personalização das caixas de textos

Mensagem por Virginia em 29/01/15, 07:11 pm

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:

avatar

Virginia
Nível 5

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

http://heroes.justboard.net

Resolvido Re: Personalização das caixas de textos

Mensagem por Daemon em 30/01/15, 11:54 am

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

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1686

http://bestskins.forumeiros.com/

Resolvido Re: Personalização das caixas de textos

Mensagem por Virginia em 30/01/15, 07:19 pm

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

Virginia
Nível 5

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

http://heroes.justboard.net

Resolvido Re: Personalização das caixas de textos

Mensagem por Sennior em 30/01/15, 07:45 pm

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


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

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

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16308
Pontos Ativos : 20794

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

Resolvido Re: Personalização das caixas de textos

Mensagem por Virginia em 30/01/15, 07:52 pm

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

Virginia
Nível 5

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

http://heroes.justboard.net

Resolvido Re: Personalização das caixas de textos

Mensagem por Sennior em 30/01/15, 08:01 pm

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


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

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

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16308
Pontos Ativos : 20794

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

Resolvido Re: Personalização das caixas de textos

Mensagem por Virginia em 30/01/15, 08:03 pm

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

avatar

Virginia
Nível 5

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

http://heroes.justboard.net

Resolvido Re: Personalização das caixas de textos

Mensagem por Sennior em 30/01/15, 08:05 pm

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


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

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

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16308
Pontos Ativos : 20794

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

Resolvido Re: Personalização das caixas de textos

Mensagem por Virginia em 30/01/15, 08:39 pm

Olá!

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

avatar

Virginia
Nível 5

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

http://heroes.justboard.net

Resolvido Re: Personalização das caixas de textos

Mensagem por Daemon em 30/01/15, 08:45 pm

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

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1686

http://bestskins.forumeiros.com/

Resolvido Re: Personalização das caixas de textos

Mensagem por Virginia em 30/01/15, 08:53 pm

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

Muito obrigado pelo serviço!
avatar

Virginia
Nível 5

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

http://heroes.justboard.net

Resolvido Re: Personalização das caixas de textos

Mensagem por EuficoLoko em 30/01/15, 08:53 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

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 998
Pontos Ativos : 1289

http://lokoscripts.forumeiros.com/ https://www.facebook.com/https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

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