Personalizar o menu de registro

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

Personalizar o menu de registro Acc2afbc41104252ba68ed48f359b774

*fonte: caviar dreams

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

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

(*)"

Grato

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

por Kyou 19.02.17 20:51

Nome da fonte é Righteous

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.

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

Personalizar o menu de registro 4e5e66981ae14b779dd3a1c0df8ad52e

Com Icone de menssagem fica pior
Personalizar o menu de registro 36df8a4472af4ac0bef7cffc23c25c27

por Kyou 24.02.17 22:37

por Kyou 26.02.17 18:12

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(' * : ', '')); }) .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; }

por Kyou 27.02.17 21:03

Muito bom vlw

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

Hitskin.com

Personalizar o menu de registro