Personalização das caixas de textos

4 participantes

Ir para baixo

Tópico resolvido Personalização das caixas de textos

Mensagem por Virginia 29.01.15 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 30.01.15 22:53, editado 1 vez(es)
Virginia
Virginia
**

Membro desde : 02/12/2014
Mensagens : 52
Pontos : 66

http://heroes.justboard.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização das caixas de textos

Mensagem por EuficoLoko 29.01.15 1:20

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');
EuficoLoko
EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização das caixas de textos

Mensagem por Virginia 29.01.15 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
Virginia
**

Membro desde : 02/12/2014
Mensagens : 52
Pontos : 66

http://heroes.justboard.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização das caixas de textos

Mensagem por Sennior 29.01.15 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.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização das caixas de textos

Mensagem por Virginia 29.01.15 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
Virginia
**

Membro desde : 02/12/2014
Mensagens : 52
Pontos : 66

http://heroes.justboard.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização das caixas de textos

Mensagem por Sennior 29.01.15 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.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização das caixas de textos

Mensagem por Virginia 29.01.15 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
Virginia
**

Membro desde : 02/12/2014
Mensagens : 52
Pontos : 66

http://heroes.justboard.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização das caixas de textos

Mensagem por Sennior 29.01.15 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.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização das caixas de textos

Mensagem por Virginia 29.01.15 20:49

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

Membro desde : 02/12/2014
Mensagens : 52
Pontos : 66

http://heroes.justboard.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização das caixas de textos

Mensagem por Sennior 29.01.15 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
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização das caixas de textos

Mensagem por Virginia 29.01.15 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:
Personalização das caixas de textos Fast10
(que eu não quero que modifique). haha
Virginia
Virginia
**

Membro desde : 02/12/2014
Mensagens : 52
Pontos : 66

http://heroes.justboard.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização das caixas de textos

Mensagem por Sennior 29.01.15 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
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização das caixas de textos

Mensagem por Virginia 29.01.15 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):

Personalização das caixas de textos Dawddw10

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

Personalização das caixas de textos Sem_ty11
Virginia
Virginia
**

Membro desde : 02/12/2014
Mensagens : 52
Pontos : 66

http://heroes.justboard.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização das caixas de textos

Mensagem por Daemon 30.01.15 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
Daemon
Super Membro

Membro desde : 02/03/2012
Mensagens : 1132
Pontos : 1825

http://bestskins.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização das caixas de textos

Mensagem por Virginia 30.01.15 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:

Personalização das caixas de textos Fjesio10
O "reiniciar"
Virginia
Virginia
**

Membro desde : 02/12/2014
Mensagens : 52
Pontos : 66

http://heroes.justboard.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização das caixas de textos

Mensagem por Sennior 30.01.15 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
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização das caixas de textos

Mensagem por Virginia 30.01.15 21:52

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

Membro desde : 02/12/2014
Mensagens : 52
Pontos : 66

http://heroes.justboard.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização das caixas de textos

Mensagem por Sennior 30.01.15 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
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização das caixas de textos

Mensagem por Virginia 30.01.15 22:03

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

Personalização das caixas de textos Senha10
Virginia
Virginia
**

Membro desde : 02/12/2014
Mensagens : 52
Pontos : 66

http://heroes.justboard.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização das caixas de textos

Mensagem por Sennior 30.01.15 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
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização das caixas de textos

Mensagem por Virginia 30.01.15 22:39

Olá!

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

Personalização das caixas de textos Senha11
Virginia
Virginia
**

Membro desde : 02/12/2014
Mensagens : 52
Pontos : 66

http://heroes.justboard.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização das caixas de textos

Mensagem por Daemon 30.01.15 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
Daemon
Super Membro

Membro desde : 02/03/2012
Mensagens : 1132
Pontos : 1825

http://bestskins.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização das caixas de textos

Mensagem por Virginia 30.01.15 22:53

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

Muito obrigado pelo serviço!
Virginia
Virginia
**

Membro desde : 02/12/2014
Mensagens : 52
Pontos : 66

http://heroes.justboard.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização das caixas de textos

Mensagem por EuficoLoko 30.01.15 22:53

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
EuficoLoko
EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

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

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos