31 marzo 2005

Clases de CSS (III) - "body" que mas ponerle.

RedesLa ultima vez utilizamos la etiqueta BODY y colocamos el siguiente código para el formateo de la etiqueta, hoy analizaremos cada una de las características de este etiqueta:
body {
background:#D21034 repeat;
margin:0;padding:0;
color:#FFFFFF;
font:11px verdana,arial,sans-serif;
line-height:1.4;
text-align:left; }

Estas son la principales características de esta etiqueta, aunque en realidad cuanta con 54 características de formato ( son las que yo he encontrado ) trataremos de ver las principales y mas importantes ( según yo ) empecemos

background
background cuenta con 5 características para formatear:

  • background-color: que te permite asignarle un color de fondo a tu body por ejemplo : background:#D21034;.

  • background-image: que te permite determinar una imagen como parte de tu fondo por ejemplo: background: #D21034 url(blogger.gif);.

  • background-image: esta característica te permite asignarle a la imagen una repetición y cuanta con 4 opciones distintas:
    repeat-x (repetición en el eje x, horizontal),
    repeat-y(repetición en el eje y, vertical),
    no-repeat (no repetir, solo 1 imagen),
    repeat (toda la pagina llena de imágenes);

    ejemplo: background: #D21034 url(blogger.gif) repeat;.

  • background-atachment: esta característica te permite a la imagen que se coloco de fondo darle dos características:
    scroll (al momento de desplazarse por la pagina se desplaza también),
    fixed (permanece fijo si se desplaza por la pagina),

    ejemplo: background: #D21034 url(blogger.gif) repeat fixed;.

  • background-position: esta característica te permite alinear la imagen de fondo en base a la pagina en 5 distintas posiciones:
    top (arriba),
    center (centro),
    bottom (abajo),
    left (izquierda),
    right (derecha),

    es decir se va a alinear la repetición hacia la opción elegida, así también la repetición.
    ejemplo: background: #D21034 url(blogger.gif) repeat fixed center;.



color
Esta característica te permite darle un color predeterminado a todo el texto que se ingrese a la pagina. ejemplo: color: Black; o color: #4682B4;.

Font
Esta característica te permite darle un tipo de fuente predeterminado para todo el texto que se ingrese a la pagina y cuanta con varias características que se pueden modificar:

  • font-style: puede seleccionar entre los distintos tipos de estilos del texto:
    normal - ejemplo: font: normal;.
    italic - ejemplo: font: italic;.
    oblique - ejemplo: font: oblique;.


  • font-variant: permite seleccionar como se presentara la fuente de nuestra pagina tiene 2 opciones:
    small-caps: la fuente en minúsculas aparece en mayúsculas y pone en capital la que es mayúsculas. ejemplo: font: normal small-caps;.
    normal: la fuente aparece como normalmente la veríamos mayúsculas minúsculas. ejemplo: font: normal normal;.


  • font-size: determina el tamaño de la fuente que se va a utilizar en la pagina, se puede determinar en % o PX. ejemplo: font: normal normal lighter 111%; o font: normal normal lighter 11px;.

  • font-family: determina que fuente es la que se usara para la pagina. ejemplo: font: normal normal lighter 11px verdana,arial,sans-serif;.



margin
Esta característica te permite darle los margenes a la pagina en donde iniciara el texto de nuestra pagina, se proporciona el % o cantidad en PX que se desea. ejemplo margin: 6px 6px 6px 6px;.

text-align
Esta característica te permite darle una alineación predeterminada a todo el texto, y recibe como parametros los siguientes: left, right, center, justify (si el navegador lo soporta)
ejemplo: text-align: left;.

border
Esta característica te permite darle un borde a toda la pagina y tiene como parámetros lo siguiente:

  • border-width: determina el grosor del borde y se le puede suministrar
    thin - ejemplo: border: thin;.
    medium -ejemplo: border: medium;.
    thick -ejemplo: border: thick;.


  • border-style: selecciona un estilo para el borde y puede seleccionar entre:
    dotted - ejemplo: border: medium dotted;.
    dashed - ejemplo: border: medium dashed;.
    solid - ejemplo: border: medium solid;.
    double - ejemplo: border: medium double;.
    groove - ejemplo: border: medium groove;.
    ridge - ejemplo: border: medium ridge;.
    inset - ejemplo: border: medium inset;.
    outset - ejemplo: border: medium outset;.


  • color: selecciona el color de el borde, ejemplo: border: medium outset #6B8E23;.




son mas las características que se le pueden dar a esta etiqueta, pero por ahora con estas características bastan

Saludos

Hotel


Hotel Posted by Hello


Saludos.

30 marzo 2005

Rediseño II

RedesDespués de seleccionar una paleta de colores para el rediseño del sitio y he estado viendo diseños de Camaleón CSS y css Zen Garden me he encontrado con Dashboard de Blogger y zas!! me gusto es simple y con un buen diseño, así que de aquí ve voy a inspirar a generar mi diseño para el CSS Reboot de el 1ro de Mayo (ya aparesco en la lista.!!!):

posible.! Posted by Hello
Saludos.

29 marzo 2005

Rediseño I

RedesHe estado seleccionando una paleta de colores para el rediseño del sitio y he seleccionado la siguente gama de colores:

#BF8C01
#394F11
#879D58
#FFC600
#69842E
#B6C36D
#48632E

va tomando forma esto.

Saludos

Puente Tampico


puente Tampico. Posted by Hello


Saludos.

28 marzo 2005

1ro de Mayo.

RedesMe acabo de Inscribir a http://www.cssreboot.com/ para realizar un rediseño colectivo el 1ro de Mayo del 2005 con CSS, la idea surgió de un poste en el blog de BenjaminAdam. y se fue expandiendo a llegar a los que es ahora actualmente, solo hay unos cuanto sitios Mexicanos esperemos que pronto sean mas.

Ya tenia en mente el rediseño del blog, no es que no me guste como esta pero la verdad esta muy limitado en algunas cosas, y como se me cebo (frase mexicana referente algo salio mal) lo del sitio y esta en estatus "aguantate tantito" pues bueno practico el CSS en el blog.

A ver que sale de esto espero y todo bien por lo pronto buscar inspiración y una buena combinación de colores para el sitio, la combinación de verdes no esta mal, lo mas probable es que sea algo en la misma gama. a ver que sale.

Saludos.

27 marzo 2005

crea un banner con Flickr























Si quieres uno como este ve a Spell with flickr y puedes cambiar la letra si no te gusta dandole un click.

26 marzo 2005

"Vidio" Post

Via Tintachina descubro una nueva manera de postear asi que desee implementarlo y ver que resulta, este es un pequeño video de mi perro "el butch" he estado probando y este es el resultado, si desean implementar uno en su Blog aqui la manera




Saludos.

DIF Tampico


DIF Tampico. Posted by Hello


Saludos.

24 marzo 2005

Metro de Noche


Metro de noche. Posted by Hello


Saludos.

Nopals


Nopals Posted by Hello


Saludos.

Disfrutando un buen Jazz


Concierto Posted by Hello
Anoche tuve el privilegio de asistir a un concierto de Jazz organizado por el ayuntamiento de Tampico, 3 grupos tocaron: Resongones (local), Jazzmania (local) y el principal fue Nopals, integrado por 5 de los músicos de Luis Miguel (el cantante).

Dando las 7:30pm llegamos al Centro Cultural Metropolitano, la verdad tiene ya casi 2 años y no había tenido la oportunidad de ir, pasadas las 8:30pm dieron la tercera llamada, inicio el concierto Resongones un grupo de jazz local con muy buen ritmo tocando un poco de lo tradicional del jazz, le sigio de igual manera otro grupo local Jazzmania este con una combinación de jazz y ritmos latinos fueron también el deleite de los concurrente, y al fina el platillo fuerte Nopals, un excelente sonido y combinación de los distintos instrumentos llenaron el auditorio de buena música, era increíble la mezcla de sonidos de un piano, una batería, un bajo, un Saxofón y un trombón, después de 8 interpretaciones termino su participación con "Tampico Hermoso" muy a su estilo, no sin que sonaran las palmas de todos pidiendo una más, a lo cual ellos accedieron tocando una pieza más; fue una excelente noche de buena música, sobe todo porque todos lo disfrutamos tanto abajo como sobre el escenario.

Saludos

23 marzo 2005

"va la mia" Yahoo!

RedesAsí es Yahoo! dice un mega, pues toma yo también, se ha publicado una nota en news.com informando de la modificación de el almacenaje de esta tan socorrida webmail, hay que esperar como recibe esto hotmail y ver con que contesta MS($) este la nota aquí

Saludos.

Hay un Blog de: Cine

RedesSegún Wikipedia (adiós $Encarta) El cine, abreviatura de cinematografía, es la técnica consistente en proyectar fotogramas de forma rápida y sucesiva (24 fotogramas por segundo) para crear la impresión de movimiento ("kine" en griego significa movimiento y "grafos" escribir o plasmar).

Nombre
: blogdecine.
Dirección : http://www.blogdecine.com/
Descripción : Blogdecine es un weblog colectivo, dedicado a seguir la actualidad del mundo del cine y todo lo que le rodea..
Editores : Carlos Caridad, Teresa Morales, Juan Palombi, Raúl Rosales, Iván San Martín y Su'ad Shoukri.

En este blog participan un buen numero de colaboradores los cuales nos mantiene al día en lo que a cine se refiere, con una actualización constante un excelente lugar para mantenerse al día en cuanto a producciones, rodajes, directores, estrenos, proyectos, actores y muchísima más información al rededor de este arte, un blog muy recomendable para la cinéfilos.

Saludos.

22 marzo 2005

Metro - Centro Cultural


Metro - Centro Cultural Posted by Hello


Saludos.

Clases de CSS (II) - ponle aqui a ver que hace!.

RedesAbrimos el archivo basic.css al cual le vamos a agregar la etiqueta body, esta etiqueta va a controlar el aspecto de el nuestra página, es decir, características como fondo, margenes, color de texto, fuente que utilizaremos, interlineado, alineación, etc, etc., y quedaría de esta manera:
body {
background:#D21034 repeat;
margin:0;padding:0;
color:#FFFFFF;
font:11px verdana,arial,sans-serif;
line-height:1.4;
text-align:left; }
así indicamos que: "background:#D21034 repeat;" nuestra página tendra un fondo de este rojo; "margin:0;padding:0;" los margenes de la pagina son cero; "color:#FFFFFF;" el color de la fuente es blanco; "font:11px verdana,arial,sans-serif;" usaremos una fuente que sera de 11 pixels y de preferencia verdana, o arial, o sans-serif; "line-height:1.4;" el interlineado sera de 1.4 y "line-height:1.4;" alineado a la izquierda; hay que notar que las características de la etiqueta inician y terminan con corchetes ( { } ).

Ahora guardamos los cambios y lo enlazamos a los archivos html, en este caso a pagina.html que quedaría de la siguiente forma:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Pagina de Prueba.</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Content-Language" content="es-mx">
<style type="text/css" media="all">@import "css/basic.css";</style>
</head>
<body>
<body>

esto es @import "basic.css"; va a importar el contenido a este archivo; esto es muy útil ya que suponga que tiene 20 paginas de un sitio, y desea cambiar el color de fondo, tendría que modificar en 20 archivos distintos de esta manera solo tiene que modificar uno y se aplica a todos.

Continuara...

Saludos.

Extra, extra...!!

RedesEstos días se han desatado una ola de noticias en todo los sentidos de la Internet, ya que he estado ausente por varios días he aquí un recuento de lo que se ha hecho escuchar por la blogosfera:
  1. GMail "pal" 1 de Abril: Todo parece indicar que por fin GMail saldría de Beta y abrirá sus puertas a todo el publico, es una noticia muy esperada desde hace ya un buen tiempo, en ora buena por superar los obstáculos Google.
  2. Yahoo dijo: "ven pa aca Flickr": Todo empezó como un rumor que rondaba por ahí, pero dejo de ser lo para convertirse en realidad, con un suma de entre u$s30 y u$s35 millones de dólares (dicen) por la adquisición, con algunas mejoras para los usuarios (dicen).
  3. Yahoo 360º: Yahoo va por todo en uno, así es Yahoo intenta crear un "all in one" con un portal en el cual encontraras un blog, envió se mensajes a mobiles, manejador de fotos (puede ser acaso Flickr), listas de recomendación, su tan usado Blast, correo, mensajero, calendario, contactos y aun faltan por definir mas cosas.
  4. 1.0.2: Se anuncia la salida de el Mozilla Firefox 1.0.2 y Mozilla Thunderbird 1.0.2, esto por que se tiro la toalla en le proyecto Seamonkey.
Saludos.

17 marzo 2005

Juguete nuevo.!!!!

RedesAyer termine de cargar y configurar mi nuevo juguete, una Palm Zire 72s, viene con un MediaCard de 128Mb para poner mis respaldos de mis cd originales en mp3 (aja), además cuenta con una cámara para tomar fotos y vídeo, no mucho solo lo que le quepa a la MediaCard, aquí una imagen que no corresponde a la mía ya que es en plata, pero no encontré una igual:

juguete Posted by Hello

A propósito vendo una Palm Tungteng E en excelentes condiciones, preguntes por el precio a gustavodiazs@gmail.com

Saludos

16 marzo 2005

Perdido...!

RedesEntre el cambio de Hat 8 a Core 3 y la búsqueda de inspiración (como me dijo gersom unas hojitas de Cannabis) he tenido algo descuidado el blog y la verdad es que cambiaron muchas cosas en la transición de Red a Fedora, y hay que actualizarse, pero estamos pendiente en la busqueda de inspiración y las seudo clases de CSS

Saludos.

10 marzo 2005

Clases de CSS (I) - Primeros pasos.

RedesVoy a tratar de hacer una guia de lo que que he aprendido (poco realmente) de CSS, bueno lo primero es: entender como es que esa cosa rara, para los que usamos el HTML de antaño, nos hace la vida más fácil, y por que debemos de usarlo. pero antes que es CSS:
Las hojas de estilo en cascada (Cascading Style Sheets, CSS) son un lenguaje formal de ordenador usado para definir la presentación de un documento estructurado escrito en HTML o XML (y por extensión en XHTML). El W3C (World Wide Web Consortium) es el encargado de formular la especificación de las hojas de estilo que servirá de estándar para los agentes de usuario o navegadores.

La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un documento de su presentación.

Fuente wikipedia

y basta de lo que todo mundo ha dicho, resumiendo esto me permite crear un html (mi caso) más estructurado y validado, y simplificando y tomándolo como es, me permite hacer mas cosas con menos código y que se ven mejor, vamos a hacer esto practico como lo hice yo, sobre la marca ir aprendiendo.

Vamos a crear nuestro archivo CSS, se puede colocar dentro de el mismo html, pero es poco practico ya que si hay que modificar algo se tiene que modificar en n archivos distinto, muy tedioso, así que crearemos uno y lo enlazaremos a cada una de las paginas que lo necesiten, algo que se puede hacer es que en ocasiones en ciertas paginas no necesitamos todos los estilos así que podemos agrupar y crear archivos distintos, cargar solo lo necesario para cada pagina.

Usemos cualquier editor de textos (lo haremos todo a pie) pude ser Gedit, Xedit, kedit, jEdit, Notepad++, SciTE (el que yo uso) o ya el Notepad, y creemos un archivo que llamaremos basic.css y uno mas que se llame pagina.html, esto es en basic.css colocaremos todas la etiquetas que necesitemos para este ejemplo.

Continuara...

Saludos.

09 marzo 2005

Sitio 1 (I) - Buscando Inspiración

RedesYa tenias unos meses sin trabajo extra, el lunes me pidieron una propuesta para un grupo de empresas, tengo varias ideas, estoy planeando usar lo poco que he aprendido de CSS (wikipedia) para este sitio y ver si cumplo los estándares W3C (wikipedia), de hecho de el tiempo que tengo trabajando con el HTML (6 años) nunca me había preocupado por esto, en buen momento para empezar he aquí un bosquejo de lo que pienso hacer :

boceto Posted by Hello

Saludos

08 marzo 2005

103 en 1

Entre ayer y hoy acabe de configurar mi cuenta de feedness, y real mente me ha simplificado la vida, por que, explico:
Trato de mantenerme al día en esto de la bogosfera, así que cada blog que me encuentro y me parece interesante lo agrego a mis marcadores, así tengo de html, css, flash, comunicación, seguridad, tecnología, gangets, etc, etc., y mis marcadores de blogs ha crecido a la cantidad de 120 sitios distintos, yo trato de leerlos pero es imposible en ocasiones y más cuando descargo los que no están actualizados.
Tengo la cuanta de feedness desde que http://www.studio.st/ publico atravez de http://www.htmllife.com/ que había liberado la beta, pero por falta de tiempo y desidia no había cargado mas que unos, los que por problemas de ruteo de mi proveedor de Internet no logro ver, pero la falta de tiempo me ha orillado a usarlo para casi todos mis blogs, digo casi todos por que solo hice funcionar 113 de los 120 blogs, por problemas algunos de los sitios y otros de feedness, ahora llego a un solo sitio y leo 113, además de que me marca los que fueron actualizados desde mi ultima visita.

Excelente para quien como yo hay mucho que leer y poco tiempo para hacerlo.

Saludos
Feedness Posted by Hello

07 marzo 2005

Inovando Msn Menssager 7

RedesTengo instalado en Msn Menssager 7 la versión beta, hoy estaba moviendo la configuración y por error abro MSN Today (lo tengo en ingles), "bueno, mugrero" dije y me llamo la atención esto que aparece:


MSN Today Posted by Hello

y dirían que de innovador, pues no innovador pero si útil y rápido de acceder.
Saludos

OpenOffice 2.0


Ya se libero la Beta de esta estupenda suite ofimática que viene a remplazara $Microsof Office, con la pequeña diferencia que es gratis.

Pueden descargar y probar de esta dirección: http://www.openoffice.org/

Saludos.