Ayuda para mi web

Iconos feed rss con motivos navideños

Un día más os traigo algo que permitirá a nuestro blog homenajear estas fechas tan señaladas. Esta vez se trata de unos simpaticos iconos rss con detalles navideños.

Un día más os traigo algo que permitirá a nuestro blog homenajear estas fechas tan señaladas. Esta vez se trata de unos simpaticos iconos rss con detalles navideños.

Visitando Blogandweb encontre esta nueva colección de 15 elementos, la cual pongo a vuestra disposicion de forma completamente gratuita, que sin ninguna duda decorarán un poquito más nuestro blog en navidad.

La fuente original de estos iconos es ajaxpath, la cual ha diseñado estos iconos de forma que puedan ajustarse a todos los blogs creandolos con fondos transparentes, negros o blancos.

Aqui os dejo algunos ejemplos:

Descargar iconos con fondo transparente
Descargar iconos con fondo blanco
Descargar iconos con fondo negro

Espero que os sea útil

0 comentarios

Widget: Arbol de navidad en tu web o blog

Ya está llegando la navidad y que mejor manera de ser navideño que decorando nuestra web o blog para la ocasion. Aqui os traigo un widget de un arbol de navidad que decorará vuestro sitio web durante estas fechas tan señaladas. Este árbol cuenta con un contador en el que indica los días que faltan para ese emotivo día. Tambien podréis cambiar todo tipo de adornos para decorarlo a vuestro gusto.

Para implementarlo solo tendréis que visitar la web SpringWidgets, elegimos la decoracion deseada marcando la opciones de la izquierda y después pulsamos sobre options justo debajo del widget. Nos aparecerá una lista de plataformas donde queremos añadir el árbol de navidad. Para añadirlo a una web bastará con seleccionar html para que nos proporcione el código que debemos insertar. Lo mismo sucederá con el resto de plataformas. Finalmente debemos insertar ese código donde deseemos que aparezca y listo, tendremos un bonito decorado para nuestra web.

1 Comentario

Como poner efecto nieve en mi web o blog

Con motivo de las fechas en las que nos encontramos, me puse ha buscar algo con lo que poder decorar nuestra página web o blog durante el invierno y las navidades. Pues bien, lo encontre gracias al Escaparate de Rosa. Se trata de un script que da un efecto de nieve en nuestro sitio web.

Para integrarlo es muy fácil, simplemente tendremos que ir a la pestaña diseño, editar html y justo antes de la etiqueta </body> , pegamos el siguiente código:

<script type="text/javascript" src="http://agudovk.googlepages.com/snow.js"></script>

Recordar que antes de modificar la plantilla de nuestra web es importante guardarla por si acaso hacemos algo mal. También os recomiendo descargaros el script y alojarlo en el servidor que soláis utilizar para vuestras imágenes y demás archivos.

AQUI os dejo una página de ejemplo

6 comentarios

Review: Tablón de anuncios

Hoy les quiero presentar Tablón de Anuncios, una web que como bien indica su nombre, trata de ofrecer y publicar anuncios sobre cualquier tema habido y por haber, que sin duda nos será de gran utilidad más de una vez en nuestra vida.

Su servicio es gratuito, cualquier persona puede publicar un anuncio, pero tambien cuentan con un servicio premium especialmente pensado para empresas, el cual permitira destacar nuestros anuncios para que sean más vistos que los anuncios basicos.

El contenido es sensacional, podrás encontrar todo lo que buscas de manera rapida y sencilla ya que aparte de contar con un buscador, los anuncios están catalogados de forma estricta y precisa, de este modo encontrar lo que buscamos será realmente fácil. Lo mismo puedo decir para los interesados en publicar un anuncio, su oferta será vista por miles de personas que están buscando exactamente lo que ofreceis gracias a su gran clasificación de categorías.

Entre los anuncios que se pueden encontrar destacamos las ofertas de trabajo, contactos personales, vacaciones (alquiler de casas, apartamentos, etc..), incluso podremos encontrar ofertas de cohes de segunda mano, motos, deportivos y mucho más.

Una vez analizado el contenido, nos fijaremos en su diseño. En principio la página principal de la web es bastante simple, ojo, no es lo mismo que fea o cutre. Es bastante vistosa, las categorías aparecen en una especie de pos-it de colores que la verdad queda bastante bien.

Lo único que cambiaría seria el aspecto de la barra lateral izquierda. Creo que necesitaría un diseño más formal, eliminando los colores llamativos, ya que a simple vista no aparenta lo profesional que es la empresa y la web. Sin, embargo, una vez entrados en materia y visitando las demás paginas (categorias y demás), vemos un diseño fenomenal. Eligen bien los colores de los elementeos y su colocación es perfecta. Los anuncios se ven claros y bien definidos.

Por último me gustaría comentar que la forma de disimular los bloques de anuncios adsense me parece simplemente genial, es dificil de apreciar incluso para la gente que sabe del tema.

En definitiva, me parece una web muy interesante donde encontraremos todo lo que podamos buscar y que también nos servirá de gran ayuda si ofrecemos cualquier cosa. Lo único que cambiaría es lo que ya comente anteriormente, la barra lateral izquierda del index. Simplemente poniendola con el mismo diseño que el resto de la web, quedaría perfecto.

Visitarla, os lo recomiendo.

0 comentarios

Iconos simpaticos ratones para mi web o blog

Navegando por la red he encontrado otra recopilación de iconos, esta vez se trata de unos simpáticos ratoncitos que podrán darnos mucho juego.

Los iconos se encuentran en Smashing Magazine y son comletamente gratuitos. Aquí os dejo unos ejemplos:

2 comentarios

Donde alojar archivos online gratis

Aqui os dejo otro recopilatorio de sitios donde podemos alojar nuestros archivos de forma totalmente gratuita:

Tinypic es un servicio gratuito para alojar imágenes y vídeos, incluso, directamente desde una webcam. No requiere ningún tipo de registro, simplemente deberemos poner la ruta donde se encuentra nuestro archivo, elegir si es imágen o video y listo.

File Geeks es un servicio que admite imágenes en formatos GIF, JPG, PNG y BMP. Lo interesante de esta web, es que también pueden alojarse archivos SWF hasta de 3MB.

0 comentarios

Etiquetas basicas de html

HTML es el lenguaje por el cual constriumos una página web. Este lenguaje se basa principalmente en etiquetas, con las cuales vamos construyendo los diferentes apartados de nuestra web. Es imprescindible conocer estas etiquetas y su funcionamiento para poder crear o al menos modificar una página web.

<HTML>: indica el comienzo del documento HTML.
<HEAD>: indica que empieza la cabecera de la página. En ella se suele poner el título (<title>) de la web, una descripción y otras informaciones relacionadas con el contenido de la página.

<BODY>: es el cuerpo de la página, donde va lo que se ve en el navegador al cargar una web. En el body van los textos, las imágenes y todos los contenidos de la web.

<H1>, <H2>, etc.: son los títulos o encabezados. Se utilizan para establecer determinados textos de la página como titulares, suelen tener un tamaño de fuente mayor para diferenciarlos del resto del texto. Son importantes en el posicionamiento en buscadores.

<A>: define los enlaces.

<TABLE>: es una tabla, y dentro de esta tenemos filas <TR> y celdas <TD>.

<P>: el texto dentro de esta etiqueta forma un párrafo.

<IMG>: imágenes.

<BR>: salto de línea.

<UL>: los textos dentro de esta etiqueta se estructuran en listas. Mediante el uso de <LI> definimos cada guión dentro de la lista, y usando <OL> en lugar de <UL> tendremos listas ordenadas.

<B> y <STRONG>: se utilizan para resaltar el texto.

<U>: texto subrayado.

<I>: texto en cursiva.

Ejemplo de página básica

<html>  <head>
<title>Título de la página</title>
</head>
<body>
<h1>Encabezado de la página</h2>
<h3>Encabezado de menor tamaño</h3>
<p>Este es el texto de un párrafo.</p>
<p>Este es el texto de otro párrafo. Dentro de este párrafo,
pueden ir palabras <b>en negrita</b>, <i>en cursiva</i> o lo
que quieras.</p>
<p>También podemos poner listas como la siguiente:</p>
<ul>
   <li>Guión número uno.</li>
   <li>Guión número dos.</li>
   <li>Guión número tres.</li&gt
   </ul>
</body>
</html>

Y para que lo entiendas mejor, una página básica con su correspondiente código HTML:

(pincha para agrandar)

Autor y licencia

Licencia: Eres libre de distribuir este artículo bajo los términos de la licencia creative commons, siempre que pongas claramente el siguiente texto en la página que publica el artículo (enlaces activos incluidos):

Autor: Verónica M.
URL: Conceptos básicos de HTML
Web: Como construir una página web