La Coctelera

The Refuseniks ha vuelto

archivos | contacto | suscríbete

6 Octubre 2008

Publica en La Coctelera desde tu correo electrónico

Como ya casi todos, por no decir todos sabreis, la Coctelera últimamente nos está deleitando con algunas novedades, pues bien esta vez, se han atrevido con la publicación mediante correo-e una funcionalidad realmente útil para quien desee escribir posts desde sus dispositivos móviles, en los que a veces abrir un navegador web es incómodo y lento, o simplemente para los que pueden abrir el correo en el trabajo pero no su blog, jejeje,
Si quieres más información acerca de esto aquí la encontrarás.
Este post es una prueba de dicha novedad, está escrito desde mi correo electrónico, así que espero que sea un éxito la publicación, en breve pasaré por el blog a ver si funciona correctamente, aunque ya he leído comentarios de que va fino fino y además es muy sencillo, el asunto es el título del post, y el cuerpo del mail, es el cuerpo del post.

Sin nada más que decir, un cordial saludo a todos los blogguers desde mi correo-e ;)
_________________________________________________________________
¿Sigue el calor? Consulta MSN El tiempo
http://eltiempo.es.msn.com/

servido por Sir Refusenik 7 comentarios compártelo

28 Septiembre 2008

Retroinformática - El pasado del futuro


Generación Trenty

Dedicado a... Jose a secas
por Generación Trenty y su
aportación al recuerdo y la nostalgia,
de la vida y música de los 80


Aviso de cierres:
Quiero informar que estoy cerrando los blogs que tenía por ahí purulando, así que si te encuentras alguno cerrado que sepas que estaré en este a partir de ahora, con esto quiero decir que estoy recopilando algunos post que me gustaría rescatar y publicar aquí, creo que un buen comienzo sería hablar de La Retroinformática - El pasado del futuro. La fecha superior al título del post es la fecha de publicación, pero la fecha de realización del mismo es la que ves justo bajo esta nota informativa.

Vía Chikitona me entero que hoy 18 de marzo del 2008, el centro comercial L'illa Diagonal en colaboración con la FIB Facultad de Informática de Barcelona de la UPC Universidad Politécnica de Cataluña, recibe la exposición RETROINFORMÁTICA, que presenta una selección con más de 60 reliquias informáticas que han marcado la larga trayectotia de esta facultad. Encontrarás desde calculadoras, o Spectrums, Commodores y Amstrad, hasta los primeros ordenadores portátiles.
Por suerte SiLvY y yo llegamos a tiempo, el último día pero ¡¡ llegamos !!.Si quieres escuchar este slide show con música, haz clic en el icono altavoz ubicado en la parte inferior izquierda, para parar la música clica de nuevo en él.

Había una sala habilitada con varios PC's, desde la cual tenías únicamente acceso a la web de Retroinformática. El pasado del futuro donde podías consultar en la base de datos cualquier tipo de duda acerca de dicha exposición y ver todas las fotografías e historia de cada equipo.

La Sala donde podías consultar la base de datos de la exposición


Parte delantera del folleto de la exposición

Parte trasera del folleto de la exposición

Me gustaría destacar tres imágenes de esta exposición


TRS-80, el ordenador que salvó Metrópolis en el cómic de Superman, algo más tarde en 1983 apareció en la película Juegos de Guerra, así que fue realmente popular en aquella época, debo reconocer que soy un fanático de ese film, no sabría decir las veces que lo he visto, un film de culto en la informática de los 80, si quieres saber más acerca del tema, nuestro amigo Jose a secas... lo amplia gustosamente aquí.


El TRS-80, con el acoplador acústico o módem, tal y como aparecía en la película


Y por último quiero destacar el Amstrad CPC 6128 con 4Mhz y 128KBs de RAM, que hizo furor en 1985, y ¿porqué destacar este y no otro?, pues porque este fue mi primer ordenador y además de que disfruté y aprendí mucho con él, me trae muy buenos recuerdos, recuerdo que por aquel entonces programaba en Basic y me pasaba horas y horas con mi padre poniendo que si LOCATE que si GO TO, uf que tiempos aquellos, hasta juegos nos hacíamos, recuerdo el Cucal que era un estilo comecocos pero con cucarachas y tenías que andar con ojo, para comerte todas las cucarachas en un entramado de laberintos sin pisar las minas repartidas por todas los niveles.


Recuerdo que después sacaron a la venta un aparato del tamaño aproximado de la base del monitor, tipo los descodificadores del Canal Satélite Digital o TDT, que lo conectabas al monitor y podías ver la televisión, se le llamaba Convertidor, yo lo tuve lo que no tengo es ninguna foto, si algún día apareciera alguna, aquí la añadiré.


Aviso para los comentarios:
Todo comentario con lenguaje inapropiado, obsceno, que utilice palabras abusivas o que ofenda al administrador de este blog o a otras personas no será bienvenido, así que por favor, enriquece este post enviando tus comentarios, pero no hagas spam e intenta que sean relevantes con el contenido del mismo, si no es así seran eliminados

servido por Sir Refusenik 16 comentarios compártelo

27 Septiembre 2008

Muerte de una leyenda

Paul Newman

Shaker Heights, Ohio,
26 de enero de 1925

Westport, Connecticut,
26 de septiembre de 2008

Aviso para los comentarios:
Todo comentario con lenguaje inapropiado, obsceno, que utilice palabras abusivas o que ofenda al administrador de este blog o a otras personas no será bienvenido, así que por favor, enriquece este post enviando tus comentarios, pero no hagas spam e intenta que sean relevantes con el contenido del mismo, si no es así seran eliminados

servido por Sir Refusenik 2 comentarios compártelo

27 Septiembre 2008

Feliz 10º aniversario Google

Google fue fundada el 27 de septiembre de 1998 por Larry Page y Sergey Brin (dos estudiantes de doctorado en Ciencias de la Computación de la Universidad de Stanford), desde entonces cada año nos deleitan con una nueva imagen en homenaje a su aniversario, este año, una vez más Google nos complace con una nueva imagen para celebrar su 10º aniversario.

Me gustaría destacar dos de sus proyectos, ofrecidos este año:

  • El navegador Google Chrome
  • El diseño minimalista del navegador Google Chrome permite un uso más rápido, fácil y seguro de la Web, todavía está en versión Beta


  • Proyecto 10100 Ayúdanos a ayudar
  • El Proyecto 10100 es una convocatoria de ideas para cambiar el mundo y ayudar a la mayor cantidad de personas posible

Leer + acerca de Google en la Wikipedia

Aviso para los comentarios:
Todo comentario con lenguaje inapropiado, obsceno, que utilice palabras abusivas o que ofenda al administrador de este blog o a otras personas no será bienvenido, así que por favor, enriquece este post enviando tus comentarios, pero no hagas spam e intenta que sean relevantes con el contenido del mismo, si no es así seran eliminados

servido por Sir Refusenik sin comentarios compártelo

26 Septiembre 2008

Personalizando encabezados con CSS

Cuando queramos modificar cualquier elemento de un blog dándole estilos con CSS lo que debemos hacer siempre es lo siguiente:

  1. Seleccionar el elemento en cuestión
  2. Clic derecho sobre la selección
  3. Ver código fuente seleccionado

Una vez que sepamos de que tipo es el elemento que hemos seleccionado simplemente debemos aplicarle la CSS a dicho elemento.

Aunque esto ya es sabido por casi todos, al igual que la scrollbar, todavía hay gente que me pregunta como se hace, pues bien, para todos ellos y para mi como recordatorio y apunte, en este post hablaremos de ello, casualmente hoy mismo, Silvy, mi novia, me preguntaba como cambiar los iconos de los títulos de la sidebar, pues bien, en este caso son H2, así que dicho esto iré al grano.

Si quieres cambiar la apariencia de cualquier tipo de encabezado del H1 al H6 ambos inclusive, es muy sencillo, solo debes indicarlo en la CSS.

Hay 6 tipos de encabezados, los cuales se utilizan para darle mayor o menor importancia a un texto, siendo H1 el de mayor importancia y H6 el de menor.

Ahora veremos unos ejemplos:

Texto con formato H1

Texto con formato H2

Texto con formato H3

Texto con formato H4

Texto con formato H5
Texto con formato H6

¿Cómo lo he hecho?

 <h1>Texto con formato H1</h1>
 <h2>Texto con formato H2</h2>
 <h3>Texto con formato H3</h3>
 <h4>Texto con formato H4</h4>
 <h5>Texto con formato H5</h5>
 <h6>Texto con formato H6</h6>
 

Estos serían los encabezados por defecto, pero si lo que queremos es un cambio de estilos, lo haríamos de la siguiente manera, supongamos que queremos darle formato a todos los H2, empezaremos con un simple cambio de color.

Texto con formato H2 y coloreado con CSS

¿Cómo lo he hecho?

 <h2 style="color:#f00;">Texto con formato H2</h2>
 

Ahora le pondremos un background o fondo que realmente será el icono que lleva al lado, le pondremos una estrella, pero recuerda que cambiando la url puedes poner la imagen que se te antoje.

Texto con formato H2, coloreado con CSS y con un background

¿Cómo lo he hecho?

 <h2 style="color:#f00; background: url(http://www.lacoctelera.com/plantillas/i/gossipcity/SRH3.png) left no-repeat; padding-left: 20px;">Texto con formato H2</h2>
 

Aunque estos son los estilos CSS integrados en las mismas etiquetas, hay dos formas más limpias de hacerlo y sería así:

 <-- CODIGO HTML -->
 
 <h2>Texto con formato H2</h2>
 
 <-- CODIGO CSS-->
 
 h2 {
      color: #f00;
      background: url(http://www.lacoctelera.com/plantillas/i/gossipcity/SRH3.png) left no-repeat;
      padding-left: 20px;
 }
 

Explicación del código CSS:

  1. Le damos color al texto
  2. Le damos un background o fondo, fijaros que tiene la URL de la imagen y luego un left no-repeat, pues bien, el left posiciona el fondo a la izquierda y el no-repeat le está indicando que no se repita
  3. Por último el padding-left de 20 pixels le está indicando que el texto en este caso el H2 debe posicionarse 20px empezando por la izquierda hacia la derecha, lo que hace que el texto no quede montado encima de la estrella sino, a su derecha

Y la tercera forma de agregar el CSS, sería una hoja de estilos externa, ¿cómo se hace?, aquí tienes la solución.

Avisos para los comentarios:
Todo comentario con lenguaje inapropiado, obsceno, que utilice palabras abusivas o que ofenda al administrador de este blog o a otras personas no será bienvenido, así que por favor, enriquece este post enviando tus comentarios, pero no hagas spam e intenta que sean relevantes con el contenido del mismo, si no es así seran eliminados

Tags: css, h1, h2, h3, h4, h5, h6, html, tecnologia

servido por Sir Refusenik 4 comentarios compártelo

22 Septiembre 2008

Javascript para modificar los textarea

Es muy simple, solo debes copiar este javascript y pegarlo en la barra de dirección, por supuesto de la ventana donde esté el textarea que quieras modificar, por ejemplo yo lo utilizo para el sobre mi, o para crear los post, así puedo trabajar mejor viendo las líneas completas en un textarea mucho más grande.

Justo al final del post os dejo un texarea para que probeis, recordad:

  • Copiar Javascript
  • Pegarlo en la barra de dirección y pulsar enter
  • Llevar el cursor al textarea
  • Cuando este cambie de forma
  • Clicar y arrastrar

Si quieres volver a modificar otro textarea o el mismo, deberás pegar de nuevo el javascript y hacer enter o si aún tienes el javascript en la barra de dirección, clicar en ella y hacer enter.

El textarea será como tu quieras

Avisos para los comentarios:
Todo comentario con lenguaje inapropiado, obsceno, que utilice palabras abusivas o que ofenda al administrador de este blog o a otras personas no será bienvenido, así que por favor, enriquece este post enviando tus comentarios, pero no hagas spam e intenta que sean relevantes con el contenido del mismo, si no es así seran eliminados

servido por Sir Refusenik 8 comentarios compártelo

19 Septiembre 2008

Menú tipo botones que se hunden al pasar el mouse por encima, sin imágenes, solo con CSS

Este menú nos servirá de ejemplo para este post.

¿Cómo lo he hecho?

 <!-- CODIGO CSS -->
 
 <style>
 .buttonscontainer {
      width: 120px;
 }
 .buttons a {
      color: #FFFFFF;
      border: 1px solid;
      background-color: #000099;
      padding: 2px;
      padding-left: 3px;
      font: 13px Arial, sans-serif;
      font-weight: bold;
      text-decoration: none;
      border-color: #0000FF #000066 #000066 #0000FF;
      display: block;
      margin: 0px;
      width: 100%;
      text-align: left;
 }
 .buttons a:hover {
      border: 1px solid;
      padding: 3px 1px 1px 4px;
      background-color: #0000CC;
      border-color: #000066 #0000FF #0000FF #000066;
      color: #99FFFF;
      text-decoration: none;
 }
 </style>
 

Como ves, es bien sencillo

 <!-- CODIGO HTML -->
 <div class="buttonscontainer">
 <div class="buttons">
 <a href="http://www.espacioblog.com/davitociber/posts/archive">Archivos</a><a href="http://www.espacioblog.com/davitociber/contacto">Contacto</a><a href="http://www.espacioblog.com/davitociber/feeds">Suscríbete</a>
 </div>
 </div>
 

Avisos para los comentarios:
Todo comentario con lenguaje inapropiado, obsceno, que utilice palabras abusivas o que ofenda al administrador de este blog o a otras personas no será bienvenido, así que por favor, enriquece este post enviando tus comentarios, pero no hagas spam e intenta que sean relevantes con el contenido del mismo, si no es así seran eliminados

Tags: css, html, menu, tecnologia

servido por Sir Refusenik 8 comentarios compártelo

17 Septiembre 2008

Pon un iPod en tu bicicleta y con la música a otra parte

Atención a todos los amantes del mundo de dos ruedas sin motor, ya que con el iBikeConsole, un aparato compuesto por la pieza que sujeta el iPod y dos mandos de operaciones (volumen, control de pistas, etc), ya puedes tener tu propio equipo musical portátil para llevarlo en la bicicleta.

Es muy seguro para el iPod y sirve para cualquier tipo de bicicleta. Funciona con la propia batería del iPod y sus controles pueden ser utilizados con guantes. Además, el aparato convierte al iPod en un completo cuentakilómetros, por lo que podrás ver la velocidad y la distancia en la pantalla del iPod a la vez que escuchas música.

Indispensable si usas mucho la bicicleta.

Vui dedicar aquest post a Jaume ;)

Vía No puedo creer que lo hayan inventado

Avisos para los comentarios:
Todo comentario con lenguaje inapropiado, obsceno, que utilice palabras abusivas o que ofenda al administrador de este blog o a otras personas no será bienvenido, así que por favor, enriquece este post enviando tus comentarios, pero no hagas spam e intenta que sean relevantes con el contenido del mismo, si no es así seran eliminados

servido por Sir Refusenik 4 comentarios compártelo


Sobre mí

Avatar de Sir Refusenik

The Refuseniks ha vuelto

Barcelona, España
ver perfil »
contacto »

Estado de ánimo del blog


My Flower

Colaboro con...




I'm vueling to Ibiza


Estadísticas


Usuarios en línea hit counters

Lectores agregados al feed
Technorati ProfileAdd to Technorati Favorites

Actividad Real



Licencia


Creative Commons License
Este blog está bajo una licencia de Creative Commons y su nº de serie en internet o IBSN es
IBSN: Internet Blog Serial Number 01-05-12-2006

Feed Oficial


Foto Feed



¿Te gusta The Refuseniks?


Recomendar Web

Contacto


Administración

Lo+leído

Tags y post relacionados


Clica en un tag y verás in situ los post relacionados con esa etiqueta

Fotos

Sir Refusenik todavía no ha subido ninguna foto.

¡Anímale a hacerlo!

Buscar

suscríbete

Selecciona el agregador que utilices para suscribirte a este blog (también puedes obtener la URL de los feeds):

¿Qué es esto?

Crea tu blog gratis en La Coctelera