Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Abrir una ventana en modo modal solo CSS
#1
Bueno aquí les traigo un simple tutorial que comparto con todos.

No esta acabado del todo, es decir que lo quiero mejorar pero aquí va la cosa.

Descripción:
Abrir una ventana en modo modal vistosa con css

Por ejemplo su utilidad:
Poner un boton que diga sobre nosotros... o lo que cada uno quiera

Capturas:
Un botón o texto

   

al pulsar sale una ventana:

   

en esta segunda captura la ventana que se abre tiene una X para cerrar.

Esto es lo que tienen que hacer

Subir el fichero adjunto llamado ventana.css y lo ponen donde quieran, tomaremos que lo hemos puesto en una carpeta llamada css y lo hemos puesto dentro.

Poner en vuestro headinclude este código:


Código:
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Black+Ops+One"  type="text/css">
<link rel="stylesheet" href="css/ventana.css">

El adjunto como es el ejemplo en una carpeta llamada css vale? o sino modifican la segunda linea donde estará.
Ahora nos vamos a la plantilla header y ponemos esto:


Código:
<div class="center">
        <ul>
        <li><a href="#modal1">Sobre nosotros</a></li>
        </ul>
    <div id="modal1" class="modalmask">
        <div class="modalbox movedown">
            <a href="#close" title="Close" class="close">X</a>
            <h2>Sobre nosotros...</h2>
            <p>En construcción.</p>
            <p>en breve pondremos algo...</p>
        </div>
    </div>

El texto le ponemos lo que queramos.

Espero les guste a todos. Por cierto si alguno quiere modificar y dejarlo mas vistoso pues que lo aporte.

Saludos. La demo la pueden ver en mi foro: http://lightcalamar.com


.css   ventana.css (Tamaño: 1.39 KB / Descargas: 3)
#2
Muy interesante.
Me gusta, algo asi buscaba hace tiempo. Solo para no utilizar AJAX.
Se buscan colaboradores para comenzar con un foro de programación en general.

[url]www.programarg.com[/url]
WWW


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  La pagina principal me sale en modo texto fersanchez57 9 626 01-02-2017, 07:05 AM
Último mensaje: garcon
  Opina de mi Nueva Plantilla [Modo Impresion] Dark_Soul 10 1,043 25-11-2012, 12:29 PM
Último mensaje: sharkean



Usuarios navegando en este tema: 1 invitado(s)