Como personalizar a caixa de login no fórum

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

Resolvido Como personalizar a caixa de login no fórum

Mensagem por meytheus. em 08/07/12, 08:22 pm

Qual é minha questão:
Eu gostaria de saber como colocar uma caixa de login personalizada,com area ''esqueci minha senha?'' e etc,mas que funcione,ao fazer login aparecer o perfil do usuario,resumindo que funcione normalmente,e gostaria de colocar novos campos no perfil ex:
criar topico e etc
entenderam?

Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://habbolia-fansitee.forumeiros.com

Versão do meu fórum:
PHPBB2
avatar

meytheus.
Nível 7

Masculino
Inscrito dia : 29/06/2012
Mensagens : 80
Pontos Ativos : 146

Ver perfil do usuário http://habbolia-fansitee.forumeiros.com

Resolvido Re: Como personalizar a caixa de login no fórum

Mensagem por Convidad em 11/07/12, 10:07 am

Bom dia!



Widget Login personalizado


Com um pequeno código em HTML, vamos criar um efeito em um widget ao qual não será mais necessário usar-mos-ei o widget pré-definido de Login, podendo personalizar quando desejado.


--> Tutoriais <--
Widget "Login" personalizado



- Gestão dos widgets do fórum:
Vamos criar um widget personalizado em nosso fórum e adicionar o código, como criar de forma correcta um widget, tendo em conta todas as suas opções:

(carregue na imagem para aumentar)
Nome do widget - Terá de colocar um título para o widget, de forma a poder identifica-lo na lista dos widgets pessoais do Painel de Controle.
Utilizar um table type - Caso opte pale opção "Sim" o widget terá a moldura padrão dos restantes widgets, caso opte por "Não" o conteúdo não estará rodeado por qualquer moldura.
Título do widget - Neste campo, terá de atribuir um título, o que será visualizado no seu fórum. Caso tenha marcado a opção "Não" na opção anterior, colocar ou não um título será indiferente.
Fonte do widget - Aqui deverá colocar o conteúdo do widget, poderá colocar variáveis mas não poderá colocar BBcode e sim HTML. Veremos nos pontos seguintes como poderá utilizar o editor HTML.
Salvar - Por fim, após colocar o conteúdo, terá de "Salvar" o seu widget personalizado.


- Código HTML necessário para reproduzir o efeito:
Agora, você poderá copiar e colar no nosso novo widget o código abaixo, personalizando os pontos desejados:
Código:
<form action="/login" method="post" name="form_login">

<label for="username">Nome da conta:</label></dt><dd><input type="text" tabindex="1" name="username" id="username" size="25" maxlength="40" value="" class="inputbox autowidth" /></dd></dl><dl><dt><label for="password">Senha:</label></dt><dd><input type="password" tabindex="2" id="password" name="password" size="25" maxlength="25" class="inputbox autowidth" />

<br></br><a href="/profile.forum?mode=sendpassword"><img src ="http://illiweb.com/fa/admin/icones/small_ico/configuration.png"/> Esqueceu a senha?</a></br><a href="/register"><img src ="http://illiweb.com/fa/admin/icones/small_ico/utilisateur.png"/>  Registrar-se</a><br></br>

<dd><input type="hidden" name="redirect" value="" /><input type="hidden" name="query" value="" /><input type="submit" name="login" tabindex="6" value="Entrar" class="button1" /></dd>

</form>


- Autorizações do widget:
Para deixar-mos o trabalho muito bem feito, vamos aplicar um outro efeito que o próprio widget já tem, que é as autorizações. Depois de criar e adicionar o widget a coluna de widgets do fórum, você vai editar as permissões de visualização dele, clicando no botão :


Deixe esse widget visível apenas aos Convidados, já que ele não terá utilidade nenhuma para os que já estiverem logados no fórum.


  • Posso aplicar um efeito CSS?
    Pode. Basta você adicionar uma DIV ou uma SPAN contendo o atributo CLASS com o valor CSS. Por exemplo:
    <div class="plogin">CÓDIGO DO SEU WIDGET</div>

  • Resultado:


Atenciosamente,
Shek

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'

Convidad
Convidado


Resolvido Re: Como personalizar a caixa de login no fórum

Mensagem por meytheus. em 14/07/12, 05:01 pm

nao fico assim,fico meio bugado :/
avatar

meytheus.
Nível 7

Masculino
Inscrito dia : 29/06/2012
Mensagens : 80
Pontos Ativos : 146

Ver perfil do usuário http://habbolia-fansitee.forumeiros.com

Resolvido Re: Como personalizar a caixa de login no fórum

Mensagem por MateusV. em 14/07/12, 05:14 pm

Olá!

Amigo, acessei seu fórum e vi que o senhor possui um widget de login no portal:
http://habbolia-fansitee.forumeiros.com/

Poderia me dizer onde está tendo dificuldades no tutorial?

Abraços. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Como personalizar a caixa de login no fórum

Mensagem por meytheus. em 15/07/12, 12:56 am

eu tenho a caixa de login la mas ela e bugada tipo nao e mt bonita
queria a caixa de login mostrada no topico

e eu puis o codigo no widget e não ficou igual fiko completamente diferente,só os icones que ficoaram iguais entendeu?

fico tipo assim:
igual
e queria saber por que não deu
avatar

meytheus.
Nível 7

Masculino
Inscrito dia : 29/06/2012
Mensagens : 80
Pontos Ativos : 146

Ver perfil do usuário http://habbolia-fansitee.forumeiros.com

Resolvido Re: Como personalizar a caixa de login no fórum

Mensagem por Makercms em 15/07/12, 01:15 am

avatar

Makercms
Nível 8

Masculino
Inscrito dia : 29/05/2011
Mensagens : 114
Pontos Ativos : 198

Ver perfil do usuário http://globaljogos.forumaqui.net

Resolvido Re: Como personalizar a caixa de login no fórum

Mensagem por meytheus. em 15/07/12, 01:30 am

ficou do mesmo jeito :s
avatar

meytheus.
Nível 7

Masculino
Inscrito dia : 29/06/2012
Mensagens : 80
Pontos Ativos : 146

Ver perfil do usuário http://habbolia-fansitee.forumeiros.com

Resolvido Re: Como personalizar a caixa de login no fórum

Mensagem por Convidad em 15/07/12, 10:04 am

Bom dia!

O efeito da imagem é resultante de um fórum PhpBB3.

Convidad
Convidado


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