hola mi nombre es Arturo Aguayo
mi consulta es sobre si se puede modificar la login page de mi foro yo ya trate de pedir un tutorial en el servicio de soporte de mi host y no me contestan yo estoy en Lefora
y esta es la url de mi foro http://foro-lovecraft-mexico.lefora.com/ perdon si esto rompe de alguna forma con las reglas de este foro pero ya me canse de lo groseros que son en el foro de soporte de Lefora siempre es lo mismo cualquier tipo de consulta y no lo ayudan a uno por eso me vine a buscar algun tutorial ya trate de ver copiando el codigo fuente de la pagina y logre un resultado con una herramienta de prueba que encontre les dejo capturas del antes y despues
captura 1: 
captura 2: 
ya trate de meterlo en mi sistema de css pero no me sale simplemente no lo acepta la duda me queda por que al usar esta herramienta:
http://tutorialesasistencia.foroactivo.com/Prueba-de-codigos-h1.htm
esta herramienta es de otro lugar no es de Lefora
el codigo si entra el resultado se ve en la imagen 2 pero al meterlo al foro no sale les dejo el
codigo fuente de la pagina login:
<!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">
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>
y el codigo de la imagen de fondo
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
}
CONTINUA POST ABAJO