Trucos para mejorar su Web: #Tutorial: Insertar Login en tu web

¡¡Holas!! Phper@s, bueno he creado este tutorial por que varias personas me han preguntado demasiado de como pueden agregar el login a su web, bueno, para hacerlo es de dos maneras..

Codigo PHP
Iframe

Les enseñare las dos formas... comenzaremos con el codigo php:

Bien, lo que haremos es abrir el dreamweaver, Bloc de notas, o cualquier editor de paginas web. bien y hacemos lo siguiente...

Como podemos ver, ya escogimos el lugar donde, pondremos el login, una vez elegido el lugar colocamos el siguiente code...

<?php
if (isset($_SESSION['nnick'])) { ?>
</span>
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="119" valign="top"><table width="208" height="129" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="68" height="129" valign="top"><span class="Estilo5"><img src="http://www.habbo.es/habbo-imaging/avatarimage?user=<?php echo $habboname; ?>&action=wav&direction=3&head_direction=3&img_format=gif&gesture=sml" width="64" height="110"></span></td>
<td width="140" valign="top"><table width="132" height="105" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<a href="ftag.php" class="Estilo20">Minichat</a></td>
</tr>
<tr>
<td><a href="upanel.php?<? echo session_name()."=".session_id() ?>" target="_blank" class="Estilo20">Panel MC</a></td>
</tr>
<tr>
<td height="32"><a href="logout2.php" class="Estilo20">Desconectarse</a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<span class="Estilo5">
<?php
} else {?>
</span>
<table width="187" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>

</tr>
</table>
<span class="Estilo5"></span>
<form action="procesar2.php?<? echo session_name()."=".session_id() ?>" method="post" name="tag" id="tag" onSubmit="return enviado()">
<div align="left"><span class="Estilo17">
<?
include ("main.php");
if ($_GET['mostrar'] == "tag.php") {
?>
<?

if (isset($_SESSION['nnick'])) {
echo _WELLCOME." <b>".$_SESSION['nnick']."";
echo "</b> <a href=\"logout.php\" class=\"EnlaceMenu\">"._LOGOUT."</a> ";
if (isset($_SESSION['nnick'])){
$nick = $_SESSION['nnick'];
}
else if (isset($_POST['nick'])) {
echo "</b> <a href=\"logout.php\" class=\"EnlaceMenu\">"._LOGOUT."</a> ";
}
} else {

if ($activarReg == "on")
$size = "17";
else
$size = "30";

if (!isset($_GET['n']) || $_GET['n'] == "")
$nick =_NICKNAME;
else
$nick = $_GET['n'];

?>
<? } ?>
<? if ($activarReg == "on") { ?>
<? } ?>
<br>
</span>
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" class="Estilo20">Nick:</td>
</tr>
<tr>
<td align="center"><span class="Estilo17">
<input name="nick" class="lithiumboton" id="nick" style="text-align:center" onFocus="this.value=(this.value=='<?=$nick; ?>') ? '' : this.value;"
onBlur="this.value=(this.value=='') ? '<?=$nick; ?>' : this.value;" value="<?=$nick; ?>" size="19" maxlength="<? echo $maxNick; ?>" />
</span></td>
</tr>
<tr>
<td align="center"><span class="Estilo20">Contraseña:</span></td>
</tr>
<tr>
<td align="center"><span class="Estilo17"><strong>
<input name="clave" type="password" class="lithiumboton" id="clave" style="text-align:center" onFocus="this.value=(this.value=='<?=_PASSWORD; ?>') ? '' : this.value;"
onBlur="this.value=(this.value=='') ? '<?=_PASSWORD; ?>' : this.value;" value="<?=_PASSWORD; ?>" size="19" maxlength="10" />
</strong></span></td>
</tr>
<tr>
<td height="31" align="center"><input name="enviar" type="submit" class="lithiumboton" id="enviar" value="Entrar"></td>
</tr>
</table>
<a href="catalogo/index.php" class="Estilo20">Registrate..</a>
<?
} else {
?>
<? include($_GET['mostrar']); ?>
<?php
if (isset($_SESSION['nnick'])) { } else { ?>
<?php
} if (isset($_SESSION['nnick'])) { } else { } ?>
<? } ?>
</div>
</form>
<? } ?>
</div>

Al colocarlo nos quedara de la siguiente manera...

OJO: No saldra asi feo, se vera normal....
Una vez colocado ya tenemso nuestro login...
pero si quieres que salga de esta manera:
Click aqui!!

tendras que agregarle el siguiente css, a tu index..

}
.lithiumboton {
border:1px solid #CCC;
margin:2px;
padding:2px;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
border-radius:3px;
-ms-border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
}

Manera de Iframe

Ps esta es la mas sencilla hacemos lo mismo que lo de arriva, pero en vez de ese code colocamos lo siguiente:

Vía: http://www.phperos.net/