Pagina de mantenimiento ACTUALIZADA 20/04/2013
Que tal amigos de esta comunidad, Aquí les traigo una pagina de
Mantenimiento hecha por mi desde 0 no tiene ninguna base, Es simple,
Pero la considero elegante .
La pagina de mantenimiento es esta:
¿Como instalarlo en una CMS?
¡Facil! Lo único que tenemos que hacer es meternos en nuestra cms, Irse a htdocs > nucleo o capital > tpl > page-maintenance.tpl; Borran todo lo que tenga dentro este archivo y Ponen este código
Así de fácil es instalarla!, Espero que les guste.
Créditos:
La pagina de mantenimiento es esta:
¿Como instalarlo en una CMS?
¡Facil! Lo único que tenemos que hacer es meternos en nuestra cms, Irse a htdocs > nucleo o capital > tpl > page-maintenance.tpl; Borran todo lo que tenga dentro este archivo y Ponen este código
Código: [Seleccionar]
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Mantenimiento</title>
<center><font color="#999999" face="Trebuchet MS" size="+6"><div id="titulo1">Hotel En Mantenimiento</div></font></center>
<style type="text/css">
#titulo1 {
font-size: 45px;
color: #0B4C5F;
text-shadow: 0 -1px #fff, 2px 2px #b6bdbd;
border-bottom: solid 1px #96a0a5;
width: 900px;
margin-top: 25px;
text-align: center;
}
#footer {
background: url('http://txhotel.hopto.org/img/bodybox.png') ;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-shadow: 0 1px #CCC;
border-radius: 5px;
height: 35px;
width: 775px;
margin: 20px;
float: center;
}
#chat {
position:absolute;
left:300px;
top:0px;
width:631px;
height:325px;
}
#texto {
position:absolute;
font-family: Trebuchet MS;
float:left;
margin: 30px;
top:150px;
width:397px;
z-index:2;
}
#cuerpo {
background: url('http://txhotel.hopto.org/img/mantenimiento.gif') #505050 no-repeat 20% 100%;
box-shadow: 0 0 100px #2E2E2E inset;
padding: 15px 55px 75px 15px;
border-radius: 5px;
overflow: auto;
height: 300px;
width: 850px;
margin: 20px;
float: center;
}
#titulo {
float:center;
text-border: 2px;
font-family: Trebuchet MS;
margin: 5px;
font-size: 36px;
color: #DF0101;
text-shadow: 0 -1px #fff, 2px 2px #000;
}
</style>
</head>
<body background="http://txhotel.hopto.org/images/bg.png">
<center><div id="cuerpo"><div id="titulo">¡Hola amigo el hotel esta en mantenimiento!</div>
<br />
<div id="texto"><font color="#FFFFFF">Hola que tal, El hotel esta en mantenimiento, por ahora no podras entrar, ya que los dueños y administradores del hotel, Estan arreglando o mejorando las cosas del hotel, Para que tu y demas usuarios disfruten de una mejor estancia en el y ¡Que cada dia sea mas divertido!<br />¿Por cuanto tiempo mas estara así?<br />No te preocupes, sera rapido, ademas aquí tenemos un chat.→<br /><br />No Olvides seguirnos en Fb dando clic <a href="http://www.facebook.com/Txcms">Aquí</a></font>
<div id="chat"><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="400" height="300" name="chat" FlashVars="id=180371192=Spanish" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /></div></center></div></div>
<center><div id="footer">Pagina de mantenimiento diseñada y codeada por Totix98 - TxStudios - Todos Los derechos reservados.</div></center>
</body>
</html>Así de fácil es instalarla!, Espero que les guste.
Créditos:
Totix98 (Yo): Por Hacerlo todo.
Akirah por bobbahotel: Tomar exactamente 2 Códigos css y darme la idea.
Akirah por bobbahotel: Tomar exactamente 2 Códigos css y darme la idea.
Comentarios
Publicar un comentario