Buscar este blog

Mostrando entradas con la etiqueta html. Mostrar todas las entradas
Mostrando entradas con la etiqueta html. Mostrar todas las entradas

28 de marzo de 2007

Como poner tablas en tu blog

Aquí tenéis otros códigos para colocar tablas en el blog, para que podáis encuadrar algunas entradas o colocar un texto junto a una foto a la misma altura. Espero que os sean de utilidad para poner bien bonitos vuestros blogs y también para mejorar el diseño de algunas entradas, facilitando al lector su tarea.

Tabla con dos columnas
Ejemplo
Columna 1Columna 2

Código
<table border=0><td>Columna 1</td><td>Columna 2</td></table>

___________________________________
Tabla con tres columnas
Ejemplo de cómo quedaría
Columna 1Columna 2Columa 3

Código
<table border=0><td>Columna 1</td><td>Columna 2</td><td>Columa 3</td></table>

_________________________________________________
Tabla con el fondo de color, en este caso rojo
Ejemplo
Aqui va el texto dentro de tu tabla

Código
<table border=0 bordercolor="white" bgcolor="black"><td><fontcolor="white">Aqui va el texto dentro de tu tabla</font></td></table>

________________________________________________
Tabla con tres columnas separadas a la mitad
Ejemplo
Columna 1Columna 2Columna 3
Casilla bajo columna1Casilla bajo columna 2Casilla bajo columna 3

Código

<table border=0><td>Columna 1</td><td>Columna 2</td><td>Columna 3</td><tr><td>Casilla bajo columna1<td>Casilla bajo columna 2<td>Casilla bajo columna
3</td></table>

"Table border" ó Borde de tabla, es lo que está alrededor de nuestra tabla.
"Bordercolor" ó Color de borde que deseamos alrededor de nuestra tabla (Borde de tabla).
"Bgcolor" ó Background color ó Color de Fondo de nuestra tabla.
"Fontcolor" ó Color de fuente para nuestra tabla.
Obviamente cambiando algunos de estos parámetros cambiaremos el borde de la tabla, el tamaño del borde, el color, etc.
El texto lo debemos poner donde dice columna 1, columna 2, etc. dentro del código y cuidando de no cambiar ninguno de los símbolos que aparecen en él.
Ahora ya sólo queda probar cómo funciona, atenciión con los cambios de formato una vez pegados los códigos, suelen dar problemas con la alineación del texto y el color.; por tanto lo mejor es que trastees un rato y compruebes como funcionan las tablas.

17 de marzo de 2007

Códigos para pegar o insertar flash en blog

Est código es el que últimamente utilizo para subir los flash al blog. Lo descubrí en la página de Finrod Elendil y hasta ese momento utilizaba otro, que tenéis más abajo, pero me daba problemas a la hora de publicar el flash, me decía que no cerraba el div, así que me puse a buscar y encontré el de este amigo de Chile, quien por cierto se lo ha currado el solito... a tus pies. Ahora sólo me queda preguntarle como consiguió meter el código sin que blogger lo interpretara como html.

el código que utilizo ahora ( el del amigo chileno Finrod Elendil) es el siguiente:

<code>
<object data="direccion_de_tu_animacion.swf"
type="application/x-shockwave-flash" height="120" width="300">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="movie" value="direccion_de_tu_animacion.swf">
</object>
</code>
_______________________________________________

Este es el código que utilizaba antiguamente, antes de descubir el de arriba, puedes probar con uno u otro, y ver cuál es el que menos problemas te da. En todo caso seguro que a partir de ahora tu blog ganará con los archivos de este tipo.


</div align="center"><embed src="http://www.SITIO-DONDE-ALOJAS-ARCHIVOS/ARCHIVO-FLASH.swf" type="application/x-shockwave-flash" width="400" height="300"></embed></div>

Espero que os sea útil para subir esos archivos .swf que tenéis por ahí.