Mostrando entradas con la etiqueta Diseño. Mostrar todas las entradas
Mostrando entradas con la etiqueta Diseño. Mostrar todas las entradas

Cambiar la imagen de fondo del blog a opción del lector

1
Con anterioridad vimos cómo cambiar el color de fondo del blog usando un menú, que permitía cambiar el color de fondo con un click.

Modificando un par de atributos al código conseguimos que el fondo del blog pueda reemplazarse por una u otra imagen.

Menú que cambia el color de fondo del blog al pasar el cursor por encima

0
Se trata de un menú a base de colores que construí con unos simples atributos en javascript, y que, al pasar el cursor sobre cualquier recuadro, el fondo del blog cambia automáticamente al color que la casilla encierra.

Aquí puedes ver una imagen del menú:



Menú que cambia el color de fondo al pasar el cursor por encima


Y aquí encontrarás un ejemplo en funcionamiento.

Cursores para el Blog(+ 1000)

0
Conozco a un montón de bloggers que quieren controlar el aspecto de cada parte del blog, de la plantilla, a los colores, tamaño de fuente, el estilo, y algunas personas le preguntó acerca de cómo cambiar el cursor del ratón blogger, así que hoy van a hablar de ello en la forma más fácil,
Se puede hacer en un solo paso. ¿Quieres ver una demostración, por favor haga clic en el ratón y mirar cómo está buscando.









Mostrar cuantas veces un usuario a visitadado tu sitio con Javascript

0

Este script le muesta a un usuario cuantas veces a visitado tu web a partir de las cookies. Para implementarlo haz lo siguiente:

Destruye tu web con Netdisaster

1
Navegando por Internet como todos los días me encontré con esta web, para algunos ya conocida, se trata de Netdisaster un web que coloca un simple gadget en tu blog y hace cosas realmente divertidas (por ej: Destruye tu web con meteoritos, etc)


Efecto esquina doblada en los post con css

0
En este post os dejaremos un truco muy vistoso con un efecto esquina doblada para tus post y entradas:


estradas post esquina doblada efecto

Cursores para tu blog

0
1.Elige Cursor Copia... 
2.Ahora entra a Diseño Edición de HTML y pega el código antes de la etiqueta:</body> 
3.(Vista Previa)Guarda los cambios y listo.
<style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/spongebob-ani.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/spongebob-ani.gif"), auto;}</style>
<style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/dogani.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/dogani.gif"), auto;}</style>
<style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/precision148.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/precision144.gif"), auto;}</style>
<style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/lefty130.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/lefty126.gif"), auto;}</style>
<style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/babyboy-ani.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/babyboy-ani.gif"), auto;}</style>

<style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/cube.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/cube.gif"), auto;}</style>

Espero que os gusten,podéis ver miles de modelos en el siguiente enlace:AQUÍ DESCARGA MAS CURSORES 
*ATENCIÓN:Cuando seleccionéis un cursor,el código que debéis elegir es la opción "MySpace Profile 1.0 Codes" además debéis copiar la segunda mitad a partir de:<style>HTML,BODY... 

Msn integrado al blog

0
MSN, líder absoluto de mensajería instantánea del mundo, nos ofrece una serie de herramientas y posibilidades para integrar su servicio a nuestros blog o sitio web.

Básicamente, MSN nos da la opción de integrar sus servicios mediante 3 recursos disponibles:
- Ventana de mensajería instantánea: Mediante la cual podemos chatear directamente desde nuestro blog.
- Botón: Permite un contacto rápido a nuestro MSN.
- Icono de estado: Muestra solamente nuestro estado actual en MSN.

120 bonitos ejemplos de Menu Horizontales con CSS

0
120menu.jpg
En el desarrollo de una nueva web, son muchas las etapas en las cuales nos sentamos a analizar, diagramar y probar ideas. La estructura será un factor muy importante, ya que dependiendo la diagramación de dicha estructura, será la organización de todo nuestro contenido. Pero los menús de navegación constituyen otro elemento importante en nuestro sitio web. Lograr un menú que facilite toda la navegación por cada una de las secciones de nuestra web y que se encuentre bien adaptado al diseño desarrollado, no siempre es tarea sencilla. Si te encuentras un poco retrasado tratando de lograr un menú que se adapte de forma adecuada a tu proyecto, buscar un poco de inspiración no será mala idea. 120 Excellent Examples of CSS Menu, es un artículo que recopila 120 menu Css horizontales que te ayudaran a construir originales nuevas ideas.

Enlace 120 Excellent Examples of CSS Menu by csstea.com

Ext Core – Muchos efectos para tus páginas web

0
extcore.jpg
Ext Core is a cross-browser, una completa biblioteca Java Script para la construcción de páginas web. Resultados reamente bellos, muy liviano, con un código muy limpio y muy sencillo de utilizar.
Mas InformacionDescarga Completa Ext Core (Incluye ejemplos)
Podremos construir cosas como:

Elastic Thumbnail Menu

0
Sproing! – Make An Elastic Thumbnail Menu; Si buscabas métodos alternativos para construir los menús de las web que desarrollas, el menú de miniaturas elásticas pueda ayudarte un poco a salir de lo habitual. ¿Qué hace exactamente?, Aumenta los elementos del menú cuando se posa sobre él. Y donde los elementos del menú se amplían hacia arriba.

TItulo de una entrada llamativo

0
Aveces cuando necesitamos que un articulo sea leído y no pasado por alto por nuestros lectores o bien queremos resaltar ese articulo por algún motivo en especial necesitamos podes agregar algo a ese titulo que llame la atención.

Para eso podemos utilizar un truco que muchos ya conocemos pero poco lo utilizamos, y en este artículos les enseñare de que se trata y como realizarlo, ya que no tiene muchos secretos y es muy sencillo de aplicarlo.

Lo primero que debemos tener en cuenta que debemos utilizar etiquetas en nuestro titulo para poder lograr este efecto. La etiqueta que usaremos va a ser <blink>, con la aclaración que este efecto que vamos a realizar no se puede visualizar en navegadores como IE y Chrome.

Para aplicarlo solo debemos agregar la etiqueta <blink> en el inicio de nuestro titulo y en el final del titulo la etiqueta de cierre </blink> y tendremos algo como esto:

Titulo de nuestro articulo

Y así seria el resultado que obtendremos en nuestro titulo brindándole un aspecto mas llamativo, pero una recomendación no lo usen excesivamente porque podría molestar a sus lectores.

Solución activar flash

0
Generarmente cuando tenemos en nuestro sitio un archivo flash, en Internet Explorer nos sale al pasar el cursor sobre él "haga clic aquí para activar y usar este control" para evitar esto hay una solución muy sencilla, solo hay que poner un código JavaScript antes de </head>.

Cartel con información

1
Deja un cartel con mensajes para tus lectores, este gadget tiene múltiple funciones, espero que les sirva...

Ir a Diseño, Elementos de la página y añadir un gadget HTML/Javascript.

Cargando Imágenes....

0
Hay veces que tenemos en nuestro sitio varias imágenes, y la carga de las mismas puede demorarse bastante.
Este código se utiliza para mostrar a quien acede a nuestra página que las imágenes se van cargando poco a poco (por favor tengan en cuenta que dependiendo de su velocidad de conexión y la carga del servidor puede que la imagen de progreso se mueva demasiado lento o demasiado rápido).
El cual muestra una imagen al iniciar la carga y desaparece al terminar de cargar todas las imágenes que posee nuestra página.

Mensaje a cada hora

0
Un pequeño cartel de aviso que se visualizara cada 1 hora en el blog....

Imagen, estrella o texto que sigue al cursor

0

Son 3 ejemplos los cuales el código se tiene que poner arriba de </head>

Estrellitas en el cursor

0
Estrellas que siguen y gotean al cursor...

Imagen de fondo con movimiento

0
En este post les voy a enseñar a como colocar una imagen detrás de nuestro blog y que se mueva....

Crear un Peeling (esquina doblada)

0
Pelar una página web es muy divertido de hacer y lo más fácil es que llamar la atención de sus usuarios.

Usted puede utilizar para llamar la atención sobre un artículo caliente en su propio sitio web.

Aquí voy a explicar cómo crear un efecto de ese tipo en su sitio web.

Utiliza Flash y JavaScript, y es muy fácil de instalar.