Hola Taringueros!, Hoy Les Voy a Enseñar a Hacer Carteles Flotantes como el que Ponen Los Foros, para que Te Registres, que Te Tapan Parte de La Pantalla, y Se Mueven Cuando Tu Te Desplazas Hacia Abajo o Arriba, buno, de Esos, Se Lo Explicare Bien Simple Primero Tienen que...
1- Crea un Archivo con el nombre que quieras de extencion .html
2- Si Saben algo de HTML, Sabran que Tienen que Poner Lo de Siempre algo Igual a Esto:
<html>
<head title="Nombre de la Pestaña">
</head>
<body>
Aqui dejen Unas 3 Lineas Libres masomenos
</body>
</html>
<head title="Nombre de la Pestaña">
</head>
<body>
Aqui dejen Unas 3 Lineas Libres masomenos
</body>
</html>
En Donde Dejaron Esas 3 Lineas Libres Pondran Lo Siguiente, (Yo Les Recomiendo Copiar, Pegar y Editar)
<style>
#NombreDeSuCartel {
background-color: #E3E3E3;
border: 4px solid #7A7A7A;
bottom: 20px;
color: #7a7a7a;
font-size: 17px;
outline: 5px solid #4F4F4F;
padding: 4px;
position: fixed;
left: 67%;
text-align: center;
text-shadow: 0px 0px 15px #000;
width: 300px;
z-index: 1;
}
</style>
#NombreDeSuCartel {
background-color: #E3E3E3;
border: 4px solid #7A7A7A;
bottom: 20px;
color: #7a7a7a;
font-size: 17px;
outline: 5px solid #4F4F4F;
padding: 4px;
position: fixed;
left: 67%;
text-align: center;
text-shadow: 0px 0px 15px #000;
width: 300px;
z-index: 1;
}
</style>
Ahi, Como Pueden Ver, Tienen DIstintas Opciones a Editar, ahora Les Enseñare masomenos a Editarlos
Si Saben algo de Ingles Sabran que Background-Color = Color de Fondo
Border = Borde
y asi se daran Cuenta masomenos de para que es cada uno.
Para Editar por ejemplo el Color de Fondo, Borde, o Franja por Afuera del Borde vera, que tiene un Codigo que empieza con un "#" bueno Ustedes para Editar Ese Color, Deben Cambiar Las Letras y Nuemeros, Les Dejare Una Herramienta para que Puedan Poner el Color Que Deseen y Les Dara el Codigo.
Bien, Ahora Para Editar Los Que Tienen "px", es un Poquito mas complejo, pero no es Dificil, Complejo es porque ahi se smaneja con PiXels, ahi solo Deberan Cambiar los Numeros, Si Editan Guardan y Abren con el Navegador, Vuelven a Editar Guardan y Recargan, Veran como Cambia lo que Editan,
Donde Dice "Text Align" es la Alineacion del Texto, ya sea, a la Isquierda Ponen "Left", si lo quieren en el Centro, ponen "center", y para ponerlo en Alineacion Dereche, ponen "right".
Una Vez Terminado de Editar, Guarden Por Las Dudas, y dejan una Linea Vacia y Luego Ponen Lo Siguiente:
<div id="NombreDeSuCartel">
<p><b>La Web Esta En Desarrollo, Tenga Paciencia Porfavor</b></p>
</div>
Una Vez Puesto Su Texto y Tengan Listas Las Opciones, Guarden y Abran con el Navegador, Se Sorprenderan, Por Si alguno No Entendio Como Deveria Quedar, Ps Yo Les Pondre un Ejemplo...
Ejemplo:
<style>
#fijo {
background-color: #E3E3E3;
border: 4px solid #7A7A7A;
bottom: 20px;
color: #7a7a7a;
font-size: 17px;
outline: 5px solid #4F4F4F;
padding: 4px;
position: fixed;
left: 67%;
text-align: center;
text-shadow: 0px 0px 15px #000;
width: 300px;
z-index: 1;
}
</style>
<div id="fijo">
<p><b>La Web Esta En Desarrollo, Tenga Paciencia Porfavor</b></p>
</div>
#fijo {
background-color: #E3E3E3;
border: 4px solid #7A7A7A;
bottom: 20px;
color: #7a7a7a;
font-size: 17px;
outline: 5px solid #4F4F4F;
padding: 4px;
position: fixed;
left: 67%;
text-align: center;
text-shadow: 0px 0px 15px #000;
width: 300px;
z-index: 1;
}
</style>
<div id="fijo">
<p><b>La Web Esta En Desarrollo, Tenga Paciencia Porfavor</b></p>
</div>
Dedicado a @Serginix para que me aydude con la Web del Proyecto Sx