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.

www.programarg.com
WWW


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



Usuarios navegando en este tema: 1 invitado(s)