Fade out bottom
Html content
________________________________
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Strict//EN”>
<head>
<title>Fade Out Bottom</title>
<link rel=”stylesheet” type=”text/css” href=”style.css” />
<!–[if lte IE 6]>
<style type=”text/css” media=”screen”>
#bottom_fade {
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’bottom-fade.png’,sizingMethod=’scale’);
left: 0px;
height: 200px;
position: absolute;
bottom: -18px;
width: expression(document.body.clientWidth);
}
html, body {
height: 100%; overflow: auto;
}
</style>
<![endif]–>
</head>
<body>
<div id=”page_wrap”>
<h1>Fade Out Bottom</h1>
<p><small>By <a href=”http://css-tricks.com”>CSS-Tricks</a></small></p>
<br />
<p><strong>This is a cool effect where the bottom of the page seems to fade out. The technique makes use of an fixed position div (bottom: 0px;) with a transparent PNG image and a high z-index value. There is also a fix in place for IE 6.</strong> <a href=”http://css-tricks.com/examples/FadeOutBottom.zip”>Download Example</a></p><br />
<p>Completely revolutionize high-quality niches after mission-critical expertise. Professionally deploy standardized total linkage before interoperable architectures. Quickly formulate future-proof meta-services through cross functional portals. Holisticly procrastinate timely results vis-a-vis principle-centered human capital. Distinctively incubate emerging systems and collaborative best practices. Compellingly exploit next-generation technology via web-enabled results.<br /><br />
Professionally disintermediate 24/365 web services via intermandated technologies. Holisticly disseminate flexible web services through professional results. Enthusiastically empower integrated channels and standards compliant channels. Proactively brand end-to-end process improvements rather than resource sucking results. Phosfluorescently envisioneer excellent growth strategies rather than equity invested outsourcing. Assertively build progressive data whereas process-centric processes. Dramatically visualize highly efficient sources via accurate applications. Efficiently engineer orthogonal infomediaries for cross functional ROI. Conveniently restore alternative functionalities after intermandated systems. <br /><br />
Credibly aggregate dynamic synergy and one-to-one testing procedures. Credibly synergize out-of-the-box growth strategies via timely mindshare. Synergistically embrace extensive schemas and multidisciplinary processes. Monotonectally synergize 2.0 sources before resource-leveling sources. Professionally grow value-added results before client-based internal or “organic” sources. Uniquely network alternative processes for interoperable solutions. <br /><br />
Quickly fabricate out-of-the-box relationships via top-line e-services. Uniquely restore market positioning synergy rather than long-term high-impact manufactured products. Monotonectally plagiarize high-payoff interfaces rather than business internal or “organic” sources. Credibly synergize plug-and-play interfaces rather than intuitive results. Compellingly expedite fully tested outsourcing vis-a-vis impactful synergy. Energistically build strategic value and excellent portals. Holisticly deliver revolutionary users before extensive value. Uniquely leverage other’s low-risk high-yield e-services before multidisciplinary action items. Dynamically formulate proactive metrics via just in time e-business. <br /><br />
Objectively parallel task 24/365 services after superior products. Competently disintermediate unique web services through unique outsourcing. Efficiently evisculate functionalized data with market positioning resources. <br /><br />
Distinctively reconceptualize principle-centered niches rather than state of the art action items. Compellingly disseminate 24/365 convergence and standardized architectures. Continually repurpose high-payoff methods of empowerment whereas virtual relationships. Compellingly administrate professional web-readiness before worldwide bandwidth. Energistically redefine high-payoff bandwidth for empowered niches. Phosfluorescently foster backward-compatible e-tailers for backward-compatible architectures. <br /><br />
Distinctively re-engineer impactful architectures and resource sucking niches. Authoritatively envisioneer leveraged total linkage whereas vertical value. Phosfluorescently iterate dynamic opportunities through multimedia based systems. Uniquely e-enable frictionless paradigms after B2C initiatives. Credibly deliver go forward methods of empowerment via professional total linkage. Dramatically deliver client-based portals whereas collaborative innovation. Uniquely parallel task quality opportunities before highly efficient e-tailers. Synergistically productivate world-class infomediaries and distributed content. Appropriately build equity invested e-commerce and focused process improvements. Efficiently architect holistic methods of empowerment for reliable customer service. Phosfluorescently utilize synergistic mindshare with adaptive methodologies. Seamlessly strategize best-of-breed niche markets without high-quality materials. <br /><br />
Conveniently develop alternative total linkage via customized testing procedures. Credibly scale timely relationships whereas front-end vortals. Quickly target cost effective e-business through strategic services. Uniquely seize installed base deliverables through user-centric niche markets. Seamlessly simplify top-line strategic theme areas through corporate outsourcing. Appropriately incubate frictionless markets whereas functionalized web services. <br /><br />
Assertively synthesize revolutionary technologies after competitive value.</p>
<div id=”bottom_fade”></div>
</div>
<script src=”http://www.google-analytics.com/urchin.js” type=”text/javascript”>
</script>
<script type=”text/javascript”>
_uacct = “UA-68528-29″;
urchinTracker();
</script>
</body>
</html>
________________________________
Html ends
Css style.css
________________________________
* {
margin: 0;
padding: 0;
border: 0;
}
body {
font-family: “Lucida Grande”, Georgia, sans-serif;
font-size: 67.5%;
}
p {
font-size: 1.1em;
line-height: 1.6em;
}
#page_wrap {
width: 600px;
z-index: 1;
margin: 10px auto;
}
#bottom_fade {
width: 600px;
height: 200px;
z-index: 99;
position: fixed;
bottom: 0px;
background: url(”bottom-fade.png”) bottom center no-repeat;
}
________________________________
Stick Footer Example - Footer pegado al bottom de la página
<html>
<body>
<div id=”nonFooter”>
<div id=”content”>
</div>
</div>
<div id=”footer”>
</div>
</body>
</html>
You then need to apply a bit of CSS:
html
{
height: 100%;
}
body
{
height: 100%;
}
#nonFooter
{
position: relative;
min-height: 100%;
}
* html #nonFooter
{
height: 100%;
}
#content
{
padding-bottom: 9em;
}
#footer
{
position: relative;
margin-top: -7.5em;
}
Modificar la tabla de dns local
Modificar la tabla de dns local para poder accesar a una direccion distinta (inyectando dns)
Entrar a la ruta
C:\WINDOWS\system32\drivers\etc
c:
windows
system32
drivers
etc
y abrir el archivo hosts con bloc de notas o algun editor de texto plano
despues en la ultima linea agregar el ip del servidor a modificar dns localmente seguido de el url del servidor a falsear.
Ejemplo de un archivo hosts limpio
_____________________________________
# Copyright (c) 1993-1999 Microsoft Corp.
#
# Éste es un ejemplo de archivo HOSTS usado por Microsoft TCP/IP para Windows.
#
# Este archivo contiene las asignaciones de las direcciones IP a los nombres de
# host. Cada entrada debe permanecer en una línea individual. La dirección IP
# debe ponerse en la primera columna, seguida del nombre de host correspondiente.
# La dirección IP y el nombre de host deben separarse con al menos un espacio.
#
#
# También pueden insertarse comentarios (como éste) en líneas individuales
# o a continuación del nombre de equipo indicándolos con el símbolo “#”
#
# Por ejemplo:
#
# 102.54.94.97 rhino.acme.com # servidor origen
# 38.25.63.10 x.acme.com # host cliente x
127.0.0.1 localhost
74.xx.155.176 xxx.com
________________________________________
El archivo devera contener al final 74.xx.155.176 tefl-trainingmexico.com
despues de 127.0.0.1 localhost
Quedando las ultimas dos lineas del archivo hosts asi:
# 38.25.63.10 x.acme.com # host cliente x
127.0.0.1 localhost
74.xx.155.176 xxx.com
Guardar cambios y cerrar
Ahora al entrar a la web xxx.com estaran entrando al servidor 74.xx.155.176 y no al real en la red.