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

Esqueci minha senha

Últimos assuntos
Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Kyo Panda
 
Luiz
 
iScroll
 
Shek
 
virus
 
William_iHarDz
 
IsmaelS.
 
Fou-Lu
 
Gustavor
 
soldado
 

Quem está conectado
194 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 191 Visitantes :: 1 Motor de busca

Gustavor, SetRaiden, virus

[ Ver toda a lista ]


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

Personalizar o menu de registro

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

Resolvido Personalizar o menu de registro

Mensagem por Kyou em 19/02/17, 01:45 am

Detalhes da questão


Endereço do fórum: http://schoolflix.forumeiros.com
Versão do fórum: PunBB

Descrição


Bom o menu de cadastro padrão do forum é bem "seco" e visualmente feio principalmente as box onde se digitam email, nome, senha
Bom eu gostaria que ficasse o mais próximo possível desta ilustração que fiz rapidamente

*fonte: caviar dreams
avatar

Kyou
Nível 8

Masculino
Inscrito dia : 11/02/2017
Mensagens : 104
Pontos Ativos : 139

Ver perfil do usuário http://schoolflix.forumeiros.com/

Resolvido Re: Personalizar o menu de registro

Mensagem por Luiz em 19/02/17, 03:32 pm

Olá.
Peço que o senhor escolha uma fonte disponível neste site:
https://fonts.google.com/

Não há a fonte que o senhor mencionou nele...
Até mais.

---

Enquanto isso, tente essa CSS:
Código:
fieldset.frm-set dl dd {
    margin-left: 0px!important;
    padding: 0px!important;
}

fieldset dl {
    display: table;
    width: 25%;
    margin: 0 auto;
}

fieldset dl dt {
    text-align: center!important;
    float: none!important;
    width: 100%!important;
}

fieldset.frm-set dd, fieldset.frm-set dd input, fieldset.frm-set dd select {
    width: 100%!important;
}

fieldset.frm-set dl dd ul li {
    position: relative;
    left: 18px;
}

fieldset.frm-set label, fieldset.frm-set dl dt {
    color: #262626!important;
    font-weight: normal;
    text-transform: lowercase;
}

fieldset.frm-set input, fieldset.frm-set select {
    background-color: #e2e2e2;
    border: none;
    outline: none;
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 15px;
    color: red;
}

input.button2 {
    color: #eee!important;
}
Lembre-se de colocar ao final de sua CSS.

Até mais. Feliz
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4112
Pontos Ativos : 4736

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Personalizar o menu de registro

Mensagem por Kyou em 19/02/17, 04:01 pm

Nossa ficou realmente como na imagem que eu descrevi Sorrir
em questão da fonte não conseguir mudar até tentei adicionar o código font-family: (com as fontes do google é claro) nessa parte do código aqui:
Código:
fieldset.frm-set label, fieldset.frm-set dl dt {
    color: #262626!important;
    font-weight: normal;
    text-transform: lowercase;
}
e teria como remover esse "*" e ":" dos perfis no registro como por exemplo "nome de usuário (Feliz (*)"
endereço de email (Feliz (*)" Pensativo
Grato
avatar

Kyou
Nível 8

Masculino
Inscrito dia : 11/02/2017
Mensagens : 104
Pontos Ativos : 139

Ver perfil do usuário http://schoolflix.forumeiros.com/

Resolvido Re: Personalizar o menu de registro

Mensagem por Luiz em 19/02/17, 05:03 pm

Na verdade, qual fonte o senhor escolheu? Diga-me o nome da fonte! Muito feliz
Iremos dar um jeito para colocá-la.
Quanto aos asteriscos e dois pontos, acho que não há um bom meio de alterá-los, lamento. :/

Até mais. Feliz


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4112
Pontos Ativos : 4736

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Personalizar o menu de registro

Mensagem por Kyou em 19/02/17, 05:51 pm

Nome da fonte é Righteous
avatar

Kyou
Nível 8

Masculino
Inscrito dia : 11/02/2017
Mensagens : 104
Pontos Ativos : 139

Ver perfil do usuário http://schoolflix.forumeiros.com/
  • 0

Resolvido Re: Personalizar o menu de registro

Mensagem por Luiz em 19/02/17, 06:38 pm

Olá.
Seguindo as orientações deste tópico, adicione, no seu template overall_header, abaixo da tag <head>, o seguinte código:
Código:
<link href="https://fonts.googleapis.com/css?family=Righteous" rel="stylesheet" />

Feito isso, salve e publique o template ( Adicionar ).
Após isso, adicione este código, em sua Folha de Estilo CSS:
Código:
fieldset.frm-set * {
font-family: 'Righteous', cursive;
}

Até mais.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4112
Pontos Ativos : 4736

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Personalizar o menu de registro

Mensagem por Kyou em 19/02/17, 07:15 pm


teria como arrumar a posição deste perfil, colocar as bolinhas de escolher centralizada em baixo do mas e fem.
-------
Edit
Mano esse codigo bugou todo o chatbox de criar tópico

Com Icone de menssagem fica pior
avatar

Kyou
Nível 8

Masculino
Inscrito dia : 11/02/2017
Mensagens : 104
Pontos Ativos : 139

Ver perfil do usuário http://schoolflix.forumeiros.com/

Resolvido Re: Personalizar o menu de registro

Mensagem por Kyou em 24/02/17, 07:37 pm

Up
avatar

Kyou
Nível 8

Masculino
Inscrito dia : 11/02/2017
Mensagens : 104
Pontos Ativos : 139

Ver perfil do usuário http://schoolflix.forumeiros.com/

Resolvido Re: Personalizar o menu de registro

Mensagem por Kyou em 26/02/17, 03:12 pm

Up
avatar

Kyou
Nível 8

Masculino
Inscrito dia : 11/02/2017
Mensagens : 104
Pontos Ativos : 139

Ver perfil do usuário http://schoolflix.forumeiros.com/

Resolvido Re: Personalizar o menu de registro

Mensagem por Kyo Panda em 27/02/17, 01:48 pm

Adicione a um novo Javascript com investimento em todas as páginas:

Código:
(function($) {
  'use strict';

  if (location.pathname !== '/register' || location.search !== '?agreed=true&step=2') {
    return;
  }

  $(function() {
    $('#ucp')
     .addClass('fa-custom-register')
     .find('label, dt')
      .each(function() {
         var $this = $(this);
         $this.html($this.html().replace(' : *', '').replace('&nbsp;* : ', ''));
      })
     .end()
   ;   
  });
}(jQuery));

E ao CSS:

Código:
.fa-custom-register .frm-info + .frm-set dt {
    float: none;
    text-align: center;
    width: auto;
    font-size: 24px;
    font-weight: normal;
}

.fa-custom-register .frm-info + .frm-set dd {
    text-align: center;
    margin: 0;
}

.fa-custom-register .frm-info + .frm-set dd input,
.fa-custom-register .frm-info + .frm-set dd #cont_pwd {
    float: none;
}

.fa-custom-register .frm-info + .frm-set dd #cont_pwd {
    margin: 10px auto 0;
    padding: 0;
}

.fa-custom-register .sub-head + .frm-set  {
    text-align: center;
}

.fa-custom-register .sub-head + .frm-set dl {
    display: inline-block;
    vertical-align: top;
    width: 200px;
 
}

.fa-custom-register .sub-head + .frm-set dl:first-child {
    display: block;
    margin: 0 auto;
    width: 500px;
}

.fa-custom-register .sub-head + .frm-set dl:first-child ul {
    padding: 0;
}

.fa-custom-register .sub-head + .frm-set dl:first-child li {
    font-size: 18px;
}

.fa-custom-register .sub-head + .frm-set dl:first-child input {
    margin-bottom: 10px;
}

.fa-custom-register .sub-head + .frm-set dt {
    float: none;
    width: auto;
    text-align: center;
    font-size: 24px;
    font-weight: normal;
}

.fa-custom-register .sub-head + .frm-set dd {
    margin: 0;
}

.fa-custom-register .sub-head + .frm-set select,
.fa-custom-register .sub-head + .frm-set input {
    width: 100% !important;
    box-sizing: border-box;
}

.fa-custom-register .sub-head + .frm-set .italic {
    color: #999;
    padding-top: 10px;
    display: block;
}

.fa-custom-register .frm-buttons dt {
    display: none;
}

.fa-custom-register .frm-buttons dd {
    margin: 0;
    text-align: center;
}


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4338
Pontos Ativos : 5637

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Personalizar o menu de registro

Mensagem por Kyou em 27/02/17, 06:03 pm

Muito bom vlw
avatar

Kyou
Nível 8

Masculino
Inscrito dia : 11/02/2017
Mensagens : 104
Pontos Ativos : 139

Ver perfil do usuário http://schoolflix.forumeiros.com/

Resolvido Re: Personalizar o menu de registro

Mensagem por Kyo Panda em 27/02/17, 07:40 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".


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4338
Pontos Ativos : 5637

Ver perfil do usuário http://ajuda.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