Como hacer… Códigos de ejemplo ya escritos para hacer páginas web – Ejemplos HTML y CSS
En esta sección te ofrecemos un montón de ejemplos de código listos para usar.
Explicaciones detalladas sobre como hacer un montón de cosas en tus páginas web, desde ejemplos css, galerias de imagenes html, ejemplos de jquery, y muchos más temas.
Si tienes dudas sobre como se hace tal o cual cosa en una web, curiosea un poco por esta sección o usa el buscador que tienes arriba a la derecha.
Navega por las categorías para descubrir los ejemplos que más te interesen para tu web.
Vas a encontrar muchos codigos CSS para tu página web, listos para copiar y pegar. Son todos gratuitos.
En muchos casos te ofrecemos un archivo con el ejemplo para descargarlo.
No te cortes, visita el tema que te interese y usa el código en tu proyecto web, ¡para eso lo compartimos!.
¿Alguna vez has tenido que enviar un correo electrónico totalmente anónima?. Tal vez haya sido por querer declarar tu amor a alguien de forma confidencial, o tal vez eres un periodista o un agente, y necesitas advertir a alguien sin levantar sospechas.
Como conseguir la simulación de un “efecto slide” en menús y galerías de imágenes, solo con CSS y HTML.
Guía y códigos de ejemplo sobre como añadir imágenes a una página web y darles formato según tus necesidades.
Este documento describe el esquema XML para el protocolo Sitemap.
Guía en video donde se explica como conectar Sublime text 2 con un servidor FTP.
Vemos una primera parte de este mini-manual que vamos a tener sobre cómo modificar dinamicamente los estilos CSS en nuestra página web. En esta primera parte vemos como hacerlo con JavaScript.
Vemos la segunda parte de este mini-manual que vamos a tener sobre cómo modificar dinamicamente los estilos CSS en nuestra página web. En esta segunda parte vemos como hacerlo con PHP.
En esta tercera parte vamos a empezar a ver como cambiar el estilo CSS de una web dinámicamente en función de las horas del día.
Crear un formulario puede ser tedios, sin embargo son una de las partes más importantes de una página web en la actualidad. Por ello estas sencillas pero buenas prácticas al momento de estructurarlos, para lograr una mejor experiencia de usuario.
Un pequeño pero eficaz consejo que puedo dar para todos aquellos que empiezan a desarrollar sus primeras hojas de estilo CSS, es tener en cuenta el factor de la especificidad en CSS, su influencia y la manera de controlarlo.
En este artículo explicamos las dos formas que hay de hacer fondos con gradientes en CSS3, con códigos de ejemplo para entender mejor el procedimiento.
Explicación del uso de las etiquetas pulse y bounce, integradas dentro del motor WebKit (Chrome y Safari) para animar textos con CSS· puro.
Vemos como hacer con CSS3 columnas múltiples, un método muy sencillo de crear una estructura en columnas para tu web.
Vemos la última parte de este mini-manual sobre cómo modificar dinamicamente los estilos CSS en nuestra página web. En esta última entrega terminamos el ejemplo de las horas del día.
Damos un repaso a las técnicas más usadas para lidiar con la tarea de conseguir que nuestra web se vea bien en todos los navegadores, poniendo especial atención a Internet Explorer, puesto que es el que más problemas causa.
Como usar una imagen animada de carga para amenizar la espera de tus usuarios.
La forma en que se decida maquetar la página, no impide que podamos colocar los contenidos en el orden que creamos más conveniente, empleando adecuadamente las propiedades CSS.
Explicamos cuál es el código HTML para mostrar números de teléfono dentro del contenido de nuestros sitios web y que se pueda llamar pulsando en ellos.
Explicamos como mostrar y depurar datos de una tabla mediante jQuery, como dar un estilo adecuado para presentar los datos y como realizar el filtrado de los mismos.
Explicamos el método para generar elementos HTML y añadirlo a nuestro documento con jQuery
En este artículo vamos a ver como se hacen tabs o pestañas con jQuery y CSS para agrupar la información de la página web de forma lógica y organizada.
Explicamos como utilizar jQuery en combinación con CSS3 para crear un pequeño tooltip que despliegue mensajes al colocar el mouse sobre un elemento.
Guía completa con código de ejemplo y descarga sobre cómo hacer un tooltip jQuery para usar en tu página web.
Un buscador interno es esencial para conseguir una buena navegabilidad en el sitio. Para ello existen muchas opciones, en este artículo te hacemos una selección de las mejores.
Guía paso a paso para migrar una página web hecha en Joomla a otro servidor de hosting, incluída la base de datos, el archivo de configuración, etc.
Si hace un tiempo comentaba algunas plataformas para añadir encuestas a tu blog, ahora os traigo un plugin de WordPress que permite integrar fácilmente las encuestas de PollDaddy.
Código para limitar el número de post que se muestran en la home, categorías y archivos de un blog de WordPress sin usar plugins.
Es muy común encontrarse con una página en blanco tras una migración de WordPress. Vemos dónde puede estar el fallo.
Menú emergente desarrollado exclusivamente con XHTML (o HTML) y CSS.
Si gestionas tus formularios en WordPress con Contact Form 7 este post te va a ser realmente útil para dar un paso más en la personalización de sus funciones y conocer las posibilidades de este plugin.
Generar pop ups cuando un usuario pincha un enlace, empleando JavaScript.
En este artículo explicamos el funcionamiento, uso e implementación de la aplicación geolocation mediante JavaScript.
En este artículo explicamos como llevar a cabo la codificación del efecto cortina mediante el uso de CSS3 y dos de los frameworks más utilizados de JavaScript: jQuery y Mootools.
En este artículo explicaremos cómo mejorar la apariencia de las barras de desplazamiento, para así adaptarlas a la interfaz de usuario de nuestro sitio.
Explicamos como limitar los caracteres que se pueden introducir en un campo input de formulario, todo mediante jQuery
Allgunos ejemplos de utilización de las propiedades CSS avanzadas “content”, “counter-reset” y “counter-increment”.
Estaba buscando para un proyecto en el que estoy trabajando la manera de hacer desplazamientos dentro de la página de una forma menos brusca a la que brinda el html. Aquí la solución.
Los efectos que se pueden conseguir sobre los textos aplicando “text-shadow” de CSS3 son simplemente impresionantes. Aquí les damos las bases para comenzar a trabajar con esta propiedad.
En este artículo explicamos algunos de los efectos que se pueden aplicar a imágenes gracias al uso de la propiedad filter.
Explicamos una técnica para poder rotar un texto con CSS, que sea visible en todos los navegadores
Explicamos como llevar a cabo la creación de una función simple que nos ayude a mostrar y ocultar contenido de un elemento
Los lightbox son un recurso muy utilizado en la actualidad para crear galerías de imágenes. Es posible descargar e instalar en forma gratuita y sencilla algunos de estos scripts.
Hay varias formas de presentar un menú de navegación en una página web. En este artículo, presentamos la forma de hacer un menú horizontal realizado con una lista flotante.
Maquetación de una página de ejemplo con elementos superpuestos, definición de la estructura y utilizando diferentes tipos de posicionamiento de capas y elementos flotantes.
En la segunda parte, desarrollaremos y posicionaremos el menú horizontal de la página web.
Maquetación de un formulario utilizando XHMTL y CSS válidos.
En este tutorial vamos a explicar las partes de una estructura básica de una página hecha en HTML.
Si quieres mostrar los últimos post de una categoría concreta, o lo que es más, posts aleatorios de esa categoría aquí te traigo la solución.
Presentación de un código hecho de una galería de imágenes desarrollada completamente en CSS y HTML, explicada de forma que puedan realizarse las modificaciones que se deseen.
En este artículo explicamos cómo enviar información de un formulario y desplegarla en una página mediante las teclas ctrl y enter, haciendo uso de jQuery para el manejo de eventos.
En este artículo practicamos con propiedades CSS3 para agregar sombras a las imágenes y efectos de profundidad al sitio.
En este artículo prácticamos la estilización de botones con CSS3, utilizando gradientes, sombras y bordes
Abordamos los distintos métodos que existen para colocar un texto de manera vertical en nuestra página.
En este artículo vemos como especificar diferentes CSS por post en WordPress gracias al archivo functions.php de nuestro tema.
En este artículo explicamos como corregir el uso de flotantes dentro de un contenedor con la propiedad overflow
En este artículo explicamos dos métodos CSS distintos para expandir la imagen de fondo y tome el tamaño de la ventana del navegador.
Una atractiva galería de imágenes para Wordpress, para ser mostrada en páginas, entradas y widgets.
Ejemplo de menú en el que cad ítem tiene un color diferente, empleando solo XHMTL y CSS.
Una atractiva opción para compartir los contenidos de la página en Wordpress en las redes sociales
Como gestionar el foro Simple:Press Forum desde el panel de control.
Segunda parte de la configuración de un foro de Worpress utilizando Simple:Press Forum.
Como instalar, configurar y manejar un foro en Simple:Press Forum de Wordpress
Tercera parte de una serie que expondrá las propiedades más utilizadas de CSS3, en esta parte nos enfocamos a la estilización de fondos.
Segunda parte de una serie que expondrá las propiedades más utilizadas de CSS3, en esta parte nos enfocamos a la estilización de capas (div).
Primera parte de una serie que expondrá las propiedades más utilizadas de CSS3, en esta parte nos enfocamos a la estilización de textos.
Perder los datos de acceso al administrador puede parecer complicado, aunque es posible que accedamos nuevamente al sitio siguiendo estos consejos.
Ejemplos CSS sencillos para maquetación de páginas web.
Método sencillo y estético para desplegar nuestras imágenes de manera secuencial con efectos de jQuery
Efecto muy sencillo donde se simula la utilización de marcos, y que solo se realiza con HTML y CSS.
Como hacer para que un fondo de imágenes se adapte a la longitud del texto, siguiendo dos métodos diferentes. Ejemplo en títulos y en menús.
