por ultimo los dos codigos como los meti en la herramienta antes mencionada:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Sign In to Foro Lovecraft Mexico Foro</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<style type="text/css">
body {
background-position: top center;
background-image: url(http://themesimages.lefora.com/composition/attachment/b3ce577a8bc1efb20ca9e5e85991a86f/844447/BloodRed%20Moon.jpg);
background-attachment: fixed;
background-color: #000;
background-repeat: no-repeat
}
html, body {
text-align: center;
margin: 0;
padding: 0;
}
#login-dialog {
text-align: left;
border: 5px solid #bbb;
margin: 100px auto 0 auto;
width: 450px;
height: 360px;
font: 13px/1.3 Arial;
color: #222;
background-color: #fff;
}
#login-dialog h1 {
font-size: 13px;
}
#login-dialog h1 a {
text-decoration: none;
color: #222;
}
#login-dialog h2 {
font-size: 13px;
}
#login-dialog .errorlist {
margin: 0;
padding: 0;
color: #f00;
}
#login-dialog .errorlist li {
list-style-type: none;
}
#login-dialog table {
width: 100%;
}
#login-dialog th {
text-align: right;
vertical-align: top;
font-size: 14px;
}
#login-dialog td, #login-dialog input {
width: 95%;
}
#login-dialog .help, #login-dialog .help a {
color: #555;
font-size: 10px;
}
#login-dialog button.default {
border: 1px solid #aaa;
background-color: #333;
color: #fff;
padding: 5px;
font-size: 17px;
cursor: pointer;
}
#login-dialog button.link {
background-color: #fff;
border: none;
padding: 0;
font-size: 13px;
text-decoration: underline;
cursor: pointer;
}
#login-dialog .section {
padding: 10px 10px 0 10px;
}
#login-dialog #forum-info-section {
padding: 0 10px 10px 10px;
margin-top: 20px;
border-top: 1px solid #444;
}
#login-dialog #founder {
float: right;
margin: 15px 20px 0 0;
text-align: center;
}
#user_bar {
color: #fff;
background-color: #000;
font-family: Arial, sans-serif;
font-size: 12px;
border-bottom: 1px solid #bbb;
position: relative;
width: 100%;
height: 2em;
line-height: 2; /* provides vertical centering */
}
#userbar-personal {
float: right;
}
#userbar-site {
margin-left: 15px;
float: left;
position: absolute;
}
#userbar-personal img {
border: 0;
width: 1em;
height: 1em;
font-size: 16px;
vertical-align: middle;
}
#user_bar a {
padding: 0px 5px;
margin-right: 10px;
color: White;
text-decoration: none;
}
#user_bar a:hover {
text-decoration: underline;
}
</style>
<script type="text/javascript">
$(function() {
$('#what_is_id').click(function () {
var ld = $('#login-dialog');
var ht = $("#id_help_text");
ld.height(400+ht.height());
ht.show();
$('#what_is_id').hide();
return false;
});
$('#new_account_link').click(function () {
$('#login_section').hide();
$('#join_section').show();
});
$('#login_link').click(function () {
$('#join_section').hide();
$('#login_section').show();
});
});
</script>
</head>
<body>
<!-- google_ad_section_start(weight=ignore) -->
<div id="user_bar" style="white-space: nowrap; ">
<div id="userbar-site" class="anonymous">
Lefora <a href="http://www.lefora.com/" onclick="pageTracker._link(this.href); return false;">Free Forum</a>
</div>
<div id="userbar-personal">
<a href="/gateway/?next=/gateway/" rel="nofollow">login</a>
<a href="/gateway/?new_user=True&next=/gateway/" rel="nofollow">Crear nuevo usuario</a>
</div>
</div>
<!-- google_ad_section_end -->
<div id="login-dialog">
<div id="login_section" class="section" >
<h1>Login to <a href="/">Foro Lovecraft Mexico Foro</a></h1>
<form action="." method="post"><div style='display:none'><input type='hidden' name='csrfmiddlewaretoken' value='be28273ebd03ea3faf952b1cd81fa9e2' /></div>
<div>
<input type="hidden" name="next" value="/">
<table>
<tr><th><label for="id_email">Email/Username:</label></th><td><input id="id_email" type="text" name="email" maxlength="64" /></td></tr>
<tr><th><label for="id_password">Contraseña:</label></th><td><input type="password" name="password" id="id_password" /></td></tr>
<tr>
<th></th>
<td>
<button class="default" type="submit" name="login">Acceder</button>
or <a href="#" id="new_account_link">do you wish to create new account?</a>
</td>
</tr>
<tr>
<th></th>
<td>
<a href="http://www.lefora.com/password/" class="help">¿Olvidó su contraseña?</a><br>
<a href="http://howto.lefora.com/wiki/help-guides-forum/login-help-forum" target="_blank" title="Troubleshooting tips for when you are having problems logging in" rel="nofollow" class="help">Problems logging in?</a>
</td>
</table>
</div>
</form>
</div>
<div id="join_section" class="section" style="display:none;">
<h1>Join <a href="/">Foro Lovecraft Mexico Foro</a></h1>
<form action=".?new_user=1" method="post"><div style='display:none'><input type='hidden' name='csrfmiddlewaretoken' value='be28273ebd03ea3faf952b1cd81fa9e2' /></div>
<div>
<input type="hidden" name="next" value="/">
<table>
<tr><th><label for="id_email">Your email:</label></th><td><input id="id_email" type="text" name="email" maxlength="64" /></td></tr>
<tr><th><label for="id_password">Contraseña nueva:</label></th><td><input type="password" name="password" id="id_password" /></td></tr>
<tr>
<th></th>
<td>
<button class="default" type="submit" name="join">Unirse</button>
or <a href="#" id="login_link">do you have an account and want to login?</a>
</td>
</tr>
<tr>
<th></th>
<td>
<a href="http://www.lefora.com/password/" class="help">¿Olvidó su contraseña?</a><br>
<a href="http://howto.lefora.com/wiki/help-guides-forum/login-help-forum" target="_blank" title="Troubleshooting tips for when you are having problems creating an account" rel="nofollow" class="help">Problems creating an account?</a>
</td>
</table>
</div>
</form>
</div>
<div id="forum-info-section">
<div id="founder">
<img src="http://avatars.lefora.com/146468/m3utXnuph0rbO3Xng0B9mp_zcF8?s=80" width="80" height="80" class="avatar"><br>
darkness71775<br>
(fundador)
</div>
<h2>Foro Lovecraft Mexico Foro</h2>
<h3>Un Espacio Para Los Mas Fieles Seguidores Del Maestro De Providence</h3>
<p class="help">We use Lefora ID for authentication. <a href="#" id="what_is_id">What is a Lefora ID?</a></p>
<div id="id_help_text" class="help" style="display:none;">
<strong>What is your Lefora ID?</strong><br>
<br>
Your Lefora ID
allows you to sign in to any forum running on the
the Lefora forum software platform. There
are hundreds of thousands of Lefora forums
on the internet. Your Lefora ID is
tied to your email address, so that you just have one login.
When you join a new forum, you can choose how your username
will appear in that forum. Your profile is the same across
all forums, so you don't need to recreate profile information
and avatars. Your Lefora ID allows you to keep track of
activity on all the forums you are a member of and be
notified via email of new activity. Regardless of whether
you leave this forum or not, you will always have a
Lefora ID tied to your email address.
</div>
</div>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-5870070-37");
pageTracker._setDomainName(".lefora.com");
pageTracker._setAllowLinker(true);
pageTracker._setCustomVar(1, 'Host', 'lefora.com', 3);
pageTracker._trackPageview();
} catch(err) {}
</script>
<script type='text/javascript'>$('iframe[name=google_ads_frame]').show();</script>
<!-- Start Quantcast tag -->
<script type="text/javascript">
_qoptions={
qacct:"p-daqS9FCDnq2O2"
};
</script>
<script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script>
<noscript>
<img src="http://pixel.quantserve.com/pixel/p-daqS9FCDnq2O2.gif" style="display: none;" border="0" height="1" width="1" alt="Quantcast"/>
</noscript>
<!-- End Quantcast tag -->
</body>
</html>
si que esta largo el post pero quise ser bien especifico con la consulta que hago ojala y me puedan ayudar
muchas gracias