PopUp Login Box De Andy Stewart <
Este endereço de e-mail está sendo protegido de spam, você precisa de Javascript habilitado para vê-lo
> - (http://www.troozers.com/) Editando o template para inserir o código de um formulário muito elegante
para login dos usuários, veja um exemplo no site http://acaosp.ribafs.org Faça backup dos arquivos antes de editar. 1) Abrir a index.php e editar adicionando a função em javascript entre as tags <head>
e </head> como a seguir: <?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );$iso = split( '=', _ISO );echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--Adicionei para o loginpopup -->
<script language="javascript">
function toggleBox(szDivID, iState) // 1 visible, 0 hidden
{
if(document.layers) // NN4
{
document.layers[szDivID].visibility = iState ? "show" : "hide";
}
else if(document.getElementById) // gecko(NN6) + IE5+
{
var obj = document.getElementById(szDivID);
obj.style.visibility = iState ? "visible" : "hidden";
}
else if(document.all) //IE 4
{
document.all[szDivID].style.visibility = iState ? "visible" : "hidden";
}
}
</script>
<!--Final loginpopup --> 2) Na tag <body> adicionar a div que exibirá/ocultará o form: <body> <!-- INÍCIO: ocultar layer login box -->
<div id="LoginBox">
<table>
<tr>
<td colspan="2">
<table cellpadding="0" cellspacing="0" class="moduletable">
<tr>
<th valign="top">
Formulário de Login </th>
</tr>
<tr>
<td>
<form action="http:///NOME DOSITE .COM/" method="post" name="login" >
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td>
Nome de Unuário <br />
<input name="username" type="text" class="inputbox" alt="Login" size="10" />
<br />
Senha <br />
<input type="password" name="passwd" class="inputbox" size="10" alt="Senha" />
<br />
<input type="checkbox" name="remember" class="inputbox" value="yes" alt="Lembrar Senha" />
Lembrar Senha <br />
<input type="hidden" name="option" value="login" />
<input type="submit" name="Submit" class="button" value="Login" />
</td>
</tr>
<tr>
<td>
<a href="http:///NOME DOSITE .COM/index.php?option=com_registration&task=lostPassword">
Esqueceu sua senha </a>
</td>
<td>
Sem Conta?<a href="http://NOME DOSITE .COM/index.php?option=com_registration&task=register">
Crie uma</a>
</td> </tr>
</table>
<input type="hidden" name="op2" value="login" />
<input type="hidden" name="lang" value="english" />
<input type="hidden" name="return" value="http://acaosp.ribafs.org/index.php?" />
<input type="hidden" name="message" value="0" />
</form>
</td>
</tr>
</table>
</td>
</tr>
<tr> <!-- Botão Sair --> <td width="50%" align="center">
<a href="Sairhttp://acaosp.ribafs.org/index.php?option=com_login&Itemid=16">Sair</a>
</td>
<td width="50%" align="center">
<a href="#" onClick="toggleBox('LoginBox',0); return false;">
<img src="images/cancel_f2.png" width="20" height="20" border="0" alt="Fechar" />
</a>
</td>
</tr>
</table>
</div>
<!-- FINAL: ocultar layer login box -->
3) O link com a chave:
...
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" style="padding-left:8px; background-repeat: repeat-y;" background="<?php echo $mosConfig_live_site;?>/templates/NOME DO TEMA/images/shadowl.jpg"> </td>
<td valign="top" style="background-repeat: repeat-y;"background="<?php echo $mosConfig_live_site;?>/templates/NOME DO TEMA/images/lb.gif"><?php if (mosCountModules('left')) { ?>
<div class="leftrow">
<?php mosLoadModules ( 'left' ); ?>
</div> <?php } ?></td>
<td valign="top" bgcolor="#FAFAFA" width="100%"><div class"main">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="top" bgcolor="#F1F1F1">
<?php if (mosCountModules('top')) { ?><td colspan="3" style="border-top: 3px solid #FFFFFF;">
<div>
<?php mosLoadModules ( 'top' ); ?>
</div>
</td><?php } ?>
</tr> <!-- Início - Adicionei o link aqui -->
<tr>
<td width="117" valign="top">
<div align="left" style="z-index:2;">
<a href="#" onClick="toggleBox('LoginBox',1); return false;">
<img src="/templates/NOME DO TEMA/images/chave.png" width="75" height="25" border="0" alt="password" />
</a>
</div>
</td>
</tr>
<!-- Final - Adicionei o link aqui --> Observe que o que existe acima de "<!-- Início - Adicionei o link aqui -->" até os ... já existe na index.php
do template, adicionei apenas o que existe abaixo. 4) Acesse o sub-diretório css do template e edite o arquivo template_css.css, adicionando as linhas abaixo
ao final: #LoginBox {
position: absolute;
top: 0px;
left: 0px;
width: 200px;
visibility: hidden;
border: 1px solid;
background-color: #ffffff;
} -------------------------------------------------------------------------------- De Andy Stewart <
Este endereço de e-mail está sendo protegido de spam, você precisa de Javascript habilitado para vê-lo
> - (http://www.troozers.com/)
Tradução e adaptação de Ribamar FS - ribafs.org -
Este endereço de e-mail está sendo protegido de spam, você precisa de Javascript habilitado para vê-lo
- 28/04/2005
 Adicionar aos favoritos (70) |  Coloque esse artigo em seu site | Views: 11264
Only registered users can write comments.
Please login or register. Powered by AkoComment Tweaked Special Edition v.1.4 |
Tutoriais 
