Archivo para Marzo
Dreamhost lo ha vuelto a hacer, el sitio ha estado caído desde las 6:00 de la mañana hasta las 12:00 del mediodía (hora española), el tema ya me esta empezando a cansar…
Después de un periodo de descanso en semana santa, necesario para desconectar un poco y otro periodo de descanso forzoso debido al mal funcionamiento del hosting de Dreamhost, proseguimos con el blog, el cual había dejado un poco abandonado.
Escribiendo el articulo de MySQL se me ocurrió dar un estilo a los comandos que vaya insertando, creando un div que simule una consola de Microsoft, el típico CMD.
En un principio iba a usar una imagen capturada de la consola directamente, pero esta solución no me acababa de convencer, ya que no se podria copiar y pegar texto y ademas para Google, el texto de las imagenes es como si no existiese.
Realmente es una tontería, se me ocurrió una tarde que estaba aburrido y decidí escribir un articulo sobre esto.
La idea es usar un div con un pre dentro para introducir el texto preformateado.
Estas son las normas css que he usado :
-
-
.cmdWin {
-
background:url(images/cabecera.png) 2px 2px;
-
#background-position: 5px 5px; /* Solo para IE */
-
background-repeat: no-repeat;
-
background-color:#08246B;
-
color:#EFEFEF;
-
padding:0px;
-
padding-top:7px;
-
#padding-top:19px; /* Solo para IE */
-
border: 4px #CFCFCF ridge;
-
}
-
.cmdWin pre , code{
-
font:monospace, Andale Mono, Lucida Console, Monaco, fixed ;
-
font-weight:bold;
-
background:black;
-
margin-bottom:0px;
-
padding:1px;
-
overflow:scroll;
-
height:400px;
-
}
-
.cmdWin pre span.cursor {
-
text-decoration:blink;
-
}
-
He usado un hack css , usando el carácter #, dado que Internet explorar y firefox interpretan el padding de forma distinta.
Para la cabecera del div he usado esta imagen:
También he creado una clase con nombre cursor para hacer parpadear el cursor.
Este el código html necesario para mostrar la línea de comandos.
<div class=“cmdWin”><pre> Microsoft Windows XP [Versión 5.1.2600] (C) Copyright 1985-2001 Microsoft Corp.C:\Documents and Settings\felisa><span class=“cursor”>_</span></pre></div>
Y este es el resultado:
Microsoft Windows XP [Versión 5.1.2600]
(C) Copyright 1985-2001 Microsoft Corp.
C:\Documents and Settings\felisa>_
Como ves, no es algo necesario, pero sirve para romper con la monotonía de la página a la hora de escribir código.
Estoy experimentando muchos problemas con el alojamiento web que me ofrece Dreamhost, la verdad es que estoy bastante descontento.
Ayer día 26 de marzo la web no estuvo operativa desde las 18.00 hora española hasta las 2:15, hora a la que estoy escribiendo este articulo.
Además me han dejado de funcionar todos los servicios de correo electrónico y tampoco accedía al panel. La velocidad de carga de la página es muy lenta, y no debe de ser problema de optimización, ya que uso wp-cache y pocas imagen es en la web, debe de ser un problema de la masificación de sus servidores.
Realmente me estoy planteando cambiar de servidor.
Un saludo
Vía Ajaxian me entero de que google acaba de sacar otro API, llamado Google AJAX Translation API, con el cual podemos traducir textos con javascript y también detectar en que lenguaje esta escrito un texto…
Hoy he descubierto Tablosign vía Xybernetycos, se trata de un blog de diseño al estilo twiter (microblog) donde participan varios diseñadores y van poniendo pequeñas anotaciones, trucos, recursos, lo que sea…Parece interesante…
