Ver entrada completa. Modificar el diseño del blog: Propiedades y valores

Las propiedades y valores corresponden al CSS de la plantilla.

Para entender un poco más, es necesario leer la entrada anterior.

CSS, siglas de "Cascade Style Sheet", son un conjunto de instrucciones que definen la apariencia de diversos elementos de un documento HTML.

Todas las propiedades necesitan un valor.

En CSS, las declaraciones son así: "propiedad : valor" y están separadas por un punto y coma.

propiedad : valor;
propiedad : valor;

No es necesario que estén en otra línea, pueden estar en una misma línea.

propiedad : valor; propiedad : valor;

Las propiedades y valores son lo que le dan un estilo visual a una estructura.

Puede ser aplicado a un elemento, el cual establecerá el estilo visual de dicho elemento.

En este caso va todo encerrado entre los signos { y }.

Ejemplo:

Ver entrada completa. Modificar el diseño del blog: Algo para entenderlo un poco más

Ya en otras entradas anterior vimos que son los: Elementos span y div y Diferencias entre Class e ID Si no lo vistes, es importante que lo hagas para entender un poco mas los estilos CSS de una página o blog. Podemos modificar el diseño de nuestro blog, no solo desde el Diseñador de plantillas, también lo podemos hacer manualmente desde...

Continuar leyendo »

Ver entrada completa. Diferencias entre Class e ID

Leer también Elementos span y div. La principal diferencia entre utilizar un identificador o una clase para definir un estilo es que mediante un ID estamos identificando algún elemento de la página de forma única y por tanto sólo lo podemos utilizarlo con ese elemento. Esto se suele hacer porque luego posiblemente querremos realizar alguna...

Continuar leyendo »

Ver entrada completa. Entradas reducidas: Cambiar el tamaño de las thumbnail

Si ya tenemos una plantilla con entradas reducidas: (1), (2) y (3). Vemos las imágenes en  thumbnail. Según las tengamos configuradas en el script, las imágenes se muestran con un tamaño menor al que se muestran al abrir la entrada. img_thumb_height = 125;img_thumb_width = 125; Con esa configuración se mostrarán de 125x125 px, aunque...

Continuar leyendo »

Ver entrada completa. Mostrar los datos y la descripción de los vídeos de YouTube

Con este código se puede mostrar en una entrada los datos de un vídeo que ha sido subido en YouTube. El título, quien lo subió, la fecha de publicado, la duración, la cantidad de reproducciones, las estadísticas y la descripción. Tiene un enlace para ir a verlo en la página de YouTube, y una imagen en miniatura del vídeo. La imagen se...

Continuar leyendo »

Ver entrada completa. Día de la Tierra

El Día de la Tierra es un día festivo celebrado en muchos países el 22 de abril. Su promotor, el senador estadounidense Gaylord Nelson, instauró este día para crear una conciencia común a los problemas de la superpoblación, la producción de contaminación, la conservación de la biodiversidad y otras preocupaciones ambientales para proteger...

Continuar leyendo »

Ver entrada completa. Abrir varias páginas al hacer clic en un solo enlace

Ya vimos en otra entrada como: Abrir 2 ventanas emergentes pop-up Hoy les voy a dar el código para poder abrir varias páginas en un solo enlace. Forma 1: Con función. <script language="javascript"> function abrir2paginas(){ window.open('http://URL.....1...', '_blank');window.open('http://URL.....2...', '_blank');// Acá ponemos...

Continuar leyendo »

Ver entrada completa. Hotel en China de 15 pisos construido en solo 48 horas

El nuevo Ark Hotel de quince plantas ha sido levantado en menos de dos días. En algo más de 46 horas y media, ha sido alzada la estructura de las plantas, aunque para la fachada se ha necesitado casi el doble de tiempo; cerca de cuatro días para revestir el edificio al completo. Es resistente a terremotos, usaron 6 veces menos cantidad...

Continuar leyendo »

Ver entrada completa. Slideshow de entradas Blogger con imágenes, sin librerías

Ver blog de ejemplo: Probado en Internet Explorer 7, 8 y 9, Firefox y chrome. Ir a Diseño, Elementos de la página y añadir un gadget HTML/Javascript en el lugar a mostrarlo. Poner el siguiente código: <style type="text/css"> /* PERSONALIZAMOS EL ESTILO ----------- --------  SLIDESHOW DE ENTRADAS */       ...

Continuar leyendo »

Ver entrada completa. Dejar de utilizar Internet Explorer 6

Es una imagen un poco vieja, ya que vamos por Internet Explorer 8 y 9.Microsoft pide dejar de usar Internet Explorer 6 La empresa asegura que se trata de un navegador que ya no responde a los estándares modernos de la web. ¿Qué más hay detrás de la decisión? Microsoft se está preparando para descontinuar su navegador Internet Explorer...

Continuar leyendo »

Ver entrada completa. Subir imágenes a Blogger

Vamos a utilizar a Blogger como servidor de imágenes y así poder usarlas en cualquier otra parte del blog que no sea una entrada, como por ejemplo un gadget HTML/Javascript. ¿Cómo se hace...? Hay que crear una Nueva entrada. Le ponemos un nombre para identificarla. Ejemplo: Imágenes. Desde Edición de HTML o desde Redactar subimos nuestra...

Continuar leyendo »

Ver entrada completa. La ciudad 2.0

Ciudad 2.0 es dibujado por María Picassó Muestra qué serían algunos de los servicios 2.0 más influyentes si estuvieran en el mundo real. Facebook, un gigante en forma de rascacielos lleno de salas. Twitter, un bar donde conversar de todo. Meneame, otro tipo de expreción. Bitacoras,un quiosco en el que puedes encontrar de todo y con las...

Continuar leyendo »

Ver entrada completa. Solución al problema con los enlaces de navegación en Blogger

El error se encuentra cuando navegamos por Entradas Antiguas o Entradas Recientes, la URL en la barra de direcciones del navegador, aunque vayamos pasando de página en página, seguirá siendo siempre: http://NOMBRE DEL BLOG.blogspot.com/. Aunque estemos, Ej: en la página nº5, en la barra de direcciones del navegador, veremos como si estuvieramos...

Continuar leyendo »

Ver entrada completa. Instalar fuentes o fonts en windows

Me pregunta José por correo como instalar las fuentes que descargó en su computadora para poderlas usar en programas como Word o Photoshop. Como no me dijo que sistema operativo tiene instalado, dejo cómo hacer en los tres que conozco. En Windows XP: La forma es muy sencilla, solo tenemos que abrir el disco local (C:), abrimos la carpeta...

Continuar leyendo »

Ver entrada completa. Diferencias entre una foto con flash y sin flash

¿Hay diferencias entre una foto con flash y sin flash? Van a ver como se aprecia la diferencia entre dos fotos, la primera sin flash, y la segunda con flash, y la verdad, son bastante distintas entre sí. Fuente: ... ¡¡Si estas viendo esto!!, es porque la entrada no contiene texto, puede contener solo imágenes o un vídeo. Da clic sobre "Continuar...

Continuar leyendo »

Ver entrada completa. AsciiNickBuilder 1.0.4

AsciiNickBuilder es una fantástica aplicación para adornar tus nicks o frases que pones para visualizar en tu sesión de MSN Messenger y Windows Live Messenger al puro estilo ASCII (también puedes utilizarlo para adornar los nicks del programa mIRC, Yahoo! Messenger o para lo que se te ocurra). Posee una interfaz muy amigable y 2 tipos de...

Continuar leyendo »

Ver entrada completa. Escultura en la punta de un lápiz

A mi siempre me gustaron las manualidades y esto me recuerda mi infancia cuando en la escuela todos mis lapices tenían un tallado, pero sobre la madera. Estas esculturas me han dejado impactado. Por supuesto que tome un lápiz, una trincheta, he intente hacer una escultura. Que difícil!!! mejor no muestro el resultado porque de un lápiz de...

Continuar leyendo »

Ver entrada completa. Slideshow con efecto fade en Javascript

Ir a Diseño, Elementos de la página y añadir un gadget HTML/Javascript. Poner el siguiente código: <script src="http://dl.dropbox.com/u/19457418/jsvku/fadeslideshowvku.js" type="text/javascript"> </script><center><script type="text/javascript"> // http://loseasi.blogspot.com/ //<![CDATA[ var fadeimages=new Array() //fadeimages[#]=['Imagen',...

Continuar leyendo »

Ver entrada completa. Slideshow sencillo en Javascript

Ir a Diseño, Elementos de la página y añadir un gadget HTML/Javascript. Poner el siguiente código: <div id="cambiaimg-vku" style="text-align: center;"></div> <script type="text/javascript"> //<![CDATA[ var cont = 0; var arr = [ ["http://loseasi.blogspot.com/", "http://URL IMAGEN 1/como-se-hace-lo-se-asi-cabezera.png"],    ...

Continuar leyendo »

Ver entrada completa. Guía SEO disponible en más de diez idiomas - Español incluido

Google anuncia que la última versión de la "Guía para principiantes sobre optimización para motores de búsqueda" está ya disponible en diez nuevos idiomas: español, francés, alemán, ruso, turco, finlandés, sueco, húngaro, chino tradicional y chino simplificado. En ésta nueva entrega, han revisado y actualizado el contenido existente, además...

Continuar leyendo »