•  

    Efecto "Hover imagen galeria"  Fuente

     

    HTML

    <div class="hovergallery"><img src="https://.gif" alt="" width="230" height="250" /> <img src="http://jpeg" alt="" width="239" height="250" /> <img src="http://4d.gif" alt="" width="230" height="250" /></div>

    CSS

    .hovergallery img{
    border: 2px dotted #fff;
    border-radius: 1em;
    box-shadow: 3px 2px 6px #000000;
    -webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/
    -moz-transform:scale(0.8); /*Mozilla scale version*/
    -o-transform:scale(0.8); /*Opera scale version*/
    -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
    -moz-transition-duration: 0.5s; /*Mozilla duration version*/
    -o-transition-duration: 0.5s; /*Opera duration version*/
    opacity: 0.7; /*initial opacity of images*/
    margin: 0 10px 5px 0; /*margin between images*/
    }
    .hovergallery img:hover{
    -webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
    -moz-transform:scale(1.1); /*Mozilla scale version*/
    -o-transform:scale(1.1); /*Opera scale version*/
    box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
    -webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
    -moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
    opacity: 1;
    }

     


    votre commentaire
  •  

     


        Zoom     Fuente






    HTML

    <div class="zoom img"><img src="https://lh5.googleusercontent.com/-cmq-wSD2qRM/U9TeA493WsI/AAAAAAAAtA0/ZNhyss-PHaE/w240-h320-no/1.gif" alt="" /></div>

    CSS

    <style type="text/css"><!--
    .zoom img {
    width: 170px;
    height: 170px;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -ms-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
    border: 1px dotted #ccc;
    border-radius: 1em;
    }

    .zoom img:hover {
    width: 240px;
    height: 240px;
    border: 1px dotted #ccc;
    border-radius: 1em;
    -webkit-box-shadow: 0 0 40px rgba(255,255,255,.6), inset 0 0 40px rgba(255,255,255,1);
    -moz-box-shadow: 0 0 40px rgba(255,255,255,.6), inset 0 0 40px rgba(255,255,255,1);
    box-shadow: 0 0 40px rgba(255,255,255,.6), inset 0 0 40px rgba(255,255,255,1);
    }
    --></style>

     

     


    votre commentaire
  •  

    Efecto "B&W"

     

    <div class="bw pic"><img style="border: 1px dotted #ff0000; -webkit-border-radius: 50px/10px; -moz-border-radius: 50px/10px; border-radius: 50px/10px; -webkit-box-shadow: #6d3112 3px 3px 6px; -moz-box-shadow: #6d3112 3px 3px 6px; box-shadow: #6d3112 3px 3px 11px;" src="https://lh4.googleusercontent.com/-C5t4usj-ojs/U9iwm29QqNI/AAAAAAAAvLs/ma7Xbri_qT8/w240-h320-no/1173124.gif" alt="" width="190" height="230" /></div>
    
    /*B&W*/
    .bw { 
      -webkit-transition: all 1s ease;
         -moz-transition: all 1s ease;
           -o-transition: all 1s ease;
          -ms-transition: all 1s ease;
              transition: all 1s ease;
    }
     
    .bw:hover { 
      -webkit-filter: grayscale(100%);
    }



    votre commentaire
  •  

    Las burbujas que salen del cursor

    http://rainbow.arch.scriptmania.com/scripts/index.html#cursor

     


    votre commentaire
  •  

    Imegenes que acompañan punto de ratón

     

     


    votre commentaire
  •  

     

     


    votre commentaire
  •  

    Las estrellas en rainbow

     

     


    votre commentaire
  •  


    Las estrellas en rainbow

     

     


    votre commentaire
  •  

    Las estrellas en rainbow

     

     


    votre commentaire
  •  

    Estrellas

     


    votre commentaire
  •  

    Fuentes:

    1. http://www.dynamicdrive.com/dynamicindex3/
    1. http://fantasyflash.ru/index.php?&kontent=script
    2. http://lindascositas85.blogspot.com.es/2014/07/efecto-de-lluvia-1.html
    3. http://translate.google.es/translate?hl=es&sl=ja&u=http://giffy.me/baby/bp/&prev=search
    4. http://elmundodesango.blogspot.com.es/2014/02/efectos-para-tu-blog-burbujas.html
    5. http://elsombrerero-loco.blogspot.com.es/2014/09/efectos-de-cursor-para-blogger.html
    6. Cursores para todos los gustos

    !! Brillo al pasar el cursor
    1. http://shojodecora.blogspot.com.es/2010/10/brillo-al-pasar-el-cursor.html
    2. Con brillo para cursor - http://dulce-lollipop.blogspot.com.es/2012/08/efecto-brillo-al-pasar-cursor-por-un.html
    Precioso
    http://mr-animaciones.jimdo.com/c%C3%B3digos-html/codigo-html-para-poner-musica-de-fondo-en-tu-pagina-web-o-blog/


    Estos efectos pueden tardar de aparecer, paciencia.



    votre commentaire
  •  

    Windows – Abre el menú inicio de Windows

    Windows + R – Ejecuta el dialogo para ejecutar un programa de forma rápida y desde la línea de comando

    Windows + M – Minimiza todas las cosas abiertas

    SHIFT + Windows +M – Maximiza todas las aplicaciones

    Windows  +L – Bloquea nuestra computadora

    Windows + F1 – Ayuda de Windows

    Windows + E – Inicia el Windows Explorer

    Windows + F – Inicia el buscador de archivos

    Windows + D – Hace lo mismo que la combinación Windows + M a diferencia que cuando se vuelve a presionar restaura tal y como estaban las ventanas

    CTRL+ Windows +F – Abre el buscador de equipo en red

    Windows + TAB – Con esta combinación podemos recorrer las aplicaciones abiertas en nuestra barra de tareas, pero sin seleccionarla,  una vez seleccionada con la barra de espacio ejecutaremos la selección

    Windows + Break – Muestra las propiedades del sistema


    votre commentaire
  •  

     

    A continuación se enlistan los accesos directos del teclado más comunes empleados en los entornos de escritorio modernos: GNOME, KDE, Mac OS y Windows (XP/Vista/Siete/Ocho).

    Estos accesos son usados para interactuar con el entorno de escritorio y con las aplicaciones informáticas de escritorio.

    AcciónWindows XP
    Windows Vista
    Windows 7
    Windows 8
    Mac OSKDEGNOME
    Menú Archivo Alt+A  Alt+F Alt+F
    Cerrar la aplicación Alt+F4 Cmd+Q Ctrl+Q Ctrl+Q
    Crear un nuevo archivo Ctrl+N Cmd+N Ctrl+N Ctrl+N
    Abrir un archivo Ctrl+O Cmd+O Ctrl+O Ctrl+O
    Guardar el archivo actual Ctrl+G Cmd+S Ctrl+S Ctrl+S
    Imprimir el archivo actual Ctrl+P Cmd+P Ctrl+P Ctrl+P
    Cerrar el archivo actual varios Cmd+W Ctrl+W Ctrl+W
    Menú Editar Alt+E  Alt+F4 Alt+E
    Deshacer la última operación Ctrl+Z Cmd+Z Ctrl+Z Ctrl+Z
    Rehacer la última operación Ctrl+Y Cmd+ Mayús+Z Ctrl+ Mayús+Z Ctrl+ Mayús+Z
    Cortar el área seleccionada y enviarla al portapapeles Ctrl+X , Mayús+Supr Cmd+X Ctrl+X Ctrl+A
    Copiar el área seleccionada y enviarla al portapapeles Ctrl+C , Ctrl+Ins Cmd+C Ctrl+C Ctrl+C
    Pegar contenido del portapapeles en el área actual Ctrl+V , Mayús+Ins Cmd+V Ctrl+V Ctrl+V
    Seleccionar todo el contenido del control o ventana actual Ctrl+E Cmd+A Ctrl+A Ctrl+A
    Borrar selección Supr ← Retroceso Supr Supr
    Sobreescribir Ins      
    Buscar palabras en el texto actual Ctrl+F Cmd+F Ctrl+F Ctrl+F
    Búsqueda incremental     /  
    Buscar palabras en múltiples textos o archivos Win+F Cmd+Espacio   Ctrl+F
    Buscar siguiente resultado F3 Cmd+G Ctrl+G Ctrl+G
    Buscar y reemplazar resultados Ctrl+H Cmd+F Ctrl+R Ctrl+H
    Menú Ver Alt+V  Alt+V Alt+V
    Aumentar zoom Ctrl+RuedaRatón arriba o Ctrl++ Cmd, Cmd+ Mayús++ Ctrl++ Ctrl++
    Disminuir zoom Ctrl+RuedaRatón abajo o Ctrl+- Cmd+- Ctrl+- Ctrl+-
    Recargar archivo actual F5 , Ctrl+R Cmd+R F5 Ctrl+R
    Mostrar propiedades/ventana de información de objetos seleccionados Alt+ Entrar Cmd+I   Alt+ Entrar
    Mostrar archivos ocultos     Ctrl+H Ctrl+H
    Menú Marcadores/Favoritos Alt+B Cmd+ Opt+B Alt+B Alt+B
    Añadir ubicación actual a marcadores/favoritos Ctrl+D Cmd+D Ctrl+B Ctrl+D
    Administrar marcadores/favoritos   Cmd+ Opt+B   Ctrl+B
    Menú Ir    
    Ir al navegador   Cmd+L    
    Ir a ubicación anterior en el historial Alt+Izq, ← Retroceso Cmd+Izq, Cmd+[ Alt+Izq Alt+Izq
    Ir a ubicación siguiente en el historial Alt+Dcha Cmd+Dcha, Cmd+] Alt+Dcha Alt+Dcha
    Subir un nivel en la jerarquía de navegación ← Retroceso Cmd+ Alt+ Alt+
    Ir a la página de inicio   Cmd+Inicio Ctrl+Inicio Ctrl+Inicio
    Formatear texto   Cmd+T    
    Efecto negritas en el texto seleccionado Ctrl+N Cmd+B Ctrl+B Ctrl+B
    Efecto subrayado en el texto seleccionado Ctrl+S Cmd+U Ctrl+U Ctrl+U
    Efecto itálica/cursiva en el texto seleccionado Ctrl+K Cmd+I Ctrl+I Ctrl+I
    Manejo de la ventana    
    Alternar foco a la siguiente ventana Alt+Tab Cmd+Tab Alt+Tab Alt+Tab
    Alternar foco a la anterior ventana Alt+ Mayús+Tab Cmd+ Mayús+Tab Alt+ Mayús+Tab Alt+ Mayús+Tab
    Alternar foco a la siguiente ventana (sin diálogo) Alt+Esc Ctrl+F4   Alt+Esc
    Alternar foco a la anterior ventana (sin diálogo) Alt+ Mayús+Esc Ctrl+F4   Alt+ Mayús+Esc
    Alternar foco al siguiente panel del escritorio       Ctrl+Alt+Tab
    Alternar foco al anterior panel del escritorio       Ctrl+Alt+ Mayús+Tab
    Alternar foco al siguiente panel del escritorio (sin diálogo)       Ctrl+Alt+Esc
    Alternar foco al anterior panel del escritorio (sin diálogo)       Ctrl+Alt+ Mayús+Esc
    Menú contextual de la ventana activa Alt+Espacio   Alt+F3 Alt+Espacio
    Cerrar la ventana activa Alt+F4, Ctrl+F4 Cmd+W Alt+F4 Alt+F4
    Restaurar la ventana activa a su tamaño anterior       Alt+F5
    Mover la ventana activa Alt+Espacio+M + , , o     Alt+F7
    Redimensionar la ventana activa Alt+Espacio S + , , o     Alt+F8
    Minimizar la ventana activa Alt+Espacio+N Cmd+M Super+- Alt+F9
    Maximizar la ventana activa Alt+Espacio+X   Super++ Alt+F10
    Maximizar la ventana activa horizontalmente     Super  
    Maximizar la ventana activa verticalmente     Super+Espacio  
    Minimizar todas las ventanas Win+M      
    Restaurar todas las ventanas Win+ Mayús+M      
    Alternar entre pantalla completa y normal F11 F11 F11 F11
    Ocultar bordes, barra de menús, de herramientas y de estado (para mostrar ventana activa en pantalla completa)     Ctrl+ Mayús+F Ctrl+F11
    Enrollar/Desenrollar ventana activa   Cmd+M Super+_ Alt+F12
    Mover ventana a un determinado espacio de trabajo       Alt+ Mayús+Izq/Dcha//
    Mover ventana al espacio de trabajo X     Super+Alt+F#  
    Alternar al siguiente espacio de trabajo   Fn+Dcha Super+Tab  
    Alternar al anterior espacio de trabajo   Fn+Izq Super+ Mayús+Tab  
    Alternar al siguiente espacio de trabajo (con listado)     Ctrl+Tab  
    Alternar al anterior espacio de trabajo (con listado)     Ctrl+ Mayús+Tab  
    Ir al espacio de trabajo X     Ctrl+F#  
    Ir a un determinado espacio de trabajo       Ctrl+Alt+Izq/Dcha//
    Mostrar/Ocultar el escritorio Win+D   Ctrl+Alt+D Ctrl+Alt+D
    Activar ventana con pedido de atención     Ctrl+Alt+A  
    Finalizar ventana Alt+F4, Ctrl+F4 Cmd+Alt+Esc Ctrl+Alt+Esc  
    Emulación del ratón     Alt+F12 -> Flechas, Mayús+Numpad -> Números  
    Cerrar cuadro de diálogo Esc Esc    
    Navegación entre controles o widgets    
    Alternar foco al siguiente control Tab   Tab Tab
    Alternar foco al anterior control Mayús+Tab   Mayús+Tab Mayús+Tab
    Mostrar mensaje emergente para el control activo Mayús+F1     Ctrl+F1
    Mostrar ayuda contextual (¿Qué es esto?) para el control activo Mayús+F1 Cmd+? Mayús+F1 Mayús+F1
    Alternar foco al siguiente contenedor Ctrl+F6 Cmd+'   F6
    Alternar foco al anterior contenedor Alt+F6 Cmd+'   Mayús+F6
    Colocar foto en barra divisora de ambos contenedores       F8
    Desplegar menú contextual para el control activo Mayús+F10, Menú   Menú Mayús+F10, Menú
    Cambiar estado seleccionado del control activo (casilla de verificación, botón de opción o bottón alternable) Espacio Espacio Espacio Espacio
    Seleccionar control activo (botón de comando, ítem de menú) Entrar Entrar, Retorno Entrar, Retorno Entrar, Retorno
    Ir al primer ítem del control activo     Inicio, Fin Inicio, Fin
    Desplazar vista seleccionada en una página (arriba, izquierda, abajo, derecha)       RePág, Ctrl+RePág, AvPág, Ctrl+AvPág
    Control de pestañas o tabs    
    Crear nueva pestaña Ctrl+T Cmd+T Ctrl+T, Ctrl+ Mayús+N Ctrl+T
    Alternar foco a la siguiente pestaña Ctrl+Tab Cmd+{, Cmd+ Mayús+Izq Ctrl+, Ctrl+RePág
    Alternar foco a la anterior pestaña Ctrl+ Mayús+Tab Cmd}, Cmd+ Mayús+Dcha Ctrl+. Ctrl+AvPág
    Navegación por el escritorio    
    Ejecutar comando o aplicación Win+R   Alt+F2 Alt+F2
    Abrir nueva ventana del navegador con las mismas pestañas que la actual Ctrl+N      
    menú Inicio/Aplicaciones Win , Ctrl+Esc Cmd+ Mayús+A Alt+F1 Alt+F1
    Copiar captura de pantalla del escritorio completo al portapapeles ImprPant Cmd+Ctrl+ Mayús+3 Ctrl+ImprPant ImprPant
    Copiar captura de pantalla del escritorio completo a un archivo   Cmd+ Mayús+3    
    Copiar captura de pantalla de la ventana activa al portapapeles Fn+Alt+ImprPant Cmd+Ctrl+ Mayús+4 Alt+ImprPant Alt+ImprPant
    Copiar captura de pantalla de la ventana activa a un archivo   Cmd+ Mayús+4    
    Bloquear escritorio Win+L   Ctrl+Alt+L Ctrl+Alt+L
    Cambiar usuario activo Win+L   Ctrl+Alt+L  
    Iniciar el Administrador de tareas/Tabla de procesos Ctrl+ Mayús+Esc, Ctrl+Alt+Supr Cmd+ Opt+Esc Ctrl+Esc  
    Iniciar el Centro de Ayuda F1 F1, Cmd+? F1 F1
    Renombrar archivo. F2 Entrar   F2

    Teclado IBM PC/Compatible IBM PC/Microsoft Windows (distribución española).


    votre commentaire

  • 1 commentaire
  •  

     

    http://scriptsource.org/cms/scripts/page.php?item_id=character_list&key=2600

    http://www.dorus.ru/: Html, css




  •  

    Debemos ser como los elefantes
    Con pies grandes y pesados... Para tenerlos bien fijos en la tierra y no elevarnos.
    Con orejas grandes... Para aprender a oír y no actuar a ciegas.
    Con boca chica... Para no andar parafraseando, ni hablando de más.
    Con colmillo largo... Para saber actuar en momentos difíciles.
    Tener piel áspera y dura... Para aguantar los embates de los demás.
    Tener cola corta... Para que nadie, por más que quiera, pueda hablar de ti.
    Tener su memoria... Para que nunca olvides quién realmente eres.
    Y como el elefante, que cuando sabe que va a morir regresa a su lugar de origen, igualmente tú, cuando sientas que haz caído en lo más profundo, que no puedes salir y no encuentras ni un rayo de luz dentro del laberinto en que estás inmerso, que lo has perdido todo y no te queda nada, regresa a tu lugar de origen, regresa a tu naturaleza, regresa a ser tú nuevamente, porque tal vez, ¡por la falta de memoria olvidaste quién realmente eres!

     

    <div style="background-color: #e9def1; border-radius: 10px; box-shadow: 0px 0px 10px black; width: 654px; background-repeat: repeat; height: 100%;"><div style="padding-top: 0px; padding-bottom: 0px; padding-left: 0px;"><div style="background-image: url('http://ekladata.com/new-designs-test.eklablog.com/perso/E-carte/aa-centre.jpg?psid=1'); border-radius: 10px; width: 654px; background-repeat: repeat; height: 100%;"><div style="background-image: url('http://ekladata.com/new-designs-test.eklablog.com/perso/E-carte/aa-haut.jpg?psid=1'); width: 654px; height: 176px; border-radius: 10px;">&nbsp;</div><div style="border-radius: 10px; background-image: url('http://ekladata.com/new-designs-test.eklablog.com/perso/E-carte/aa-centre.jpg?psid=1'); width: 654px; background-repeat: repeat; height: 100%;"><div style="padding-left: 55px; padding-right: 55px;"><p><span style="color: #e9def1;">Texto<p>&nbsp;</p></div></div><div style="background-image: url('http://ekladata.com/new-designs-test.eklablog.com/perso/E-carte/aa-bas.jpg?psid=1'); width: 654px; height: 293px;"><div style="text-align: left; padding-top: 240px; padding-left: 90px;"><a href="http://www.copyrightdepot.com/cd74/00055111.htm"><img style="display: block; margin-left: auto; margin-right: auto;" src="http://ekladata.com/4bU72HRLjONSFSx48ob8yh14pCQ@61x40.png" alt="Clic pour v&eacute;rifier" width="61" height="40"/></a></div></div></div></div></div>

     

    Clic pour vérifier

    votre commentaire


  • Bienaventurados los pacificadores, porque ellos serán llamados hijos de Dios.
    Jesús De Nazaret


    <div style="padding: 10px;"><div style="padding: 3px; border-radius: 100px; background-image: url('https://img-fotki.yandex.ru/get/6214/96945866.db/0_8710f_ed634238_S'); box-shadow: 0px 0px 10px black; border: 0px double #5e6369;">
    <div style="padding: 0px; border-radius: 100px; background-image: url('https://img-fotki.yandex.ru/get/6314/96945866.db/0_87122_c0a9482c_S'); height: 100%;">
    <div style="padding: 3px;border-radius: 260px; background-image: url('https://img-fotki.yandex.ru/get/6214/96945866.db/0_8710f_ed634238_S'); box-shadow: 0px 0px 10px black; border: 0px double #5e6369;">
    <div style="padding: 15px;border-radius: 260px; background-image: url('https://img-fotki.yandex.ru/get/6314/96945866.da/0_87104_afc9f1d8_S'); height: 100%;">
    <div style="padding: 3px; border-radius: 80px; border: 0px double #5e6369;box-shadow: 0px 0px 10px black;background-image: url('https://img-fotki.yandex.ru/get/6214/96945866.db/0_8710f_ed634238_S'); ">
    <div style="border-radius: 80px; background-image: url('https://img-fotki.yandex.ru/get/5800/96945866.dc/0_87157_2bb9e466_S'); background-repeat: repeat; height: 100%;">
    <div style="padding: 0px 0px 0px 0px;"><div style="padding: 1px;"><img style="display: block; margin-left: auto; margin-right: auto;" src="http://dl2.glitter-graphics.net/pub/554/554992bys9mel178.gif" alt=""/> <br/> <br/>
    <p>Texto</p><p>&nbsp;</p></div>
    <img style="display: block; margin-left: auto; margin-right: auto;" src="http://dl10.glitter-graphics.net/pub/2291/2291450nhcj2zhf6q.gif" alt=""/>
    <div style="text-align: center; padding-bottom: 10px;"><a href="http://tutorialgloriav.eklablog.com/" target="_blank"><img src="https://lh3.googleusercontent.com/OBkQCjcYDowAHoMTSapx6xEHNvaJFOdoFBPk2vcuBrEB=w234-h91-no" width="90" height="30" alt=""/></a></div></div></div></div></div></div></div></div></div>


     


    votre commentaire
  •  

    Puedes diseñar y crear, y construir el lugar más maravilloso del mundo, pero se necesita gente para hacer el sueño realidad.
    Walt Disney

     

    <div style="padding-left: 10px; padding-right: 10px;"><div style="background-image: url('https://lh3.googleusercontent.com/bFzX22xuxdKbqHhm9ebiWK0K1swwHanPx8rVVqmm_J5e=s16-no'); border-radius: 17px; padding: 7px; background-repeat: repeat; width: 80%; height: 100%;">
    <div style="background-image: url('http://ekladata.com/HOPj2J7ku8WuSgQ_Xoe9zBxuJ2c.jpg'); border-radius: 17px; padding: 10px; &lt;!--?php //&copy; 220761 ?--&gt; height: 100%;">
    <div style="background-image: url('http://ekladata.com/HOPj2J7ku8WuSgQ_Xoe9zBxuJ2c.jpg'); border-radius: 17px; box-shadow: 1px 1px 5px #000000; padding: 2px; height: 100%;">
    <div style="background-image: url('https://img-fotki.yandex.ru/get/4522/114701514.29/0_70c00_1479c39c_S'); border-radius: 17px; box-shadow: inset 1px 1px 15px 5px #000000; padding: 40px; height: 100%;">
    <div style="background-image: url('http://encatimini.e.n.pic.centerblog.net/5bxtoh7z.gif'); background-color: #fff; box-shadow: 1px 1px 15px 2px #000000; border-radius: 170px 0px 170px 0px; padding: 2px; height: 100%;">
    <div style="background-image: url('http://ekladata.com/HOPj2J7ku8WuSgQ_Xoe9zBxuJ2c.jpg'); border-radius: 170px 0px 170px 0px; background-color: #f4ebce; padding: 10px; border: inset 0px 0px 15px #000000; height: 100%;">
    <div style="background-image: url('url'); background-color: #; box-shadow: 1px 1px 15px 2px #000000; border-radius: 150px 0px 150px 0px; border: 3px dotted #fff; padding: 2px; height: 100%;">
    <div style="background-image: url('http://ekladata.com/QmJYtiJexG-EjhAgiDvt9rwXGEM.jpg'); border-radius: 150px 0px 150px 0px; box-shadow: padding: 2px; border: inset 0px 0px 15px #000000; height: 100%;">
    <div style="padding: 1px; height: 100%;"><p>&nbsp;</p><p style="text-align: center;"><span style="color: #000;">Texto</span></p><p>&nbsp;</p><p>&nbsp;</p></div><div style="text-align: left; padding-bottom: 10px; padding-left: 20px;"><a href="http://tutorialgloriav.eklablog.com/" target="_blank"><img src="https://lh3.googleusercontent.com/o1P3QDf_ADZchq-LRMmMkVdC5RIgGoVVZe2gOZfWYPwI=w234-h91-no" border="0" alt=" " width="85" height="35" /></a><a></a></div></div></div></div></div></div></div></div></div></div>


    votre commentaire
  •  

    No te hagas problemas de los demás.

     

     

    <div style="padding: 50px 20px 20px 20px;"><div style="border: 2px solid #fff; border-radius: 50px 10px; width: auto; box-shadow: 0px 0px 15px 10px #FC999C inset,0px 0px 15px 0px #ccc; padding: 38px; background: #FAE6EA;">
    <div style="width: auto; background-image: url('https://lh6.googleusercontent.com/-GerwZk5JT00/VAnYPl0rv_I/AAAAAAAA9yk/cyP9RxPNg0c/s100-no/1.gif'); border-radius: 10px 50px; box-shadow: 0px 0px 10px #ccc; padding: 5px;">
    <div style="border: double 4px #FC999C; border-radius: 10px 50px; width: auto;"><p style="text-align: center;">&nbsp;</p><p>Texto</p><p>&nbsp;</p><p style="text-align: center;">&nbsp;</p>
    <div style="text-align: right; padding-bottom: 10px; padding-right: 10px;"><a href="http://tutorialgloriav.eklablog.com/" target="_blank"><img src="https://lh3.googleusercontent.com/DQblrYdPo4F99lMg0vybOnUyq0ZXeYjKTDtp9IZ5IqEu=w234-h91-no" alt="" width="85" height="31" /></a></div></div></div></div></div>



    votre commentaire
  •  
    Face avant
    ligne 01
    ligne 02
    Et...face arrière

     

    This is the front side
    This is the back side



    <script src="http://ekladata.com/sVcpvNqWUPivOIRF0mRWwpQuZ_Q/highlight-pack.js"></script>
    <script>// <![CDATA[
    onJSFilesLoaded.push(function(){
         hljs.initHighlighting.called = false;
         hljs.initHighlighting();});
    // ]]></script>
    </p>
    <div class="flipcard h">
    <div class="front">Face avant<img style="float: right; padding: 10px; width: 40%;" src="http://dl4.glitter-graphics.net/pub/141/141854q961amfh1n.gif" alt="" /><br />ligne 01<br />ligne 02</div>
    <div class="back">Et...face arri&egrave;re</div>
    </div>
    <p>&nbsp;</p>
    <div class="flipcard v">
    <div class="front">This is the front side</div>
    <div class="back">This is the back side</div>
    </div>
    .titre {
     max-width:100px;
     padding:5px;
      
     background-color:#A9D9EF;
    color: #000;
     
    border:2px double #78ABCC; 
      
     box-shadow:6px 6px 10px black;
     }
     .pre-lh {
     width: 90%;
     border: 0px; 
     padding: 0;
     box-shadow: 6px 6px 10px black;
     margin-bottom: 20px;
     margin-left: 20px;
     }
     /*---------------CSS-Menu-rotatif--------------*/
    .flipcard {
      margin: 20px auto;
      position: relative;
      width: 220px;
      height: 160px;
     
      perspective: 500px;
    }
    .flipcard.v:hover .front, .flipcard.v.flip .front{
      transform: rotateX(180deg);
    }
    .flipcard.v:hover .back, .flipcard.v.flip .back{
      transform: rotateX(0deg);
    }
    .flipcard.v .back{
      transform: rotateX(-180deg);
    }
    .flipcard.h:hover .front, .flipcard.h.flip .front{
      transform: rotateY(180deg);
    }
    .flipcard.h:hover .back, .flipcard.h.flip .back{
      transform: rotateY(0deg);
    }
    .flipcard.h .back{
      transform: rotateY(-180deg);
    }
    .flipcard .front 
    {
      position:absolute;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      transition: all 1s ease-in;
      color: #000;
      background-color: #A9D9EF;
     border-radius:65px/15px;
      padding: 10px;
      backface-visibility: hidden;
    box-shadow:6px 6px 10px black;
    }
    .flipcard .back 
    {
      position:absolute;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      transition: all 1s ease-in;
      color: #000;
      background-color: #fff;
     border-radius:65px/15px;
      padding: 10px;
      backface-visibility: hidden;
    box-shadow:6px 6px 10px black;
    }