Personalizar o menu de registro

3 participantes

Ir para baixo

Tópico resolvido Personalizar o menu de registro

Mensagem por Kyou 19.02.17 4:45

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
Personalizar o menu de registro Acc2afbc41104252ba68ed48f359b774
*fonte: caviar dreams
Kyou
Kyou
***

Membro desde : 11/02/2017
Mensagens : 104
Pontos : 139

http://schoolflix.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o menu de registro

Mensagem por Luiz 19.02.17 18:32

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
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o menu de registro

Mensagem por Kyou 19.02.17 19:01

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
Kyou
Kyou
***

Membro desde : 11/02/2017
Mensagens : 104
Pontos : 139

http://schoolflix.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o menu de registro

Mensagem por Luiz 19.02.17 20:03

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
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o menu de registro

Mensagem por Kyou 19.02.17 20:51

Nome da fonte é Righteous
Kyou
Kyou
***

Membro desde : 11/02/2017
Mensagens : 104
Pontos : 139

http://schoolflix.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o menu de registro

Mensagem por Luiz 19.02.17 21:38

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.
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o menu de registro

Mensagem por Kyou 19.02.17 22:15

Personalizar o menu de registro 9b63f74bc3fb449f96765e8d02205bec
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
Personalizar o menu de registro 4e5e66981ae14b779dd3a1c0df8ad52e
Com Icone de menssagem fica pior
Personalizar o menu de registro 36df8a4472af4ac0bef7cffc23c25c27
Kyou
Kyou
***

Membro desde : 11/02/2017
Mensagens : 104
Pontos : 139

http://schoolflix.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o menu de registro

Mensagem por Kyou 24.02.17 22:37

Up
Kyou
Kyou
***

Membro desde : 11/02/2017
Mensagens : 104
Pontos : 139

http://schoolflix.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o menu de registro

Mensagem por Kyou 26.02.17 18:12

Up
Kyou
Kyou
***

Membro desde : 11/02/2017
Mensagens : 104
Pontos : 139

http://schoolflix.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o menu de registro

Mensagem por Kyo Panda 27.02.17 16:48

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;
}
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o menu de registro

Mensagem por Kyou 27.02.17 21:03

Muito bom vlw
Kyou
Kyou
***

Membro desde : 11/02/2017
Mensagens : 104
Pontos : 139

http://schoolflix.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o menu de registro

Mensagem por Kyo Panda 27.02.17 22:40

Personalizar o menu de registro Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

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