Archivo

Archivo para la categoría ‘Español’

CSS Centra un elemento en mero centro de la pantalla

Martes, 12 de febrero de 2013

Necesitas conocer las medidas del elemento, pero pueden ser pixeles, em porcentaje, palitos, piezas de lego… detrás un poquito de matemáticas…

No necesitas, Java, ni jquery no nada de eso… larga vida al rock y al CSS

 

 

 

 

el CSS:

// Reemplaza <strong>X</strong> y <strong>Z</strong> con un numero y "<strong>u</strong>" con un tipo de unidad. Haz un poquito de matemática simple, y remueve los paréntesis
.div_centrado {
   width: Xu;
   height: Zu;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -(X/2)u;
   margin-top: -(Z/2)u;
}

Por ejemplo: Centrar un DIV
(mantén números pares para que sea mas fácil calcular)


.div_centrado {
   width: 30%;
   height: 26%;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -15%;   // Presta atencion al signo negativo!!!
   margin-top: -13%;   // Presta atencion al signo negativo!!!
}

Ya esta, en el mero centro de la mitad del medio….


Author: Categories: Español Tags:

CSS Hack para Roundcube (mejor uso del espacio en pantalla)

Lunes, 4 de febrero de 2013

RoundCube es un buen cliente de Webmail, pero el diseño de la “Skin” por defecto deja mucho que desear, el gris es triston, pero eso no es tan malo.

Algo que me tenia harto era que el espacio superior de la pagina estaba muy mal utilizado. En esta epoca en la que las pantallas miden un kilometro de ancho por 1 centimetro de alto es inaceptable utilizar 350 Pixeles de altura para mostrar un logo y 4 botones, al principio trate de de mover los botones a una barra vertical pero esto no funciono.

Al re-dimensionar la pagina se volvía un desastre y la barra cambia según la vista. Así que abandone esa opción por algo mas sencillo.

Roundcube - Css - Hack

Roundcube - Css - Hack

Para lograrlo hay que modificar 2 archivos CSS, el mail.css y el common.css, solo se tocan 3 declaraciones.

Con ello obtienes:

  1. Darle 1x1px al logo y hacerlo desaparecer.
  2. Mover los campos de búsqueda a la parte donde estaba el logo
  3. Ponerle una propiedad hover a la barra de botones de email (responder, reenviar Etc.)
  4. también reduje el margen inferior que no se utiliza para nada 

Con esto ganas 240 pixels de altura. lo cuales importante por ejemplo en un Netbook o un tablet con una resolución de 1024*600px

Como hacerlo:

Listo!


Author: Categories: Español Tags:

Como pedir ayuda a un “Geek” y obtenerla

Domingo, 3 de febrero de 2013

Los Geek son el nuevo Cool en este milenio de tecnologías de información, son seres extraños que viven de Pizza y Coca-cola, no se parecen en nada a los Nerds de las películas de los ochenta, (bueno un poquito a “Bugger”) y hablan un lenguaje extraño que solo ellos son capaces de entender.

“¿A tratado de encenderla y apagarla?”

Hay variantes de Geek; tatuados, rockeros, híper-nerd, pero todos hablan ese lenguaje.
Están a cargo de la mayoría de servicios de cosas de tecnología de información y lamentablemente para ti, un usuario que está tratando de obtener su ayuda, si no eres capaz de hablar aunque sea un poquito de su idioma serás recibido con un “Grunt“… o un “¿A tratado de encenderla y apagarla?”   y si están de buen humor puede que te respondan: “Google es tu AMIGO”.

 

Claro tú sigues perdido y tratas de explicarte… y eso solo logra ponerlos de peor humor.
A continuación te damos algunos lineamientos para que eso no te pase:

1 .- Trata de ponerte en su lugar.

    • Un geek pasa el día mirando código verde como hacia el operador de la Matriz en la película, por lo que para responderte deben salir de ese mundo para escuchar lo que un ser humano tiene que decirle.

2.- Explica tu problema de manera concisa y sencilla. 

    • Esto quiere decir Explica el problema, no lo que estabas haciendo ni el porqué… Si logras abrir un canal de comunicación y el qué y el porqué son importantes el geek te preguntara…

3.- ¡ANOTA! Todo mensaje de error, y lo que hiciste para que apareciera (mejor aun, una captura de la pantalla dice más que mil palabras)

    • Nada altera mas a un geek que escuchar: Hice click allí y salió un no-se-que que decía no-se-que-mas… al escuchar esto el geek te dirá con toda seguridad que “Google es tu amigo”.

4.- Antes de preguntarle al geek, reintenta.

    • Trata de nuevo, si recibes el mismo error, trata de nuevo por tercera vez, anotando cada paso de lo que hiciste para lograr el error. Esto le dará al geek una información muy importante: por un lado sabrá decirte si el error (como en el 90% de los casos) viene del usuario o si es un problema en el sistema, y aun mas importante, que es un error REPRODUCIBLE. En ambos casos eso es carnada de Geeks, pues o se ponen a investigar el problema y ser los primeros en encontrar una solución,  o te explican que en el paso 3 debiste hacer tal y tal cosa en vez de hacer… o que te falto el paso 3.01 entre el 3 y el 4…

“Google es tu amigo”

En conclusión:

Para obtener ayuda es necesario proporcionar:

    • Información apropiada
    • Relacionada con el problema
    • Clara, precisa y técnica.

Un ejemplo:

Usuario: Buenos días.

  • Sabes, trate de seguir los pasos que muestran en el post: Blabla, de tal-sitio-punto-com.
  • Pero al hacer el paso 1 y hacer click en propiedades, el ordenador se bloqueo y luego de unos segundos apareció el siguiente mensaje: “Windows es un sistema operativo mal hecho, lamentablemente; Linux no es amigable y Mac es muy restrictivo. Desea enviar información sobre el error?”
  • Le tome una foto a la pantalla con mi teléfono, mira (Aquí sacas el teléfono y le muestras la foto)
  • Busque el mensaje de error en Google pero no entendí las respuestas, y continuo teniendo el primer problema.
  • Reinicié el equipo y volví a intentar, pero ocurrió lo mismo,  al hacer click volvió a aparecer el mensaje de error.

Geek: Ummm… (Aquí el pobre esta desarmado, sus respuestas prefabricadas han sido intentadas y el usuario parece conocer los principios básicos de resolución de problemas “apagar y encender, dándole una patada al ordenador”, no le queda otra opción que levantarse e ir a mirar contigo.)


Author: Categories: Español Tags:

WordPress Frontpage slide show plugin

Sábado, 2 de febrero de 2013

I did not made this plugin, however the author removed it from WordPress and I still had a copy.

In line 588 the plugin called his website to generate an ID

I commented this line and hardcoded a *Fake ID*, this makes it run faster (No external calls) and removes a error that was appearing on the admin area.

Also this “call home” behavior  seems to be a bad practice

If you need help you can always try leaving a message here.

Line 588 commented (hardcoded value added to remove the error):

/*$req = file_get_contents('https://www.modulaweb.fr/wp-plugins-support/?args='.urlencode(json_encode($args)));
 $req = json_decode($req, true);*/
 $rec['ID'] = 76567674;
 $plugin_ID = $req['ID'];

You can see the plugin at work on the main page of the site: http://rockdio.org/ayudatech/
or in the main site: http://rockdio.org

Download here: http://rockdio.org/frontpage-slideshow.zip

To install just download, unzip and copy to your /wp-content/plugins folder.


Author: Categories: Español Tags:

Area de edicion de WordPress 3.5 muy larga (mas de 500 lineas) Solucion

Miércoles, 26 de diciembre de 2012

Por alguna razon despues de actualizar a 3.5 el area de edicion del blog se convirtio en un campo de texto que se extendia haca abajo en el navegador, mas de 500 lineas, pense que era el tema, la plantilla… cambie todo y no pude solucionarlo.

 

Revisando los archivos de wordpress encontre esto:

Edite: /wp-includes/class-wp-editor.php

Busque este codigo  (Linea 72)

if ( $set['editor_height'] < 50 )
$set['editor_height'] = 50;

Las lineas 72 y 75 deben decir algo asi:

elseif ( $set['editor_height'] > 5000 )
$set['editor_height'] = 5000;

Cambielo a:

elseif ( $set['editor_height'] > 500 )
$set['editor_height'] = 500;

Listo, editor con tamaño decente.


Author: Categories: Español Tags:

Formato condicional en Excel (resaltar Valores repetidos y Colorear alternativamente filas)

Miércoles, 1 de febrero de 2012

Dos cosas que he pasado mucho tiempo buscado como hacer y que simplifican la vida cuando se utiliza Excel en modo Hardcore son:

 

Colorear automaticamente las filas en forma alterna.

Para lograrlo:

  1. Seleccionamos las filas que queremos colorear
  2. Creamos un formato condicional usando una formula: =mod(row(),2)=1
  3.  Seleccionamos el color y el formato en general y aceptamos

 

Resaltar valores repetidos en celdas distintas.

 

Para lograrlo:

  1. Seleccionamos una de las celdas que queremos evaluar si esta repetida
  2. Creamos un formato condicional usando una formula: =COUNTIF(A:A,A2)>1
    (Reemplazando A:A con el rango de caldas que quermos evaluar y A2 con la celda actual*)
  3.  Seleccionamos el color y el formato en general y aceptamos
  4. Finalmente para repetir en todas las celdas que queremos evaluar, copiamos el contenido de la celda con el formato condicional
  5. Seleccionamos todas las celdas a evaluar por valores repetidos, y aplicamos Pegar Especial: formato

 

“por ejemplo usando la imagen como referencia, tenemos la celda C5 seleccionada, y queremos evaluar las columnas B y C, entonces la formula seria:   =COUNTIF(B:C,C5>1)

 


Author: Categories: Español Tags:

Comandos Utiles en linux / Useful linux commands

Lunes, 30 de enero de 2012

A veces se pasan horas buscando como hacer en Linux, la consola es muy poderosa y casi todo se puede hacer en masa… hay que tener cuidado pero todo es posible; A continuacion una lista de comandos que han sido utiles.
Leer más…


Author: Categories: Español Tags:

Carpetas abren muy lento en el explorador de Windows 7 (La solucion en 4 pasos)

Martes, 24 de enero de 2012

Estamos convencidos de que Windows 7 tiene mas defectos que virtudes pero seguimos usandolo.

Carpeta lenta

El problema es que a veces se pone estúpido  por ejemplo nunca te ha pasado que abres una carpeta tarda y muuuchisimo tiempo en mostrarte el contenido?

Esto pasa particularmente en la carpeta Mis Documentos, en Mi Música y en la carpeta de descargas.

La razón es que estas carpetas por defecto tienen activado el modo personalizado para Música o Documentos y ambos son victimas de un BUG de windows y son re-indexados constantemente poniendo tu maquina leeentisima!

Esto lo descubrimos luego de mucha investigación  fastidio y maldiciones a Bill Gates y a su raza. (Pero eso es parte de otro articulo) lo bueno es que la solución es fácil y al alcance de la mano de todos. Leer más…


Como maximizar el espacio en tu IPOD conservando la calidad de audio en tu biblioteca en 4 pasos

Martes, 24 de enero de 2012

Llega un momento donde tu biblioteca ITUNES es mas grande que la capacidad de tu IPOD, sea por que tus canciones estan codificadas a muy altos bitrates, or por que tu IPOD es mas pequeño de lo que necesitas (Caso todo aquel que no tiene un IPOD Classic)

Itunes tiene una opcion que te permite recodificar la musica que va al IPOD en un formato mas bajo sin tocar la musica en tu biblioteca.

Evidentemente esto se traduce en una ligera perdida de calidad de audio en tu IPOD, (Pero seamos honestos en tus audifonos eso es imperceptible) especialmente si tu musica esta codificada en un formato como el MP3 que pierde calidad de por si …como hacer una fotocopia de una fotocopia… :(

Instrucciones en ITUNES

Pero vale la pena intentarlo pues la ganancia en espacio es importante, Ej: una biblioteca de 200Gb termino entrando en un IPOD classic de 160Gb y los unicos tracks que perdieron calidad fueron los que ya estaban codificados en MP3 a menos de 120Kbps.

Para esto utilizamos la conversion al momento de sincronizar; esto convertira el audio que se transfiere al IPOD en formato AAC+ HE 128kbps.
Necesitas: Leer más…