Manual CSS – Paso 9 > Sacando el CSS

Cuando estés totalmente satisfecho con la plantilla en todos los navegadores puedes sacar el CSS de la cabecera del documento y situarlo en una hoja de estilo externa. Hay dos métodos de enlazar archivos a hojas de estilo: Hoja de estilo enlazada Esta es la hoja de estilo habitual que ven los navegadores que soportan […]

Leer más

Manual CSS – Paso 8 > Aplicando estilo en los contenedores

Si tienes los contenedores en la posición correcta y el contenido se está comportando aceptablemente, puedes empezar a aplicar estilo al contenido de los contenedores. IDs y Clases Utiliza cuantos menos IDs y clases como sea posible. Deberías ser capaz de aplicar estilo a casi cualquier elemento dentro de un contenedor utilizando selectores descendentes. Por […]

Leer más

Manual CSS – Paso 7 > Colocando el contenido

Cuando se han colocado correctamente los contenedores y se muestran correctamente en todos los navegadores, ya pueden quitarse las alturas. A continuación se puede colocar algo de texto de muestra en cada contenedor. El contenido debería ser semánticamente correcto – o sea, utilizar h1, h2 etc. para los encabezados, párrafo para el texto, etc. Una […]

Leer más

Manual CSS – Paso 6 > Cajas coloreadas

Ahora hay que aplicar estilo a estos contenedores principales con un método de colocación. Para que sea mas fácil ver como interactúan los contenedores, a cada uno de ellos se le dará un color de fondo y altura distintos – y puestos en cajas de colores. Es importante, particularmente cuando estás tratando con una plantilla […]

Leer más

Manual CSS – Paso 5 > Elije un método de posición para los contenedores

Observa tu diseño y decide como posicionar cada uno de los contenedores. ¿La plantilla será liquida (liquid), de ancho fijo (fixed-width), con em (em-driven) o una combinación de las anteriores? ¿La plantilla estará centrada (centered) en la página? ¿Que contenedores necesitan ser flotantes (floated)? ¿Que contenedores estarán en un flujo normal (normal flow)? ¿Necesitas utilizar […]

Leer más

Manual CSS – Paso 4 > Marca los contenedores

Crea algunos elementos <div> vacíos para mostrar estos contenedores. Por ejemplo: <div id=”container”> <div id=”header”></div> <div id=”mainnav”></div> <div id=”menu”></div> <div id=”contents”></div> <div id=”footer”></div> </div> Una nota sobre los tipos de documento Asegurate de que eres consciente de los tipos de documento (doctype) que estás utilizando, pues esto afectará al modo en que los navegadores mostrarán […]

Leer más

Manual CSS – Paso 3 > Nombre de los contenedores

Estos contenedores se convertirán en los elementos principale del <div> que soportarán tu contenido, así que dales nombres que tengan un significado semántico en vez de nombres que describan su apariencia. Para este ejemplo los contenedores principales se llamarán: container header mainnav menu contents footer Si los contenedores son únicos para una página, utiliza IDs […]

Leer más

Manual CSS – Paso 2 > Busca los contenedores

Para colocar los elementos en la página, es necesario establecer la totalidad de los contenedores. Mira nuestro diseño (el cual podría ser un prototipo digital, un boceto en papel o incluso una plantilla/web existente) y resuelve los contenedores principales de la página. Prototipo de ejemplo con contenedores

Leer más
Manual CSS – Paso 1 > Decide el nivel de soporte de navegador
Ene26

Manual CSS – Paso 1 > Decide el nivel de soporte de navegador

Antes de empezar a construir tu plantilla basada en CSS debes decidir que navegadores soportará y hasta que nivel pretendes que los soporte. Para ayudar a decidirte habla con clientes, usuarios tipo y examina ficheros log existentes si estuvieran disponibles. Hay tres niveles básicos de navegadores que soportan CSS: 1. Navegadores antiguos Win/Netscape4.x, Win/InternetExplore4.x, Mac/Netscape4.x, […]

Leer más

Manual CSS – Introducción

Como prometí, me dispongo a traducir el fantástico tutorial Colored Boxes, en el que se explica como construir una plantilla CSS paso a paso. Partiendo de una serie de cajas de colores que vamos colocando, y probando en varios navegadores, se verá el proceso completo de creación de una plantilla CSS en 11 pasos.

Leer más
Versión móvil de tu blog gracias a Google
Ene25

Versión móvil de tu blog gracias a Google

El servicio de lectura de feeds Google Reader te puede ofrecer un modo sencillo y gratuito de ofrecer tus artículos a lectores con dispositivos móviles. Solo tienes que aprovechar la posibilidad de este servicio de suscripción y lectura de feeds RSS de mostrar una versión reducida de las entradas de tu blog. Para conseguirlo solo […]

Leer más
Optimizando (más) la velocidad de nuestro blog
Ene24

Optimizando (más) la velocidad de nuestro blog

Leyendo el blog de Joost de Valk, me encontré con un post donde expone algunos originales e interesantes consejos para mejorar la velocidad de respuesta de nuestro Wordpress, evitando al máximo las consultas a la base de datos.

Leer más
Conoce el Panel de Administración – Usuarios
Ene23

Conoce el Panel de Administración – Usuarios

Cuando tu blog crece es buena idea invitar a otros bloggers a participar en el. No solo es una experiencia enriquecedora sino que forma parte de la misma esencia de la Web 2.0. Y si quieres tener un control completo de la gestión de estos usuarios y sus permisos debes conocer el panel de gestión […]

Leer más
Como poner enlaces en los comentarios de un blog
Ene23

Como poner enlaces en los comentarios de un blog

Escribir para un blog es muy sencillo porque, sepas o no de HTML puedes usar el editor visual incluido para incluir negritas, imágenes, vídeos o poner enlaces a páginas. Ahora bien, cuando comentas en el blog de otro hay ocasiones en que querrías disponer de esas herramientas y normalmente no están disponibles, solo te encuentras […]

Leer más
Conoce el Panel de Administración – Plugins
Ene22

Conoce el Panel de Administración – Plugins

En esta ocasión vamos a tocar un apartado sencillo a la vez de potente. Si tu blog está alojado en WordPress.com no tendrás acceso a todas sus posibilidades pero si has decidido alojar tu blog en un servidor descubrirás todo un mundo de novedades y funciones para tu espacio.

Leer más
Cambia el aspecto del login de WordPress
Ene22

Cambia el aspecto del login de WordPress

Es posible que con el tiempo te resulte aburrida la pantalla de entrada a la administración de tu blog WordPress. Cada día, cuando tu o tus bloggers y suscriptores entran al blog se encuentran con la misma y fea pantalla azul de bienvenida. Pues bien, hay maneras mucho mas atractivas de ofrecer la entrada a […]

Leer más

Pin It on Pinterest

Ir al contenido