Recibe todas las novedades!

Suscríbete y recibe todos los días los mejores tutoriales directo a tu correo.

viernes, 23 de enero de 2015

Tutorial: Cómo dar efecto de fotografías apiladas a tus imágenes con CSS

Bienvenidos a un nuevo tutorial para Blogger, mi categoría favorita para hacer tutoriales (aunque sea la categoría que menos tutoriales tenga jajaja).


El efecto que les traigo ahora es uno muy bonito con CSS, muy fácil de implementar, y realiza una simulación de imágenes apiladas una sobre otras.

¿Que necesitamos?

* Un blog

Dificultad

Fácil

Paso 1:

Bien, primero veamos el efecto que lograremos con este tutorial:


Si te ha gustado ahora vamos a implementarlo.
Lo primero será ir a la plantilla de nuestro blog y buscaremos la siguiente linea:
]]></b:skin>

Y justo arriba de ella pegamos lo siguiente:
.separator {
margin: 20px;
text-align: center;
clear: both;
}
.separator a {
display: table;
position: relative;
z-index: 10;
max-width: 94% !important;
margin: 10px auto !important;
}
.separator img {
display: table-cell;
max-width: 100% !important;
padding: 10px;
background: #fff;
-webkit-box-shadow: 0 1px 5px #999;
-moz-box-shadow: 0 1px 5px #999;
box-shadow: 0 1px 5px #999;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.separator a:before, .separator a:after {
content: "";
display: block;
position: absolute;
top: -5px;
left: 0;
width: 100%;
height: 100%;
background: white;
-webkit-box-shadow: 0 1px 5px #999;
-moz-box-shadow: 0 1px 5px #999;
box-shadow: 0 1px 5px #999;
-webkit-transition: .3s all;
-moz-transition: .3s all;
transition: .3s all;
}
.separator a:before {
z-index: -2;
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
transform: rotate(2deg);
}
.separator a:after {
z-index: -3;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
transform: rotate(-3deg);
}
.separator a:hover:before, .separator a:hover:after {
top: -2px;
left: 2px;
bottom: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}

Muy bien, ahora guardamos los cambios y listo, ya podemos subir imágenes a nuestro blog y podremos visualizar este bonito efecto.

¡IMPORTANTE!
Para que el efecto sea visible es muy importante dejar tus imagenes con el enlace que Blogger genera por defecto, o bien, encerrar tu imagen tal como se muestra en el siguiente código:
<div class="separator">
<a href="javascript:void();">
<img src="URL_DE_TU_IMAGEN" />
</a></div>

Espero que este bonito efecto con CSS para tu blog te sea de utilidad :)

Fin del tutorial

jueves, 22 de enero de 2015

Tutorial: Cómo eliminar StartPage

Start Page (Startpage.com) es una página de inicio que se vanagloria de ser “el motor de búsqueda más confidencial del mundo”.


Aunque justo a la par de tan impresionante leyenda, encontramos un pequeño logotipo que indica “enhanced by Google”… es difícil de creer en su honestidad cuando presentan dos valores completamente distintos en una sola página.

Lo malo de esto es que, una vez que ha llegado a tu ordenador, se adhiere como una garrapata y no se irá por su propia cuenta, hoy te muestro como eliminar StartPage de tu computadora.

¿Que necesitamos?

* AdwCleaner [Descarga Directa]

Dificultad:

Fácil

Paso 1:

StartPage luce así, para que lo identifiques:


Y bien, lo primero será eliminar StartPage de nuestros navegadores:

Eliminar iStartSurf de Google Chrome.
1.- Abre Chrome y haz clic en el botón Menu en la esquina superior derecha del navegador.
2.- Clic en Mostrar configuración avanzada.
3.- Ve al final de la página y haz clic en Restablecer configuración del explorador.
4.- Da clic en Restablecer una vez más. Cierra el navegador.

Eliminar iStartSurf de Firefox.
1.- Abre Firefox.
2.- En la barra de direcciones de Firefox teclea about:support.
3.- En la página que se muestra, haz clic en Reiniciar Firefox.

Eliminar iStarSurf de Internet Explorer
1.- Abre Internet Explorer (en modo Escritorio si usas Internet Explorer 10 u 11).
2.- Da clic en el botón Herramientas, selecciona Opciones de Internet, ve a la pestaña Avanzada.
3.- Selecciona el botón Reset.
4.- Habilita Eliminar configuración personal.
5.- Haz clic en el botón Restablecer.
6.- Cierra y vuelve a abrir Internet Explorer.

Paso 2:

Una vez limpios nuestros navegadores ahora pasamos a la parte de la limpieza de nuestro ordenador.

Tenemos que descargar el software que he dejado en los materiales.
Una vez descargado e instalado, lo abrimos. Nos mostrará una pantalla así:


Pulsa el botón Escanear, y espera a que se realice el proceso, después pulsa el botón Limpiar.

Espera a que se termine de limpiar y sigue las instrucciones, si te pidiera Reiniciar el sistema da clic en aceptar.


Y bueno, espero que esto te sirva para eliminar StartPage.com de los navegadores y te olvides de esa molesta publicidad.

Fin del tutorial

Tutorial: Cómo eliminar AVG SafeGuard Toolbar

La barra de herramientas AVG SafeGuard se incluye en la familia de productos de seguridad de AVG Technologies y se distribuye como un programa autónomo. Puede descargar e instalar actualizaciones automáticamente sin informarte por lo que es muy molesto.


En fin AVG SafeGuard toolbar modifica tu página de inicio y tu motor de búsqueda predeterminado para sustituirlos por el motor de búsqueda propio de AVG http://isearch.avg.com
En este tutorial te mostraré como eliminar AVG SafeGuard Toolbar.

¿Que necesitamos?

* Nada

Dificultad:

Fácil

Paso 1:

Así luce este software en los navegadores:



Y llega a tu computadora de la siguiente forma:


Tu mismo le das permiso, eso pasa por hacer el tipico "Next, Next, Next, Finish". Debes tener mucho más cuidado de ahora en adelante al instalar softwares.

Bueno, vamos a lo que venimos:

Eliminar AVG SafeGuard Toolbar con el Panel de Control de Windows

Vamos a utilizar el Panel de control de Windows para desinstalar la página de inicio de AVG, AVG Secure Search y AVG Toolbar:

Windows XP, Vista, 7 y Windows 8
1.- Abre Panel de control.
2.- Haga clic en Desinstalar un programa o Programas y características.
3.- En la lista de aplicaciones, haga doble clic en AVG Security Toolbar o AVG SafeGuard Toolbar. Se iniciará la desinstalación.
5.- Haga clic en Siguiente para finalizar el proceso de desinstalación. Se cerrará la ventana de su navegador. Y listo.

Y con eso basta para desinstalar AVG SafeGuard Toolbar de tu computadora.

Fin del tutorial
 
Este sitio utiliza cookies propias y de terceros, éstas recogen datos sobre sus hábitos de navegación para mostrarle publicidad personalizada y realizar diversos análisis de uso de nuestro sitio.
Si continúa navegando consideramos que acepta su uso. ACEPTO Más información.