domingo, 29 de mayo de 2011

Flecha ir arriba.

0 comentarios, Publicado por Abraham en 2:07:00 p. m. ,
Lo que voy a tratar hoy es cómo poner una flecha a la derecha de la página para poder ir arriba como está en este blog. Muy Útil cuando tienes muchos comentarios o para desplazarte en tu blog.

Lo que aremos será poner el siguiente código antes de  </body>
  1. Vamos a diseño---> Edición html---> Ctrl + F
  2. Buscamos </body> y justo antes pondremos el siguiente código:
  <a href='#'><img border='0' src='Url de tu imágen' style='position: fixed; bottom: 0; right: 0;'/></a>

Etiquetas:

sábado, 28 de mayo de 2011

Que el mause tire estrellitas

0 comentarios, Publicado por Abraham en 12:31:00 p. m. ,
Para hacer que el mause tire estrellitas por debajo de él, de cualquier color. Tenemos que poner el código siguiente justo encima de </head>


Pinchen aquí para el código.


Hay un lugar que dice var colour="#6C82B5", ustedes le cambian el color que ustedes quieran.
Pinchando aquí, ustedes pueden tener una paleta de colores, cada uno con sus respectivos códigos html.


Copian el texto del penúltimo enlace, y allí ustedes lo copian como ya dije justo encima de </head>.

Etiquetas:

viernes, 27 de mayo de 2011

Cómo poner icono favicon en nuestra web

0 comentarios, Publicado por Abraham en 7:03:00 p. m. ,
Hoy vamos a explicar cómo poner un icono en nuestra web. Es decir, un icono que va arriba en el título de nuestro blog. Donde está la B de blogger.

Ejemplo:  la K o la imágen de esta dirección url, es el favicón de
esta página web

Hacemos lo siguiente:

  • Nos vamos al panel de control
  • Luego nos vamos a diseño
  • Nos vamos donde dice edición html.
Luego ahí le damos a Ctrl + f  y buscamos  <head>. Justo debajo colocamos el siguiente código:
<link href="url+donde+alojaste+tu+imagen" rel="shortcut icon"/>


Pueden conseguir un favicon o imagen para tu web la puedes con seguir pinchando aquí para
cargar la imagen desde tu ordenador, o aquí. Yo recomendaría este último porque es más fácil de entender, y dice las instrucciones. 


El problema es que cuando nosotros lo generamos; en el último enlace para subir el favicón dice cuando ya lo subes: Download Favicon (Descargar Favicón). Lo Que pasa, es que no sabemos dónde subir 
nuestra imagen. ¡Pues aquí está la soulución!. Visitamos Google sites, allí nosotros, 

  • Pinchamos donde dice: Crear Sitio
  • Cogemos la opción: Plantilla en Blanco
  • Cogemos cualquier nombre para nuestro sitio
  • Escogemos la url o dirección que tenga nuestro sitio. ¡Y listo!
  • Ahora pinchamos en: Crear Página
  • Cogemos cualquiera de las opciones; pero, yo elegiré: Archivador
  • Ponemos el nombre de la página
  • Y le damos a Crear página, ¡Listo ahí nosotros podemos ya subir nuestros archivos.
Pero, ¿Cómo puedo subir los archivos?:
  1. Le damos a la opción Archivos Adjuntos,
  2. Pinchamos en selecionar archivo
  3. Escojemos el archivo .ico
  4. Esperamos a que suba
  5. Y cuando ya suba, le damos a la opción ver, y luego pinchamos al botón derecho del ratón o mause encima de la imagen y le damos donde dice: copiar url de la imagen.
En tu navegador, puede decir de diferente manera el copiar url de la imagen. Puede decir copiar dirección de la imagen. 

¡Listo, ya tienes tu imagen favicón, en tu página web o blog!



Recuerden; no me hago responsable por violaciones que ustedes hagan, que blogger crea que sean infracciones. que sean. Solamente digo, cómo es que se hacen las cosas. 
Blogger permite esto, y algunas otras cosas más.

Etiquetas:

Cómo mover texo e imágenes con html.

12 comentarios, Publicado por Abraham en 4:43:00 p. m. ,
El código siguiente es  para poder hacer mover un texto o imagen, hacia la derecha, izquierda, arriba o abajo. Es muy fácil, vamos a ver.


Primero antes de la imagen o texto tenemos que poner el siguiente código:

<marquee direction="up" onmouseout="start()" onmouseover="stop()" scrollamount="2" scrolldelay="145">

Para poder cambiar la dirección de movimiento tenemos que cambiar la palabra up (arriba) por right(derecha), left(izquierda) o down(abajo).

Ahora, para cambiar la rapidez con la cual se mueven las imagenes o el texto hay que cambiar el Número 2 que viene por defecto donde se encuetra scrollamount. Mientras más grande sea la cifra o el Número más rápido será.


Cuando ustedes le ponen el ratón o mause encima de la imagen se detiene.

He aquí varios ejemplos.

Aquí es el que tiene con el número 2:




Aquí es el que tiene 50:




Y aquí es donde tiene 100:



Etiquetas: