Hola que tal? Bienvenidos a barruntos.net. Este blog simplemente es una recopilación de problemas o situaciones anómalas que van sucediendo en el día a día mío y de mi entorno. Soluciones para informática a bajo nivel. Puedes seguir nuestro facebook o twitter para obtener todas las novedades.

miércoles, 18 de diciembre de 2013

Abrir archivos mdf iso ngr sin software adicional.....

Gente, estuve viendo que para abrir las imagenes todos recomiendan el Alcohol 120. Si, esa forma funciona, pero tenemos que bajar un programa, instalarlo y demas. 


Bueno, como yo soy de esos que quieren hacer las cosas sin instalar mucho uso la forma mas simple que tengo. 

Este tipo de archivos puede ser abierto y descomprimido con el Winrar. Me imagino que algunos ya lo saben, pero me volvi loco buscando la forma de abrirlo sin tener que instalar el Alcohol 120. 

Asi que le proxima vez que tengan un archivo ISO, MDF o NGR (Por lo menos con estas andan) prueben lo siguiente: 

Al archivo le hacen un clic con el botón derecho del Mouse y le dan la opción abrir con y eligen el winrar. También se puede mirar la opción freeware de 7zip, igual de potente y funcional que winrar o winzip. Ahí se abre el programa y ven los archivos que tienen. Después solo queda agarrar los archivos y descomprimirlos donde quieran. 

Bueno, espero que esto les sirva como me sirvió a mi. 

miércoles, 11 de diciembre de 2013

TeamViewer: Escritorio remoto multiplataforma.....


Si alguno de vosotros habeis sido en alguna ocasión lo que se llama el "amigo informático", sabreis que a veces hay que ir a casa de los amigos para arreglar cosas que en realidad son una tontería o para instalar cosas que se hacen con un par de clics o te eternizas al teléfono intentando explicar algo que sería sencillo si pudieras manejar su ratón.

En fin que muchas veces podrías hacer lo mismo si pudieras conectarte desde tu casa al ordenador de tu amigo y arreglar, explicar o instalar cualquier cosa.
Una solución para este tipo de problemas son los programas de "Escritorio Remoto". Con ellos puedes conectarte al ordenador de otro y manejarlo desde el tuyo. Hay muchos programas de este tipo, con sus pros y sus contras.

Yo he elegido TeamViewer por una serie de razones:

- Es un programa que tiene versiones para windows, mac, linux, i-phone e i-pad. 
- Es muy sencillo de manejar tanto para el que va a prestar asistencia como, sobre todo, para el que la va a recibir.
- No hay que abrir puertos en ningún cortafuegos. 
- Permite la transferencia de archivos, el establecimiento simultáneo de conexiones de voz sobre IP o videoconferencia. 
- Toda la información que se transmite está codificada, por lo que el tema de la seguridad también está cubierto. 
- Quien va a prestar la asistencia (el "amigo informático") puede elegir entre establecer una asistencia remota, realizar una presentación o una transferencia de archivos.

El programa es comercial, pero gratuito para uso personal no comercial.

Instalación de TeamViewer

Lo primero que hay que hacer es instalar TeamViewer en los ordenadores que van a conectarse. La página de descarga es ésta: TeamViewer.

Al respecto hay varias posibilidades:

a.- Si la conexión va a ser entre dos sistemas línux hay que instalar la versión completa del programa en ambos ordenadores.
Hay versiones para Fedora, Red Hat, Suse, Mandriva, Debian, Ubuntu y código fuente tanto para sistemas de 32 o 64 bits.

En mi caso utilizo Ubuntu Studio a 64 bits, así que me descargo la versión de 64 bits para Ubuntu que es un paquete .deb. Hago doble clic en el archivo descargado y aparece la ventana del instalador de paquetes debian GDebi. 

Pulso en Instalar y listo.

Una vez instalado el acceso al programa está en Aplicaciones -> Internet -> Teamviewer.

b.- Si uno o los dos sistemas que se van a conectar son windows o mac las posibilidades son:
   b.1.- Que sea un sistema windows o mac el que va a prestar asistencia; deberá descargar la versión completa All in One e instalarla.
   b.2.- Que sea un sistema windows o mac el que va a recibir asistencia; puede descargar la versión cliente TeamViewer QuickSupport que no necesita instalación ni contar con derechos de administrador o instalar la versión completa.

En el ejemplo que voy a dar a continuación la conexión se realiza entre dos ordenadores con Ubuntu. Más abajo explico como funciona la versión cliente de windows o mac.

Establecimiento de la conexión de escritorio remoto

Una vez instalado el programa en ambos ordenadores los abrimos y veremos una ventana como está. Los números variarán en cada ordenador, pero la ventana es la misma. 



Ahora el que va recibir la asistencia tiene que comunicar al que se la va a prestar los números que le aparecen en el campo ID y contraseña de la Sección Esperar para sesión.

El que va a prestar la asistencia debe escribir el número de ID en el campo ID de la sección Crear sesión y pulsar el botón Conectar con asociado.
Se abrirá una ventana solicitando la contraseña del ordenador que va a recibir la asistencia, la introducimos y pulsamos Iniciar sesión.



La sesión de escritorio remoto

Se abrirá una ventana como ésta en la que podemos ver la pantalla y controlar el ordenador que va a recibir la asistencia.

Además de poder utilizarlo como si fueramos ese usuario, tenemos una barra arriba que nos da muchas más opciones, entre ellas transferir archivos, establecer una conexión de Voz sobre IP o establecer videoconferencia, grabar la sesión, configurar la resolución de la pantalla remota que vemos y deshabilitar el fondo de escritorio del ordenador remoto. 

Cuando hayamos terminado, podemos cerrar la conexión haciendo clic en la x roja de la barra, situada a la izquierda.



martes, 10 de diciembre de 2013

Cómo hacer un acceso directo de una página web en iPhone


Cuando usamos nuestro navegador favorito en el ordenador, resulta sencillo crear un favorito y acceder a él en cualquier momento; sin embargo, si estamos usando un dispositivo electrónico como, por ejemplo, un iPhone... ¿Cómo podemos hacerlo?

Hacer un acceso directo de una página web en él no sólo resulta sencillo, sino que nos ahorrará más de unos segundos... ¡Sigue leyendo!

Instrucciones

Ejecuta Safari desde el iPhone y dirígete a la página web que desees. Una vez abierta, selecciona el pequeño icono con la flecha que aparece en el menú inferior, tal y como hemos señalado en la imagen.

Un nuevo menú desplegable se abrirá desde la zona inferior; en éste, pulsa sobre 'Añadir a pantalla de inicio'.


Escribe ahora un nombre para el favorito; éste se añadirá en forma de icono en la pantalla de inicio para permitir un acceso más rápido al sitio web.



Si deseas leer más artículos parecidos a cómo hacer un acceso directo de una página web en iPhone, te recomendamos que entres en nuestra categoría de iPhones.


viernes, 6 de diciembre de 2013

Piratear Wii sin chip

En este tutorial vamos a ver paso a paso como desbloquear nuestra Wii vía software para poder, entre otras funciones, cargar nuestras copias de seguridad (backups) en nuestra wii sin necesidad de tener instalado el chip. Veremos los programas necesarios, la forma correcta de instalarlos y lo más importante, entenderemos el proceso que estamos a punto de realizar para evitar "dudas" y "miedos" innecesarios.

Paso 1 y paso 2: Instalación del canal Homebrew Channel y Bootmii. Copia de la NAND (Opcional pero muy recomendado)



Paso 3: Instalación del cIOS.


Paso 4: Instalación de Priiloader (opcional pero recomendado)


Paso 5. Como cargar las copias de seguridad + canales




Instalación de la Wii Balance Board

Antes de utilizar la Wii Balance Board, debes sincronizarla (en otras palabras, conectarla) a tu consola Wii.

Para ejecutar esta operación basta con insertar el juego Wii Fit Plus y encenderlo. Después de que aparezca la pantalla de título, abre el compartimento para las pilas en la parte inferior de la Wii Balance Board así como la ranura para tarjetas SD en la parte frontal de tu Wii.



En cada uno de estos compartimentos, hay un pequeño botón rojo SYNC. Púlsalo una vez en la Wii Balance Board y haz lo mismo en la consola Wii. Verás que la luz del botón Power de la Wii Balance Board parpadea. Cuando esta luz deje de parpadear y permanezca encendida, la sincronización se habrá completado y podrás empezar a jugar.

Ten en cuenta que solo es posible sincronizar una única Wii Balance Board a una consola Wii determinada.

Así mismo, una consola Wii solo puede sincronizarse a una única Wii Balance Board. Si una Wii Balance Board registrada se sincroniza con otra consola Wii utilizando el proceso arriba descrito, se reescribirán los ajustes de la Wii Balance Board. Si quieres volver a utilizar la Wii Balance Board con la primera Wii, será necesario que vuelvas a sincronizarla de la manera arriba descrita.

miércoles, 4 de diciembre de 2013

Problema con la cámara del IPHONE 4S....

Si no hay manera de poder abrir el obturador de la cámara de tu iphone 4S y ya no sabes que probar.....intenta con esto, a muchos nos ha funcionado ¡¡¡¡


Tenia el mismo problema, a mi me funcionó, lo que se detalla:

Ajustes –> General –> Restricciones

desactivar la camara y luego reiniciar el telefono. Despues volver a activarla y listo. Funciona al 100 %.

jueves, 28 de noviembre de 2013

Cómo importar un certificado digital de la FNMT en Google Chrome

En anteriores entradas vimos cómo exportar nuestro certificado digital en Internet Explorer y en Mozilla Firefox. El certificado exportado se guarda en un archivo que se puede reutilizar en otro navegador, en el mismo ordenador o en otro distinto.


Ahora vamos a ver cómo importar el certificado exportado al navegador Google Chrome. La FNMT solo permite que solicitemos nuestro certificado digital con dos navegadores. A pesar de este pequeño inconveniente, luego sí podemos llevarnos ese certificado al navegador web Google Chrome y utilizarlo para nuestros trámites.

Recuerda que al exportar un certificado con su clave privada, el archivo creado se guarda con la extensión .pfx ó .p12 dependiendo del navegador utilizado. Ambos archivos son similares.


¿Qué almacén de certificados utiliza Google Chrome?

Los certificados se guardan en un almacén de certificados. Si estamos en un ordenador con Windows, Google Chrome utiliza el almacén de certificados de Windows. Es decir, si el certificado está instalado en Internet Explorer, también lo podremos usar en Google Chrome.

En cambio, el navegador Mozilla Firefox no utiliza ese almacén. Si la solicitud del certificado digital la hicimos con el navegador Mozilla Firefox y ahora queremos usarlo en Google Chrome, entonces tendremos que exportarlo primero y luego importarlo a Google Chrome.

¿Cómo vemos el almacén de certificados en Google Chrome?

En Google Chrome, todo lo relacionado con los certificados no se ve a primera vista. Accedemos al almacén de certificados que utiliza Google Chrome pinchando en el botón indicado en la imagen y que está situado en la esquina superior derecha del navegador. Este botón da acceso a la personalización y configuración de Google Chrome.


A continuación, en el menú desplegado, pinchamos en “Configuración” para acceder a la página de opciones de Google Chrome:


Una vez en esta página, bajamos hasta llegar a “Mostrar opciones avanzadas…”


Desde aquí nos desplazamos por la página hasta llegar al apartado “HTTPS/SSL” justo debajo del apartado “Descargas”. En “HTTPS/SSL” observamos el botón “Administrar certificados…” que como su propio nombre indica será el lugar desde el cual podremos importar, comprobar y exportar los certificados incluidos en el navegador Google Chrome.



Pinchamos en “Administrar certificados…” y veremos la ventana de certificados y sus operaciones típicas: Importar, Exportar, Quitar, etc…

¿Cómo importamos el certificado digital en Google Chrome?

Como hemos indicado anteriormente, si tenemos un ordenador con Windows, Google Chrome utiliza el almacén de certificados de Windows. Este almacén es el mismo que el utilizado por el navegador Internet Explorer.


Al pinchar en el botón “Importar…”, vemos en una ventana nueva el asistente para la importación de certificados y que nos guiará en todo el proceso. Para comenzar, pulsamos el botón “Siguiente”:


Ahora nos preguntará dónde se encuentra el certificado que  hemos  exportado antes (Escritorio, Disco, etc.). Con el botón “Examinar” localizamos nuestro archivo terminado en .p12 o .pfx.


Seleccionamos el lugar donde se encuentra el archivo. También podemos indicar el tipo del archivo como Intercambio de información personal (*.pfx;*.p12), elegimos el archivo y botón “Abrir”:


A continuación, en la siguiente pantalla, pinchamos en el botón “Siguiente”:


Ahora nos pide la contraseña que le pusimos al archivo del certificado al exportarlo. La ventana podría presentar hasta tres opciones y mucho texto. Veamos qué significa cada opción:

Habilitar la protección segura de claves privadas: La marcamos si queremos que nos pregunte la clave cada vez que usemos el certificado (por ejemplo es útil si el ordenador es compartido por varias personas).
Marcar esta clave como exportable: La marcamos si queremos que se pueda volver a exportar la clave privada del certificado y mantener así las capacidades originales del certificado en caso de que se vuelva a exportar este nuevo certificado.
Incluir todas las propiedades extendidas: Déjala marcada.
En la siguiente pantalla nos aseguramos que el almacén de certificados es el Personal y pulsamos en el botón “Siguiente”:


Nos acercamos al final del asistente y nos presenta su ventana resumen. Pinchamos en el botón “Finalizar”. A continuación nos indica que el certificado se ha importado correctamente.



¿Ya puedo usar el certificado importado?

Sí. El certificado importado ya está listo para comunicarnos con la Administración. Podremos usarlo en muchos trámites. Nos ahorraremos tiempo, desplazamientos y esperas innecesarias. Un buen sitio para empezar es http://masdestacados.060.es. Ahí encontraremos los trámites más utilizados, sin necesidad de buscarlos en sus sedes electrónicas. También puedes consultar los servicios de tu Comunidad Autónoma. En próximas entradas hablaremos de algunos de estos trámites.

Navegadores utilizados

En esta entrada se ha utilizado Google Chrome versión 22.0.1229.79.



martes, 12 de noviembre de 2013

Error de la aplicación. Error al guardar la nota de audio.Problema de nota de voz en Whatsapp

Si te han dejado de funcionar las notas de voz en el Whatsapp, y no puedes enviarlas porque te dice "Error de aplicación  "error al guardar la nota de audio".....la solución es la siguiente.....



Debes entrar en el iphone y seguir estos pasos:
  • Ajustes
  • Privacidad
  • Micrófono
  • Y ahí activa la aplicación Whatsap
Voilà ¡¡¡¡¡ Notas de audio funcionando ¡¡¡¡¡

miércoles, 6 de noviembre de 2013

Orbit: Slider de imágenes con jQuery para blogger

Este es un slideshow que cuenta con flechas de desplazamiento para poder navegar por las imágenes de forma más inmediata. Funciona a base de jQuery y muestra las imágenes con flechas de navegación. Pero además, en la parte superior izquierda indica cuál es la imagen que se está viendo, y del lado superior derecho un control de pausa e indicador del tiempo entre cada foto.



Una de las ventajas que me gusta de este slider es que el script cuenta con una versión corta, por lo que podremos colocar el script directo en la plantilla y así nos evitaremos colgarnos de un hosting.

Para empezar vamos a colocar los scripts que son lo que harán que funcione, así que vamos a Diseño | Edición de HTML y antes de </head> pegamos lo siguiente:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>

<!--[if IE]>
<style type="text/css">
.timer { display: none !important; }
div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }
</style>
<![endif]--> 

<script type='text/javascript'> 
$(window).load(function() {
$(&#39;#featured&#39;).orbit({
advanceSpeed: 5000,
&#39;bullets&#39;: true,
&#39;timer&#39; : true,
&#39;animation&#39; : &#39;horizontal-slide&#39;
});
});
</script> 

<script type='text/javascript'> 
//<![CDATA[
/*
* jQuery Orbit Plugin 1.1 
* www.ZURB.com/playground
* Copyright 2010, ZURB
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/

(function(e){e.fn.orbit=function(a){a=e.extend({animation:"fade",animationSpeed:800,advanceSpeed:4E3,startClockOnMouseOut:true,startClockOnMouseOutAfter:3E3,directionalNav:true,captions:true,captionAnimationSpeed:800,timer:false,bullets:false},a);return this.each(function(){function m(c){function g(){f.eq(h).css({"z-index":1});s=false}var h=b,k=c;if(h==k)return false;if(!s){s=true;if(c=="next"){b++;if(b==n)b=0}else if(c=="prev"){b--;if(b<0)b=n-1}else{b=c;if(h<b)k="next";else if(h>b)k="prev"}a.bullets&&
x();if(a.animation=="fade"){f.eq(h).css({"z-index":2});f.eq(b).css({opacity:0,"z-index":3}).animate({opacity:1},a.animationSpeed,g);a.captions&&o()}if(a.animation=="horizontal-slide"){f.eq(h).css({"z-index":2});k=="next"&&f.eq(b).css({left:t,"z-index":3}).animate({left:0},a.animationSpeed,g);k=="prev"&&f.eq(b).css({left:-t,"z-index":3}).animate({left:0},a.animationSpeed,g);a.captions&&o()}if(a.animation=="vertical-slide"){f.eq(h).css({"z-index":2});k=="prev"&&f.eq(b).css({top:u,"z-index":3}).animate({top:0},
a.animationSpeed,g);k=="next"&&f.eq(b).css({top:-u,"z-index":3}).animate({top:0},a.animationSpeed,g);a.captions&&o()}}}var b=0,n=0,t,u,s,d=e(this).addClass("orbit"),f=d.find("img, a img");f.each(function(){var c=e(this),g=c.width();c=c.height();d.width(g);t=d.width();d.height(c);u=d.height();n++});f.eq(b).css({"z-index":3});if(a.timer){d.append('<div class="timer"><span class="mask"><span class="rotator"></span></span><span class="pause"></span></div>');var j=e("div.timer"),p;if(j.length!=0){var C=
a.advanceSpeed/180,v=e("div.timer span.rotator"),y=e("div.timer span.mask"),z=e("div.timer span.pause"),l=0,A,w=function(){p=true;z.removeClass("active");A=setInterval(function(){var c="rotate("+l+"deg)";l+=2;v.css({"-webkit-transform":c,"-moz-transform":c,"-o-transform":c});if(l>180){v.addClass("move");y.addClass("move")}if(l>360){v.removeClass("move");y.removeClass("move");l=0;m("next")}},C)},q=function(){p=false;clearInterval(A);z.addClass("active")};w();j.click(function(){p?q():w()});if(a.startClockOnMouseOut){var B;
d.mouseleave(function(){B=setTimeout(function(){p||w()},a.startClockOnMouseOutAfter)});d.mouseenter(function(){clearTimeout(B)})}}}if(a.captions){d.append('<div class="caption"><span class="orbit-caption"></span></div>');var r=d.children("div.caption").children("span").addClass("orbit-caption").show(),o=function(){var c=f.eq(b).attr("rel"),g=e("#"+c).html(),h=r.height()+20;r.attr("id","#"+c).html(g);g?r.parent().stop().animate({bottom:0},a.captionAnimationSpeed):r.parent().stop().animate({bottom:-h},
a.captionAnimationSpeed)};o()}if(a.directionalNav){d.append('<div class="slider-nav"><span class="right">Right</span><span class="left">Left</span></div>');j=d.children("div.slider-nav").children("span.left");var D=d.children("div.slider-nav").children("span.right");j.click(function(){a.timer&&q();m("prev")});D.click(function(){a.timer&&q();m("next")})}if(a.bullets){d.append('<ul class="orbit-bullets"></ul>');var E=e("ul.orbit-bullets");for(i=0;i<n;i++){j=e("<li>"+i+"</li>");e("ul.orbit-bullets").append(j);
j.data("index",i);j.click(function(){a.timer&&q();m(e(this).data("index"))})}var x=function(){E.children("li").removeClass("active").eq(b).addClass("active")};x()}})}})(jQuery);
//]]>
</script>

Ahora es turno de los estilos, así que antes de ]]></b:skin> pegamos esto:
/* ORBIT SLIDER
----------------------------------------------- */
#featured {height: 1px; width: 1px; overflow: hidden;}
div.orbit {
width: 1px;
height: 1px;
position: relative;
overflow: hidden;
}

div.orbit img {
position: absolute;
top: 0;
left: 0;
}
div.orbit a img {border: none;}

div.timer {
width: 40px;
height: 40px;
overflow: hidden;
position: absolute;
top: 10px;
right:10px;
opacity: .6;
cursor: pointer;
z-index: 1001;
}

span.rotator {
display: block;
width: 40px;
height: 40px;
position: absolute;
top: 0;
left: -20px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI6AP0hotRu4MlvB18i-srvX6ilpX84jGE8lSlCLoGMt5KMThhDZrRA0_LaiHpCSSrftWuGkW37eZiH7AZSt4PAGAFxhk93CouE5p328OqvIdDwO9LtmB3tlGg6ckmX4x2LyvlwbcsnvpY/s1600/rotator-black.png);
background-repeat: no-repeat;
z-index: 3;
}

span.mask {
display: block;
width: 20px;
height: 40px;
position: absolute;
top: 0;
right: 0;
z-index: 2;
overflow: hidden;
}

span.rotator.move {left: 0;}
span.mask.move {
width: 40px;
left: 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4Xr1HfglF7HLzyBiM-eBxWc-s7jyexfocq8gojR86jqgwwS1b7Axe9BlszzD14VwqtR0RQtfGhsIwBV4Tlw_I-rGhQLs4oGq0-_iZGRK9tzbpQFWxzRt8dEw_OGUlHTxhfC6wz8lyD-Mu/s1600/timer-black.png);
background-repeat: repeat;
background-position: 0px 0px;
}

span.pause {
display: block;
width: 40px;
height: 40px;
position: absolute;
top: 0;
left: 0px;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6ydHUS1Iu_gUvfszYDXjD5xIkUSNZP1kMFWydOLY0SBrjgUrwF9o5K3ISn3O6968e6iC5grpr9-uC454XXLi320A6pTNNF-_UYJ7_27dm6SGsLHtThDqg0oZixiRR9dOTL7c-WiyQgqJG/s1600/pause-black.png);
background-repeat: no-repeat;
z-index: 4;
opacity: 0;
}

div.timer:hover span.pause,
span.pause.active, 
div.timer:hover span.pause.active { opacity: 1; }

div.caption {
background: #000;
background: rgba(0,0,0,.6);
width: 100%;
z-index: 1000;
position: absolute;
bottom:-100px;
color: #fff;
padding: 8px 0;
text-align: center;
}

div.caption span {
padding: 0 10px;
font-size: 14px;
text-shadow: 0px 1px 0px rgba(0,0,0,.8);
margin: 0;
}
.orbit-caption { display: none; }

div.orbit:hover div.slider-nav { display: block; }
div.slider-nav { display: none; }
div.slider-nav span {
width: 33px;
height: 33px;
text-indent: -9999px;
position: absolute;
z-index: 1000;
top: 43%;
cursor: pointer;
}

div.slider-nav span.right {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3MmUXGfLo_Js1VnWgyuPOAoemWjOOmrbQg3xOmZQ3QNazXqyOvdsbRaEVOkopk7pNn4NIHT3LuDlMqPpQD7fnCx8DgYrPOd4I3Zru6tdbuNVaKe0a0M76pDi7rC6BSFUlhdy7zun3UF5Y/s1600/right-arrow.png);
right: 10px;
}
div.slider-nav span.left {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin30B3bdwu2gAEKxm2vkC4xSSVW7pVnPqDHrSNtne4hg0hM7ho29UqIFFXQw4xpq1BX6Aqn1Kn3yWvc3rrEALZkeR5lGjHNtjeAC2_hlIf8xJegGatSbzX6gtK3Mf1YU2qRANPZGmMDgHF/s1600/left-arrow.png);
left: 10px;
}

.orbit-bullets {
position: absolute;
z-index: 1000;
list-style: none;
top: 10px;
left: 7px;
margin: 0;
padding: 0;
}

.orbit-bullets li {
float: left;
margin-left: 5px;
cursor: pointer;
color: #999;
text-indent: -9999px;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji8aG5AenzJaxliXu1Mr5jISA3R1mMntQOik6NtdSLbplGM3UfXoV6g5ctf2LmFGpc6GwUn1zpuB8WmWWqGITOT1u_DlcsRU_Pz5eQKBzg2DDvUKujB7HEdwGNb8ack6ESpwCjOOxVRIVN/s1600/bullets.png);
background-repeat: no-repeat;
background-position: 0 0;
width: 7px;
height: 7px;
overflow: hidden;
}

.orbit-bullets li.active { color: #222; background-position: -7px 0; }

Ya por último usaremos el código que mostrará las imágenes, así que en Diseño | Elementos de la página | Añadir un gadget | HTML/Javascript pegamos este código:

<div id='featured'> 

<a href='URL del enlace'><img rel='foto1' src="URL de la imagen" style='width:490px; height:238px;'/></a> 
<span class='orbit-caption' id='foto1'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque varius augue sit amet magna condimentum dictum.</span>

<a href="URL del enlace"><img rel='foto2' src="URL de la imagen" style='width:490px; height:238px;'/></a>
<span class='orbit-caption' id='foto2'>Este es un ejemplo de la descripción con enlaces: <a href='http://www.barruntos.net/' style='color: #fff';'>http://www.barruntos.net/</a></span>

<a href="URL del enlace"><img rel='foto3' src="URL de la imagen" style='width:490px; height:238px;'/></a>
<span class='orbit-caption' id='foto3' style='text-align:center;'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque varius augue sit amet magna condimentum dictum.</span> 

<a href='URL del enlace'><img rel='foto4' src="URL de la imagen" style='width:490px; height:238px;'/></a>
<span class='orbit-caption' id='foto4'>Este es un ejemplo de la descripción con enlaces: <a href='http://www.barruntos.net' style='color: #fff';'>http://www.barruntos.net</a></span>

</div>

Esta última parte es la que contiene las imágenes, los enlaces y los textos descriptivos de cada imagen.
Lo que está en color rojo son las URLs de los enlaces y de las imágenes.

Dentro de cada código de imagen están especificadas las medidas que tendrá cada imagen, pero puedes modificar esos tamaños a tu gusto, eso se hace en width (ancho) y height (alto), recuerda que todas las fotos deben tener el mismo tamaño especificado.

Lo que está en color verde es el texto descriptivo de cada imagen.
Pero atención, no basta con poner el texto descriptivo para que éste aparezca, sino que, cada descripción tiene un identificador (id), éste identificador debe ser único. Para que el texto descriptivo aparezca deberá ponerse dentro del código de la imagen el atributo rel + el nombre del identificador.
Por ejemplo, en el texto descriptivo de la primera imagen aparece su id que es, id="foto1" y dentro del código de la imagen aparece el atributo rel con el nombre del id, o sea, rel="foto1"

Como ves no es nada complicado, sólo hay que ponerle un poco de atención a las descripciones de las imágenes, pero fuera de eso será un slider sencillo de utilizar.
Y bueno, aunque está probado en todos los navegadores y en Internet Explorer funciona, el control de pausa no se muestra en ese navegador por los fallos que tiene, de igual modo es posible que el desplazamiento entre cada imagen no se vea con un efecto tan suave como se vería con otro navegador de mayor calidad como Mozilla Firefox o Chrome.

ACTUALIZACIÓN: En el primer código, en la línea azul advanceSpeed: 5000, se puede modificar la velocidad de las transiciones entre cada imagen, un número más alto hará que las imágenes tarden más tiempo entre cada transición.

lunes, 4 de noviembre de 2013

Pixlr, excelente editor de imágenes en línea. Descripción y como funciona...

Pixlr es un producto recomendable para todo aquel que necesite retocar una foto, gracias a sus variadas herramientas y filtros. Podríamos recomendarlo incluso para crear un diseño a a partir de cero, ya que tiene muy buenas utilidades para dibujo. 

Puedes encontrar Pixlr en: http://www.pixlr.com


La mayoría de las personas no están en posición de comprar un software caro de edición de imágenes. Una excelente alternativa a Photoshop es Pixlr, un editor de imágenes en línea. Para usarlo, sigue estos consejos y técnicas.

Pasos

1. Ve a Pixlr y haz clic en el ícono de “Editor de Imagen”.

2. Selecciona una opción de imagen cuando te lo pregunte. Puedes crear una imagen desde cero o abrir una que ya tengas en tu computadora.



3. Familiarízate con los paneles de edición. 
  • Busca el panel de Navegación, el cual muestra una versión miniatura de tu imagen, en su posición por defecto en la parte superior derecha de la pantalla principal. Usa el panel para acercarte o alejarte y mover la foto. Si aumentaste mucho la foto y no ves bien en qué parte estás, haz clic en el cuadro del panel de Navegación, el cual muestra en que parte de la imagen estás, simplemente arrástrala hacia dónde quieres estar.
  • Busca el panel de Capas En la parte del medio a la derecha de la pantalla. Usa el panel para hacer, seleccionar, editar, y acomodar las capas de ajustes en tu imagen original. Muchos cambios que puedes hacerle a la imagen aparecerán automáticamente como nuevas capas. Además de mantener la imagen original intacta, también te da un grado de control sobre los cambios que haces permitiéndote modificar una cosa a la vez. Selecciona la capa con la que quieres trabajar, puedes reducir la opacidad, moverla arriba o abajo de otras capas, cambiar como se mezcla con las demás capas seleccionando una opción de la lista de “Normal” o borrarla haciendo clic en el botón de la basura, etc. Consejo: Para modificar tu capa de “Fondo” (ejemplo, la primer capa - a menudo tu imagen original), la cual está bloqueada por defecto, haz doble clic en ella y dale un nombre. Esto la desbloqueará y te permitirá editarla directamente.
  • Busca el panel de Historia en la parte inferior a la derecha de la pantalla. Ahí te muestra una lista de todos los cambios que has hecho a tu imagen. Para navegar entre esas ediciones, simplemente haz clic en la que te interese. Aunque puedes navegar libremente por esas ediciones, recuerda que todos lo que hayas cambiado “después” de esa edición no se mantendrá.
  • Busca el panel de Herramientas en la parte izquierda de la pantalla. Contiene botones de muchas herramientas de edición con los que vas a estar trabajando. Si no sabes por dónde empezar, pasa el cursor sobre un botón por unos segundos y el nombre aparecerá. Ve abajo para más información sobre las herramientas individuales. Consejos: Cuando selecciones una herramienta, aparecerán unas opciones en la parte superior de la pantalla justo abajo de la barra de herramientas. Estas opciones te permiten modificar cosas como tamaño de pincel, estilo, opacidad, y muchos más.

4. Usa herramientas de selección:
  • Herramienta marquee – Haz clic en el botón, luego haz clic y arrástralo sobre el área que quieras seleccionar.
  • Herramienta de movimiento – Haz clic en el botón, luego haz clic y arrastra la pantalla para mover tu capa.
  • Herramienta Lasso – Haz clic en el botón, luego haz clic y arrastra en tu pantalla para hacer selecciones libres. Para completar la selección, cierra la selección uniéndola al punto inicial.
  • Cortar – Haz clic en el botón, y luego selecciona la imagen que quieras cortar.
  • Varita – Haz clic en el botón, luego selecciona pedazos de la pantalla que quieras. Haz clic en contiguo para solo seleccionar pixeles que estén juntos; si deseleccionas esa opción se seleccionaran pixeles iguales en toda la imagen. Aumenta o disminuye tu tolerancia para hacer los parámetros de color más o menos estrictos.

5. Usa herramientas de edición:
  • Herramienta de Lápiz – Haz clic en el botón, y luego haz un dibujo libre.
  • Herramienta de borrador – Haz clic en el botón, luego arrastra el cursor y borra lo que quieras.
  • Herramienta de pincel – Haz clic en el botón, y luego haz un dibujo libre.
  • Herramienta de pintura – Haz clic en el botón, y luego haz clic en tu imagen para aplicar un color solido a esa área.
  • Herramienta de clonación – Haz clic en el botón, luego presiona Shift y haz clic en el área que quieras clonar. Suelta Shift, y mueve el cursor sobre el área en la que quieras copiar esa imane. Esto es muy útil para cubrir imperfecciones.
  • Herramienta de gradiente – Haz clic en el botón, luego haz clic y arrastra en tu imagen para aplicar la gradiente de color a esa porción de la imagen. Los colores del gradiente son los dos colores en tu panel de Herramientas. Cambia esos colores para usarlos en el gradiente, también puedes cambiar el tipo de gradiente con las opciones en la parte superior de la pantalla.

6. Usa las herramientas de mezcla:

    Haz clic y arrastra para efectos más obvios; haz clic repetidamente para       efectos más sutiles.
  • Herramienta de difuminado – Haz clic en el botón y luego en la imagen en el área que quieras difuminar.
  • Herramienta de afilado – Haz clic en el botón, luego haz clic en la imagen para afilar esa área.
  • Herramienta de dedo – Haz clic en el botón, y luego haz clic en la imagen para difuminar esa área. Es buena para suavizar las arrugas.
  • Herramienta de esponja – Haz clic en el botón, y luego haz clic en la imagen para saturar o de-saturar los colores en esa área.
  • Herramienta para aclarar – Haz clic en el botón, y luego en la imagen para aclarar el área.
  • Herramienta para oscurecer – Haz clic en el botón, luego haz clic en la imagen para oscurecer el área.

7. Usa filtros especiales y efectos:
  • Herramienta de Ojos Rojos – Haz clic en el botón, y luego en las partes de los ojos rojos para corregir esas áreas.
  • Herramienta de dibujo – Haz clic en el botón, y luego en la imagen para hacer formas libres.
  • Herramienta de hinchar – Haz clic en el botón, y luego en la imagen para hinchar esa área.
  • Herramienta de succionar – Haz clic en el botón, luego en tu imagen para reducir esa área.

8. Usa herramientas misceláneas.
  • Herramienta de gotero – Haz clic en el botón, y luego haz clic sobre un área de la imagen en la que te guste el color para copiarlo.
  • Herramienta de texto – Haz clic en el botón, y luego haz clic en la imagen para crear un cuadro de texto.
  • Herramienta de mano – Haz clic en el botón y luego en la imagen para moverla.
  • Herramienta de aumento – Haz clic en el botón y luego en la imagen para acercarla.
9. Usa los atajos de las teclas.

Para añadir a la selección actual, mantén presionado Shift y sigue seleccionando.

Para quitarle a la selección actual, mantén presiona Alt y haz los cambios que desees.

Para quitar la selección, presiona CTRL+D.

Para deshacer, presiona CTRL+ Z.

Para volver a hacer, presiona CTRL+Y .

Para eliminar una selección para cortar, presiona ESC.

Related Posts Plugin for WordPress, Blogger...