El Consejo

El Consejo

Theme de WordPress diseñado para Angel Maria, fundador de bubok.es y autor del libro El Consejo.

Continuar... »

VideoTutorial Maquetación básica en CSS

VideoTutorial Maquetación básica en CSS

Tratando de aportar un granito de arena a la educación :) he decidido crear ciertos videotutoriales de CSS y Diseño web, poco a poco ire creando pequeños videos de temas específicos donde tratare de una forma sencilla explicar como se lleva acabo una maquetación en CSS en distintas situaciones de diseño.

Por lo pronto he creado un video donde he diseñado una plantilla base y luego la convierto a CSS manualmente desde cero, aunque el video no profundiza mucho servirá para empezar a familiarizarse con el CSS, en caso de no entender algo, pueden preguntarlo sin problema en los comentarios.

Continuar... »

Yo no trabajo, hago lo que me gusta… Theme AW

Yo no trabajo, hago lo que me gusta… Theme AW

Algunas personas me dicen que trabajo demasiado, eso es lo único malo cuando te ganas la vida haciendo lo que te apasiona, lo que una vez fue mi hobbie ahora es mi principal fuente de ingreso, eso si, aunque suene contradictorio, nunca a dejado de ser mi hobbie, por lo que cuando no estoy laborando en la empresa, también estoy haciendo diseños en casa y es que para mi es como ir al cine, escuchar música o ir a playa, Diseñar web y escribir CSS, para mi, es como encerrar a un niño en una habitación con la ultima consola de videojuegos.

Para esta oportunidad he diseñado un theme completo para un blog, apesar de usar la plantilla por defecto de WordPress llamada Twentyten como base para el proyecto, me a tocado igual escribir muchas lineas de CSS ya que el diseño en cuestión es mucho mas complejo que la plantilla Twentyten.

Continuar... »

Hablando un poco de class en CSS

Hablando un poco de class en CSS

Por medio de las clases podemos definir los estilos a cualquier etiqueta o elemento de la web.

Cuando definimos una clase, el estilo no se aplica a una etiqueta html en concreto, si no que se mantiene con una disponibilidad general para ser utilizado en cualquier parte del sitio, inclusive en distintos lugares de la web al mismo tiempo.

Las clases se reconocen por tener un .(punto) como prefijo, ejemplo:

.abreo {
width: 320px;
}

Con el CSS anterior simplemente estamos diciendo que la etiqueta o cualquier elemento HTML, que contenga la clase (.abreo) tendrá un ancho fijo de 320px.

Algunos ejemplos para aplicar en el HTML, seria el siguiente:

Continuar... »

Textareas resize error en Firefox 4

Textareas resize error en Firefox 4

Bien, resulta que hace unos días, actualicé mi Mozilla Firefox a su nueva versión 4, debo reconocer, que han hecho un gran trabajo, el navegador es mucho mas estable, ni hablar de la velocidad de carga, los sitios webs abren mucho mas rápido y su nuevo diseño achromado minimalista permite visualizar el portal con mas amplitud, dándole mayor prioridad al contenido web.

Ok, todo era color de rosa hasta que me di cuenta que en varios diseños webs donde suelo ponerle fondo con esquinas redondeadas a las textareas de los formularios de contacto.. se encontraba ahora una nueva funcionalidad llamada Resize, y es que ahora, las textareas de los sitios webs puedes darle cualquier tamaño, su función resize le permite al visitante de un portal ajustar manualmente el area de texto del mensaje para su mayor comodidad, son unos punticos en la esquina inferior derecha de la textarea como lo muestro en la siguiente imagen

Continuar... »

Trabajo Aleatorio

Soopa Video Webdesign

Soopa Video Webdesign

Diseño web realizado para la campaña de Toolbars de Soopa en la categoría de videos musicales.

Comentarios Recientes

  • LANero

    Muy buen consejo pEkE...

  • Jorge Abreo

    Gracias a ti, aun no termine de darle estilo, lo puse claro de momento, pero de hoy a mañana lo...

  • ahora mejor, gracias

  • Abreo

    Gracias virgilio, lo acomodo en breve!

  • Gracias, pero no se ve el código con el fondo negro :(

Páginas amigas

ABREO.CO © 2011 - Todos los derechos reservados.