-
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 -
-
-
-
-
-
-
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ón Windows XP
Windows Vista
Windows 7
Windows 8Mac OS KDE GNOME 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 -
-
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!
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> </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 -
Face avant
ligne 01
ligne 02Et...face arrièreThis is the front sideThis 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ère</div>
</div>
<p> </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; }