Artículos Etiquetados ‘HTML’

Botones sociales de forma horizontal

Escrito por Jose M Ramirez en . Publicado en Tutoríal

Botones sociales de forma horizontal

Partiendo de la petición de Miguel en su comentario en tuto del Botón deTwitter y para todos aquellos que sea necesario va dirigido esta guía para colocar los botones sociales de nuestro sitio de forma horizontal, abarcando desde la más práctica y sencilla usando solo HTML con unos simples atributos de CSS, hasta una un poco más compleja y sofisticada, para quienes desean aplicar un poco más de código y quieran jugar más con los maravillosos poderes de CSS. Las siguientes técnicas son aplicables a cualquier sitio sean manejados por WordPress, Joomla o cualquier otro CMS, ¡hasta para foros!, el único requisito es que el sitio soporte HTML y creo que incluye a todos.

Botón de Twitter efecto Rollover con CSS

Escrito por Jose M Ramirez en . Publicado en Tutoríal

Botón de Twitter efecto Rollover con CSS

El efecto rollover consiste en hacer cambiar un objeto al pasar el mouse sobre él, esto resulta muy atractivo y sofisticado si se aplica bien, aunque existen varias formas de hacerlo la más fácil y efectiva es mediante unas pocas líneas de código CSS. Este efecto es muy usado en los botones de redes sociales de muchas páginas, por ende; no es una novedad aquí, pero la intención es mostrar cómo se hace y que todos puedan aplicar su propio estilo. Esta vez lo haremos creando un atractivo botón de twitter pero básicamente el fundamento es el mismo para cualquier objeto que queramos aplicarlo.

Menú Simple con etiqueta menú en HTML5 y CSS3

Escrito por Jose M Ramirez en . Publicado en Tutoríal

Menú Simple con etiqueta menú en HTML5 y CSS3

La promesa de HTML5 se basa en la semántica, que no es más que llamar las cosas por su nombre. Esto hace el código más simple para el maquetador, quien edite a futuro y los crawler de buscadores. Sin embargo a pesar del esfuerzo de los exploradores más modernos en integrar todas las características de HTML5 y CSS3, aun no todo soportan los atributos de la etiqueta ‘menu’. Aunque si soportan la etiqueta como tal y podemos empezar a usarla para empezar a poner el código de nuestros sitios al día recordando que para garantizar que se visualice perfectamente debemos usar algunos trucos.

Crear Texto Editable con HTML5

Escrito por Jose M Ramirez en . Publicado en Tutoríal


Unas de las mejoras que trajo HTML5 fue la modificación del atributo ‘contenteditable’ haciendo más fácil integrarlo a cualquier parte de nuestro código en algunas etiquetas. Aunque realmente esta función ya existe en muchos sitios web con plugins y editores de texto externos tipo WYSING, la siempre es tener todo de forma nativa, tomando en cuenta que esto no supera la manejabilidad del que ya es el más usado, se puede considerar el atributo como un inicio de los editores texto en HTML5.

La aplicación es increíblemente sencilla si estas familiarizado con HTML, simplemente se agrega luego de la etiqueta como cualquier atributo seguido de ‘true/false’ para activar o desactivar.

Enlaces NoFollow con HTML

Escrito por Jose M Ramirez en . Publicado en Tutoríal

Enlaces NoFollow con HTMLLos enlaces con la relación ‘NoFollow’ son importantes para el SEO, es la forma que le decimos a los buscadores que no recomendamos ese enlace, que es una referencia útil para el contenido pero no debe seguir ese enlace. Tomando en cuenta que los buscadores cuentan la cantidad de enlaces ‘DoFollow’ (enlaces que si se debe seguir) que tienes en tu sitio y mientras mayor sea el numero peor será para ti, lo mejor es colocar los enlaces con la relación ‘NoFollow’ y curarse en salud.

Para hacerlo existen muchas formas dependiendo de que si tu sitio está en CMS o bien hecha a mano a puro código personalizado, sin embargo la cual sea el caso, el método que no fallara para ninguno de los casos, es hacerlo usando HTML.

Sígueme en twitter

Twitter

Suscríbete al Feed

RSS-Feed

Red de Blogs

Red de Blogs iBlogLabs