Queria saber se tem como eu criar uma página de login diferente

2 participantes

Ir para baixo

Tópico resolvido Queria saber se tem como eu criar uma página de login diferente

Mensagem por jobert kennedy 22.08.12 14:47

Qual é minha questão:
Olá,

eu gostaria de saber se tem algum código ou jeita de modificar a aparencia do login do fórum tava querendo deixar igual as primeiras páginas de uma rede social como facebook e orkut que começa com uma página de login meu ajudem estou começando a entender disso agora



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

Endereço do meu fórum:
http://faceblog.foruns.com.pt

Versão do meu fórum:
PUNBB


Última edição por jobert kennedy em 22.08.12 23:15, editado 1 vez(es)
jobert kennedy
jobert kennedy
***

Membro desde : 30/07/2012
Mensagens : 136
Pontos : 272

http://counterextreme.forumeiros.com/ https://twitter.com/@jobert025

Ir para o topo Ir para baixo

Tópico resolvido Re: Queria saber se tem como eu criar uma página de login diferente

Mensagem por Sennior 22.08.12 14:51

Boas!

Para isto terás que criar uma pagina HTML, que redireciona para a pagina de login. Tem algum fórum em que viu está função?

Até logo. Muito feliz

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
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: Queria saber se tem como eu criar uma página de login diferente

Mensagem por jobert kennedy 22.08.12 14:59

Obrigado,mas não eu não vi nenhum fórum e que eu queria deixar assim para ficar organizado e bonito meu fórum

vlw
jobert kennedy
jobert kennedy
***

Membro desde : 30/07/2012
Mensagens : 136
Pontos : 272

http://counterextreme.forumeiros.com/ https://twitter.com/@jobert025

Ir para o topo Ir para baixo

Tópico resolvido Re: Queria saber se tem como eu criar uma página de login diferente

Mensagem por Sennior 22.08.12 15:28

Olá!

Veja se gosta desta pagina HTML:

Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão das Páginas HTML

Em "Usar como pagina inicial" marque sim.

Código:
<head>
   <meta http-equiv="content-type" content="text/html; charset=utf-8">

   <title>NRPGS</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="http://fonts.googleapis.com/css?family=Fredoka+One|Open+Sans:400,700" rel="stylesheet" type="text/css">
  <script src="http://huddletogether.com/js/libs/modernizr-2.0.6.js" type="text/javascript" charset="utf-8"></script>
  <script type="text/javascript" src="http://use.typekit.com/bdq7cdj.js"></script>
  <style type="text/css">.tk-proxima-nova{font-family:"proxima-nova",sans-serif;}.tk-deva-ideal{font-family:"deva-ideal",sans-serif;}</style><link rel="stylesheet" href="http://use.typekit.com/k/bdq7cdj-d.css?3bb2a6e53c9684ffdc9a9bf31d5b2a62b13a99de1109782c8b0e4dc6a2345935800092a64dcec942680433157d0a4317a356bd398eb9dc029284f68cc18077d2101de5dc68f4d0343964143c67737a741a02c1caf053a90ef622c0ef35f6d829ff7ec7fc90cfdddae5a457fd69a4bbc05ad2b5df93c02fdac2c87d6dc0864f3364564a21ed626359cbba4447d991cb114703ee9bdf684413a245946e80"><script type="text/javascript">try{Typekit.load();}catch(e){}</script>
      <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
  <link rel="stylesheet" href="http://huddletogether.com/css/base.css">
  <script type="text/javascript">
  $(document).ready(function() {
  $("#widget-content").hide();
  $(".og").click(function() {
  $("#widget-content").slideToggle(400);
  $(".one").css('display', 'block');
  $(".two").css('display', 'none');
  });
  });
  </script>
    <script type="text/javascript">
  $(document).ready(function() {
  $("#widget-content").hover(function() {
  $(".titulo").css('opacity', '25').css('-webkit-transition-duration', '.8s');
  });
  });
  </script>
      <script type="text/javascript">
  $(document).ready(function() {
  $("#widget-content").mouseout(function() {
  $(".titulo").css('opacity', '2').css('-webkit-transition-duration', '.8s');
  });
  });
  </script>


    <script type="text/javascript">
  $(document).ready(function() {
   $(".og").dblclick(function() {
      $(".og img").attr('src', 'http://www.purevb.com/demo/images/styles/elegance/buttons/collapse_tcat_collapsed.png');
   });
  });
  </script>
  <script type="text/javascript">
  $(document).ready(function() {
  $(".titulo").mouseout(function() {
  $(".titulo").css('opacity', '.2').css('-webkit-transition-duration', '.8s');
  });
  });
  </script>
<style>
body {
background-image: url('http://i47.servimg.com/u/f47/13/27/41/49/zoqfw10.jpg');
background-position: fixed;
}
.ctn {
font-family: Fredoka One, lucida grande, tahoma, sans-serif;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.625em;
  margin: 0;
  font-size: 18px;
}
a {
text-decoration: none;
}
.footer {
margin-top: 210px;
background-color: #09A1EC;
bottom: 0px !important;
position: absolute;
color: white;
font-height: 500px;
width: 100%;
opacity: .3;
font-family: "Fredoka One", "lucida grande", tahoma, sans-serif;
}
.footer:hover {
opacity: 25 !important;
-webkit-transition-duration: .8s;
}
.footer a{
color: darkblue;
}
nav li a:hover {
-webkit-box-shadow: 0 0 26px #33CCFF;
moz-box-shadow: 0 0 26px #33CCFF;
box-shadow: 0 0 26px #33CCFF;
-webkit-transition-duration: .8s;
}
.widget {
top: 30px !important;
position: absolute;
left: -30px !important;
}
.titulo {
z-index: 999 !important;
position: absolute;
width: 155px;
opacity: .2;
 text-decoration: none;
  font-size: 20px;
  font-weight: 600;
  color: white;
  text-shadow: 0 -1px #0779b1;
  background-color: #09A1EC;
  border-bottom: 4px solid #0091CC;
  line-height: 1.2em;
  padding: 10px;
  font-size: 20px;
  margin: 0 1em .85em 1em;
    -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.widget a:hover {
color: orange;
}
.og {
padding-left: 5px;
margin-top: 00px !important;
position: absolute;
z-index: 999;
}
.titulo:hover {
opacity: 20 !important;
-webkit-transition-duration: .8s;
}
.one {
display: none;
}
a {
font-height: 400px;
color: #09A1EC;
}
.overlay{
background: #666;
opacity: 0.4;
position:fixed;
top:0px;
bottom:0px;
left:0px;
right:0px;
boder::100;
 }
 /* widget */
 #widget-content {
 opacity: .8;
 margin-top: -5px !important;
 z-index: 1;
 position: absolute;
 -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px !important;
font-family: "Fredoka One", "lucida grande", tahoma, sans-serif;
}
#widget-content a.first {
border-bottom-color: rgba(0, 0, 0, 0.5);
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
-ms-border-top-left-radius: 4px;
-o-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
-ms-border-top-right-radius: 4px;
-o-border-top-right-radius: 4px;
border-top-right-radius: 4px;
border-top-color: transparent;
}
#widget-content a {
margin-left: 5px !important;
display: block;
height: 2em;
padding: 0.6em 0.2em 0.3em 20px;
background: #505050;
border-top: 1px solid rgba(255, 255, 255, 0.15);
border-bottom: 1px solid rgba(0, 0, 0, 0.4);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
font-weight: bold;
}
#widget-content a:hover {
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
  background-color: #09A1EC;
  color: white !important;
}
#widget-content a.first {
  border-bottom-color: rgba(0, 0, 0, 0.5);
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -o-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  border-top-color: transparent;
}
#widget-content a.last {
  border-top-color: rgba(255, 255, 255, 0.25);
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* fim do widget*/
h1, h2 {
font-family: "Fredoka One", "lucida grande", tahoma, sans-serif;
}
</style>
</head>

Mas terás que editar ao seu gosto para teu fórum.
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

Ir para o topo

- Tópicos semelhantes

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