Marquesina

Este blog lo he creado para ir guardando los trucos que voy encontrando aqui y alla, los pongo en práctica y mientras voy aprendiendo en el camino, estoy escribiendo este blog, en realidad este blog es personal, pero eres bienvenido, si tienes comentarios o cosas que enseñar o más trucos para aplicarlos en blogger.

lunes, 3 de enero de 2011

Para diseñar cuadros de texto o pequeñas pantallas con texto en movimiento, se usa el siguiente código HTML:

<table width="100" border="1"><tbody><tr><td><marquee scrollamount="2" direction="up" height="50"><span>Cuadro o pequeña pantalla con un texto desplazandose hacia arriba, hacia abajo o de derecha a izquierda. se puede modificar color, dirección, etc. </span></marquee></td></tr></tbody></table>

Se deben modificar los parámetros en azul para obtener diferentes resultados,
para el parámetro direction= 
"up" hacia arriba, "down" hacia abajo, "left" de derecha a izquierda, "right" de izquierda a derecha

Las pequeñas pantallas pueden quedar así:

Pequeña pantalla con un texto incluido desplazandose hacia la izquierda.Se puede modificar color, dirección, etc.

Codigo para pantallas con texto en movimiento, puede desplazarse hacia ariba, hacia abajo, de derecha a izquierda, a mayor velocidad, prueba el tamaño del cuadro

Pequeña pantalla con un texto incluido hacia arriba.Intentar modificar color, dirección, etc.

Pequeña pantalla con un texto incluido hacia abajo, aunque dificil de leer y entender. Se puede modificar color, dirección, velocidad
Para insertar una ventana con otra página web en el blog

Se pega el siguiente código en la entrada:

<iframe src="AQUÍLADIRECCIÓNQUEQUIERAS"></iframe>

donde se debe sustituir   "AQUÍLADIRECCIÓNQUEQUIERAS" por la dirección deseada

el resultado se vera así

El HTML Hecho Realmente Fácil

Esta pagina http://www.jmarshall.com/easy/html/spanish/#toc es un turorial de HTML, muy util para aprender acerca del metodo para hacer paginas web, sin duda ahi existen datos utiles que se pueden usar en tu blog.

Cama de pruebas HTML

Esta no es una pagina es en realidad un pequeño laboratorio de pruebas de código HTML, donde en un marco escribes un código html y al dar clic en el botón "DISPLAY", se podrá ver el resultado en otro marco de la misma página o existe la opción de observara el resultado en otra página.

http://www.jmarshall.com/easy/html/spanish/f_testbed.html

jueves, 23 de diciembre de 2010

El manual oficial de PHP

Existen muchos blogs y muchas paginas donde explican como usar PHP, algunas sinseramente muy buenas, otras no tanto, pero, para no andar divagando, porque mejor no irse a la fuente principal, es decir a la web oficial de PHP, donde podemos encontrar un manual muy completo de PHP, expuesto por los mismos desarrolladores, quien más que ellos para enseñarnos a usar PHP?

El link es el siguiente:
http://www.php.net/manual/es/

miércoles, 1 de diciembre de 2010

Barra de noticias para Blogger

Es posible colocar una barra de noticas en el blog, para esto sirve entrar a Google News, donde se puede configurar la barra de noticias que se desea, escoger el tipo de noticias y los intereses peronales. Una vez configurada la barra se da click, en la opciòn Show Code, donde aparecera el codigo, el cual se deberà copiar y pegar en el blog. dentro del diseño de platilla o añadir a traves de la sesión de gadgets, seleccionando la opciòn HTML/Javascript.

Quitar Navbar de blogger

Para quitar la barra de blogger, que te permite  avanzar hacia otros blogs, hay dos alternativas, una es quitar definitivamente la barra y la otra es ocultarla y esta aparecera cuando el cursor del raton pase por encima de ella.

La forma para quitarla totalmente es la siguiente:

1.- Dentro del blog, seleccionar la pestaña "Diseño"
2.- En la pestaña Diseño seleccionar la opción "Edición de HTML"
3.-Dentro del texto en HTML buscar la etiqueta  <head>.
4.-Copiar el siguiente codigo y pegarlo abajo de la etiqueta <head>:

<style type='text/css'>
#navbar-iframe{
height: 0px;
visibility: hidden;
display: none;
}
</style>

La forma para ocultarla y que aparezca al pasar el cursor por ensima es la siguiente:
1.- Dentro del blog, seleccionar la pestaña "Diseño"
2.- En la pestaña Diseño seleccionar la opción "Edición de HTML"
2.- Buscar el fragmento de código body{.
3.- Insertar el siguiente fragmento de código justamente encima:
 
#navbar-iframe {
opacity:0.0;
filter:alpha(Opacity=0)
}
#navbar-iframe:hover {
opacity:1.0;
filter:alpha(Opacity=100,FinishedOpacity=100)
}