[Ovillo] Slideshow en javascript (offtopic?)

2010-03-16 Por tema Germán Bustos
Hola,

Primero que todo dos disculpas: una porque este tema es un poco off-topic
y la otra porque no he terminado de aprender JavaScript ni jQuery que cada
vez veo que son herramientas indispensables en nuestro trabajo cotidiano
como webmasters.

Tengo un problema con JavaScript y no sé como entrarle, para el sitio
http://roboticaescolar.com/ hice un slideshow que está en primera plana la
idea es que salga un texto sobre la foto que es el logo de un artículo. Lo
hice tomando de un sitio que corre con WordPress un plugin de jQuery que se
llama Cycle y no cambié ninguno de los parámetros de configuración, pero
tiene un grave problema (además de las fotos): en el primer ciclo, la última
imagen se entromete y hace que la información que aparece encima de las
fotos no concuerde con ellas, sin embargo cuando pasa el primer ciclo
funciona perfectamente, pero son 12 productos así que para el visitante de
primera vez la información siempre está errada.

Abajo pego el código de control de jQuery Cycle, la verdad aun no manejo
bien estos conceptos y me gustaría aprender a diseñar mis propias
presentaciones,
El plugin están en mi servidor en
http://roboticaescolar.com/squelettes/js/jquery.cycle.all.min.js y la hoja
de estilos en http://roboticaescolar.com/squelettes/css/slides.css

 inicia archivo de control scripts.js
---

var autoSlide = true;
var autoSlideSecs = 10;

var proj = 0;
var interval = null;

function textSlideIn(proj) {
$('ul.text').children('li:eq('+proj+')').animate({ right: -1px },
700);
}
function textSlideOut(proj) {
$('ul.text').children('li:eq('+proj+')').animate({ right: -280px },
700);
}
function photoFadeIn(proj) {
$('ul.photo').children('li:eq('+proj+')').fadeIn(700);
}
function photoFadeOut(proj) {
$('ul.photo').children('li:eq('+proj+')').fadeOut(700);
}
function photoPutBehind(proj) {
$('ul.photo').children('li:eq('+proj+')').css('z-index', 0);
}
function nextSlide() {
$('ul.photo').children('li:eq('+proj+')').css(z-index, 2);
setTimeout('photoFadeOut('+proj+')', 1000);
setTimeout('photoPutBehind('+proj+')', 1500);
textSlideOut(proj);
proj++;
var i = $('ul.text li').size() - 1;
if (proji) proj = 0;
setTimeout('photoFadeIn('+proj+')', 1500);
setTimeout('textSlideIn('+proj+')', 1000);
}

 termina archivo de control scripts.js
---

No he querido tocarlo para nada porque funciona bien en el segundo ciclo y
no entiendo cómo se podría manejar


Muchas gracias,


Germán

-- 
Germán Bustos
(+57)3177381339
Atarraya
http://atarraya.org
http://germanbustos.com



-- 
Germán Bustos
(+57)3177381339
Atarraya
http://atarraya.org
http://germanbustos.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Slideshow en javascript (offtopic?)

2010-03-16 Por tema Germán Bustos
Muchas gracias,

Ya hice eso. Los z-index cambian al pasar el bucle, al principio no tienen
nada, pero luego a medida que el script se corre, se le van poniendo
z-index=2 ( que dura muy poco) y luego se cambia z-index=0 entonces es
cunado pasa que se pone adelante la última...

Pero no sé que tocar para que cambie. Agradezco ayuda.

German



El 16 de marzo de 2010 10:20, I'm Jepser m...@jepserbernardino.com escribió:

 revisa los z-index de las capas, algo asi me paso a mi. Con firebug chequea
 en slide que te da problema como es que el objeto va cambiando de
 z-index...
 Espero que te ayude

 El 16 de marzo de 2010 08:40, Germán Bustos ger...@atarraya.org
 escribió:

  Hola,
 
  Primero que todo dos disculpas: una porque este tema es un poco
 off-topic
  y la otra porque no he terminado de aprender JavaScript ni jQuery que
 cada
  vez veo que son herramientas indispensables en nuestro trabajo cotidiano
  como webmasters.
 
  Tengo un problema con JavaScript y no sé como entrarle, para el sitio
  http://roboticaescolar.com/ hice un slideshow que está en primera plana
 la
  idea es que salga un texto sobre la foto que es el logo de un artículo.
 Lo
  hice tomando de un sitio que corre con WordPress un plugin de jQuery que
 se
  llama Cycle y no cambié ninguno de los parámetros de configuración, pero
  tiene un grave problema (además de las fotos): en el primer ciclo, la
  última
  imagen se entromete y hace que la información que aparece encima de las
  fotos no concuerde con ellas, sin embargo cuando pasa el primer ciclo
  funciona perfectamente, pero son 12 productos así que para el visitante
 de
  primera vez la información siempre está errada.
 
  Abajo pego el código de control de jQuery Cycle, la verdad aun no manejo
  bien estos conceptos y me gustaría aprender a diseñar mis propias
  presentaciones,
  El plugin están en mi servidor en
  http://roboticaescolar.com/squelettes/js/jquery.cycle.all.min.js y la
 hoja
  de estilos en http://roboticaescolar.com/squelettes/css/slides.css
 
   inicia archivo de control scripts.js
  ---
 
  var autoSlide = true;
  var autoSlideSecs = 10;
 
  var proj = 0;
  var interval = null;
 
  function textSlideIn(proj) {
 $('ul.text').children('li:eq('+proj+')').animate({ right: -1px },
  700);
  }
  function textSlideOut(proj) {
 $('ul.text').children('li:eq('+proj+')').animate({ right: -280px },
  700);
  }
  function photoFadeIn(proj) {
 $('ul.photo').children('li:eq('+proj+')').fadeIn(700);
  }
  function photoFadeOut(proj) {
 $('ul.photo').children('li:eq('+proj+')').fadeOut(700);
  }
  function photoPutBehind(proj) {
 $('ul.photo').children('li:eq('+proj+')').css('z-index', 0);
  }
  function nextSlide() {
 $('ul.photo').children('li:eq('+proj+')').css(z-index, 2);
 setTimeout('photoFadeOut('+proj+')', 1000);
 setTimeout('photoPutBehind('+proj+')', 1500);
 textSlideOut(proj);
 proj++;
 var i = $('ul.text li').size() - 1;
 if (proji) proj = 0;
 setTimeout('photoFadeIn('+proj+')', 1500);
 setTimeout('textSlideIn('+proj+')', 1000);
  }
 
   termina archivo de control scripts.js
  ---
 
  No he querido tocarlo para nada porque funciona bien en el segundo ciclo
 y
  no entiendo cómo se podría manejar
 
 
  Muchas gracias,
 
 
  Germán
 
  --
  Germán Bustos
  (+57)3177381339
  Atarraya
  http://atarraya.org
  http://germanbustos.com
 
 
 
  --
  Germán Bustos
  (+57)3177381339
  Atarraya
  http://atarraya.org
  http://germanbustos.com
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
  http://lists.ovillo.org/mailman/listinfo/ovillo
 



 --
 Jepser Bernardino
 www.npixels.net
 twitter jepser
 tel. 52730528
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo




-- 
Germán Bustos
(+57)3177381339
Atarraya
http://atarraya.org
http://germanbustos.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


[Ovillo] Mover una imagen dentro de una div

2010-03-02 Por tema Germán Bustos
Hola,

Estoy usando unas imágenes (que cargo desde el gestor de contenidos) como
botones de un menú, creé una imagen doble para mostrar  el estado normal y
visited y el estado estado active y hover. Logré que el CSS haga que se
muestre únicamente la primera mitad del botón lo que hace que se vean
perfectos los botones como los quise trabajar. El tema es que no logro
hacer el movimiento es decir que cuando pase el ratón por encima o haga
clic me muestre la otra mitad del botón.

Mi HTML es:

div id=menuarriba

a href=/seccion1img src=logosec1.png alt= width=400 height=110
//a

a href=/seccion2img src=logosec2.png alt= width=400 height=110
//a

a href=/seccion3img src=logosec3.png alt= width=400 height=110
//a

/div

Y el CSS dice:

#menuarriba{
  width: 602px;
  float: right;
}
#menuarriba a, #menuarriba a:visited, #menuarriba a:link{
  display: block;
  float: left;
  width: 200px;
  overflow: hidden;
}
#menuarriba a:hover, #menuarriba a:active{
  text-align: right;
}

Asumo que lo que tengo que hacer es ubicar un valor para #menuarriba a:hover
y active pero acepto consejos sobre otras opciones, preferiría que el tema
se solucionara exclusivamente con CSS.

Muchas gracias,


Germán


-- 
Germán Bustos
(+57)3177381339
Atarraya
http://atarraya.org
http://germanbustos.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Mover una imagen dentro de una div

2010-03-02 Por tema Germán Bustos
Muchas gracias Luis,

El efecto que quiero es ese, que sea como el sprite en el que se mueve la
imagen de fondo, pero en este caso las imágenes están en el contenido, el
otro lo sé hacer y me ha funcionado.

El tema es que cuando uno hace el sprite la imagen de fondo es igual en cada
botón, acá tengo unos botones irregulares, diferentes para cada elemento del
menú

Voy a hacer un par de pruebas, si no tocara usar un poco de Javascript.

Muchas gracias,

Germán

El 2 de marzo de 2010 15:59, Luis Mario Álvarez mag...@magrio.netescribió:

 Lo que intentas hacer (creo), es un sprite. Pero así no lo conseguirás.

 Para hacer lo que creo que pretendes necesitas mostrar la imágen como
 background, y mediante background-position la vas moviendo, ya sea por
 el eje x o el eje y, hasta mostrar el área que necesitas. El elemento
 html que lo va a mostrar necesita ser o estar en block, y si tienes
 textos sobre él los puedes quitar con un valor negativo en
 text-iindent.

 Lo que dije es por lo que percibo, porque para entender tu idea
 necesitaria ver un ejemplo online.

 On 3/2/10, Germán Bustos ger...@atarraya.org wrote:
  Hola,
 
  Estoy usando unas imágenes (que cargo desde el gestor de contenidos) como
  botones de un menú, creé una imagen doble para mostrar  el estado normal
 y
  visited y el estado estado active y hover. Logré que el CSS haga que se
  muestre únicamente la primera mitad del botón lo que hace que se vean
  perfectos los botones como los quise trabajar. El tema es que no logro
  hacer el movimiento es decir que cuando pase el ratón por encima o haga
  clic me muestre la otra mitad del botón.
 
  Mi HTML es:
 
  div id=menuarriba
 
  a href=/seccion1img src=logosec1.png alt= width=400
 height=110
  //a
 
  a href=/seccion2img src=logosec2.png alt= width=400
 height=110
  //a
 
  a href=/seccion3img src=logosec3.png alt= width=400
 height=110
  //a
 
  /div
 
  Y el CSS dice:
 
  #menuarriba{
width: 602px;
float: right;
  }
  #menuarriba a, #menuarriba a:visited, #menuarriba a:link{
display: block;
float: left;
width: 200px;
overflow: hidden;
  }
  #menuarriba a:hover, #menuarriba a:active{
text-align: right;
  }
 
  Asumo que lo que tengo que hacer es ubicar un valor para #menuarriba
 a:hover
  y active pero acepto consejos sobre otras opciones, preferiría que el
 tema
  se solucionara exclusivamente con CSS.
 
  Muchas gracias,
 
 
  Germán
 
 
  --
  Germán Bustos
  (+57)3177381339
  Atarraya
  http://atarraya.org
  http://germanbustos.com
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
  http://lists.ovillo.org/mailman/listinfo/ovillo
 


 --
 Matraka
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo




-- 
Germán Bustos
(+57)3177381339
Atarraya
http://atarraya.org
http://germanbustos.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] [OT] Sobre off-topics (Era: Hosting para envio de emails)

2010-02-18 Por tema Germán Bustos
Ramón y demás amigos/as de Ovillo,

Concuerdo plenamente con la observación y estoy de acuerdo con la
importancia del control social, además huyo de cualquier espacio donde se
hable de fútbol. ;-)

Si embargo el pedazo de mi observación, que citas, merece una aclaración.
Ovillo es una lista con unos tópicos determinados y explícitos, que todos
conocemos (o deberíamos), no pretendí plantear que se ampliaran los temas,
no depende de mí; lo que señalé y reafirmo es que la frecuencia de la
aparición de off-topics es un síntoma de una gran necesidad de
comunicación de los webmaster del mundo hispanohablante.

No sé si la solución que plantea Pablo (quien hizo la pregunta sobre hosting
de e-mail) de hacer otra lista sea la más adecuada, él abrió una lista nueva
en GoogleGroups para que se inscriban las personas que quieren hablar de
todos los temas relacionados con ser webmaster. Creo que por el tamaño de
esta comunidad, por su antigüedad y experiencia y, sobre todo,  por el ruido
que generan mensajes como éste, creo que es importante que la comunidad
aborde el tema un paso más allá de manifestar la molestia.

Sería interesante que lo discutiéramos, acá o en otra parte...

Germán



El 18 de febrero de 2010 13:54, Ramón Corominas
lis...@ramoncorominas.comescribió:

 Hola, Ovillo

 Como aludido molesto por los off-topic, diré que no se trata
 exactamente de molestia en el sentido de enfado, trastorno grave o
 similares, sino sencillamente de extirpar el cáncer antes de que se
 extienda.

 Cuando alguien lanza un tema off-topic totalmente colateral, sin
 relación alguna ya no con el CSS, sino con el desarrollo web en sí, y
 sin ni siquiera marcarlo como tal, creo que es importante que se diga
 eh, esto no es correcto, porque al hacerlo todos tomarán conciencia de
 que hay que respetar las normas, porque si no a estas alturas seguro que
 estaríamos hablando de fútbol ;)

 Saludos,
 Ramón.

 Germán escribió:
  Creo que el hecho de la aparición de tantos mensajes off.topic señala la
  necesidad de una comunidad más abierta con espacios para hablar de otros
  temas, no se si podrían crear sub-listas o algo así sobre los muchos
 otros
  temas que nos interesan como webmasters.
 
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo




-- 
Germán Bustos
(+57)3177381339 - 3132003998
Atarraya
http://atarraya.org
http://germanbustos.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] [OT] Hosting para envio de emails

2010-02-17 Por tema Germán Bustos
/listinfo/ovillo
 
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo




-- 
Germán Bustos
(+57)3177381339 - 3132003998
Atarraya
http://atarraya.org
http://germanbustos.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


[Ovillo] No entiendo esta definición de tamaño de fuente

2009-11-30 Por tema Germán Bustos
Hola,

Estoy transformando una hoja de estilos y encuentro el siguiente selector

body{
  background-color: #FFF;
  text-align: center;
  font: 100%/1.5 arial, helvetica, sans-serif
}

No entiendo la definición del tamaño de fuente, agradezco si me pueden
explicar.

Gracias,

Germán

-- 
Germán Bustos
(+57)3177381339 - 3132003998
Atarraya
http://atarraya.org
http://germanbustos.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] codigo fuente generado x CMS

2009-10-05 Por tema Germán Bustos
Hola Joseba,

El uso de sistemas de manejo de contenidos o gestores de contenido es muy
interesante y es la forma de entrar en el mundo web 2.0, de manera
simplificada un CMS lo que hace es separar la forma del contenido, pone el
contenido en una base de datos y construye páginas las web mezclando el
contenido que está en la base de datos con unas estructuras de HTML y CSS
genéricas que se llaman plantillas, esqueletos o templates (según el CMS
específico que uses).

Para el usuario final es una enorme ventaja usar un CMS en la medida en que
puede actualizar su sitio simplemente accediendo a una interfase privada o
interna del sitio en la que puede agregar unidades de información, gestionar
los usuarios y muchas cosas más. Para un diseñador es una ventaja porque no
tiene diseñar página por página sino que puede hacer los modelos generales
(plantillas) que se usan en el sitio. Claro para nosotros implica un reto
adicional conocer además de HTML y CSS el lenguaje de programación del
sistema de manejo de contenidos que en muchos casos es un lenguaje genérico
de script para web como PHP y en sistemas especializados hay un metalenguaje
específico que permite escribir la programación.

Hay una creciente cantidad de CMS, muchos de ellos de software libre. Un
buen lugar paea explorar el tema es
OpenSourceCMShttp://php.opensourcecms.com/allí puedes ver un demo en
vivo de muchos de los CMS más populares. En
CMSMatrix se pueden comparar características de muchos tipos de CMS, cuando
uno está preocupado por cuestiones de seguridad o facilidad de
personalización, por ejemplo puede ser útil revisar.

En lo personal he montado más de 20 proyectos usando SPIP
http://www.spip.net/esy lo puedo recomendar ampliamente, con respecto a
otros CMS como Drupal o Joomla (los más populares hoy en día) puedo decir
que SPIP ha presentado muchos menos problemas de seguridad que Joomla y que
es mucho más configurable que los dos, en SPIP los esqueletos de trabajo no
tienen ninguna limitación. solo lo que seamos capaces de hacer. Pero lo que
más me gusta es que la lógica interna es muy simple para el usuario final,
consiste en una metáfora de una revista, se crean secciones y dentro de las
secciones se ponen los artículos, notas breves o enlaces a sitios
(incluyendo los hilos de RSS de otros sitios si se desea), sando plugíns se
pueden presentar también eventos, formularios, encuestas y kuchas otras
cosas... Además hay una fuerte comunidad de SPIP en América Latina y
España...

Germán Bustos
http://atarraya.org





El 5 de octubre de 2009 10:01, Joseba jos...@visionasolutions.es escribió:

 Hola!



 Tenemos un cliente que desea hacer una web de productos pero quiere que la
 desarrollemos con algún CMS tipo drupal o joomla.



 El caso es que también quiere luego poder modificar el código fuente para
 poner funcionalidades que no dé el susodicho CMS tanto a nivel de cliente
 como de servidor.



 La pregunta es: para los que tenéis experiencia con este tipo de
 desarrollos. ¿Es complicado tocar ese código?



 Gracias.



 Slt.



 Caminar sobre el agua y desarrollar software a partir de unas
 especificaciones es fácil. si ambas están congeladas.
 Edward V. Berard, ingeniero informático.



 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo




-- 
Germán Bustos
Atarraya
(+57)3177381339
http://atarraya.org
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] codigo fuente generado x CMS

2009-10-05 Por tema Germán Bustos
Entonces, definitivamente lo mejor es SPIP...

El 5 de octubre de 2009 11:32, Joseba jos...@visionasolutions.es escribió:

 No que va.

 El cliente lo que quiere es poder tocar el código fuente para meterle
 posibles funcionalidades que no te dé el CMS.

 Slt.

 -Mensaje original-
 De: ovillo-boun...@lists.ovillo.org [mailto:
 ovillo-boun...@lists.ovillo.org]
 En nombre de Rodrigo Álvarez Virgós
 Enviado el: lunes, 05 de octubre de 2009 17:19
 Para: Ovillo, la lista de CSS en castellano
 Asunto: Re: [Ovillo] codigo fuente generado x CMS

 Hola, Joseba

 Más que CMS o Joomla, imagino que tu cliente querrá poder tocar el
 código de sus productos con un editor tipo CKEditor [1] o WYMeditor.
 Integrarlos es muy fácil, aunque no tanto agregarles funcionalidades que
 no incorporan por defecto: subir e insertar imágenes, vídeos, mapas,
 etc. Yo te recomiendo el segundo, cosas como ésta [3] están hechas por
 el cliente, que toca el código a su antojo.

 [1] http://ckeditor.com/what-is-ckeditor
 [2] http://www.wymeditor.org
 [3]

 http://www.quadtreros.com/noticias-de-quad-y-atv/rutas-y-concentraciones/278
 2/2-jornada-quad-atv-vertavillo-2009http://www.quadtreros.com/noticias-de-quad-y-atv/rutas-y-concentraciones/278%0A2/2-jornada-quad-atv-vertavillo-2009

 Joseba escribió:
  Hola!
 
 
 
  Tenemos un cliente que desea hacer una web de productos pero quiere que
 la
  desarrollemos con algún CMS tipo drupal o joomla.
 
 
 
  El caso es que también quiere luego poder modificar el código fuente para
  poner funcionalidades que no dé el susodicho CMS tanto a nivel de cliente
  como de servidor.
 
 
 
  La pregunta es: para los que tenéis experiencia con este tipo de
  desarrollos. ¿Es complicado tocar ese código?
 
 
 
  Gracias.
 
 
 
  Slt.
 
 
 
  Caminar sobre el agua y desarrollar software a partir de unas
  especificaciones es fácil. si ambas están congeladas.
  Edward V. Berard, ingeniero informático.
 
 
 
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo
 
 
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo




 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo




-- 
Germán Bustos
Atarraya
(+57)3177381339
http://atarraya.org
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] ¿Cuando utilizar Joomla, Mootools, etc?

2009-09-07 Por tema Germán Bustos
 ciertas
  características que Joomla ya te las da incluso predeterminadas: módulo
  para
  logearse, un buscador, etc.
 
  Yo en mi caso primero intenté modificar plantillas que ya venían con
  Joomla,
  pero me resultó tan enmarañado que acabé liándome la manta a la cabeza
 y
  creando yo mi propia plantilla, que ha resultado más fácil, sabiendo CSS
 y
  HTML, pero para probar, con una prediseñada que sea sencilla, puedes
  empezar
  a verle las tripas y luego investigas.
 
  La gran pega que le veo a Joomla, es el uso (y no se si atreverme a
 decir
  abuso) de tablas, pero espero que esto se solucione en próximas
 versiones.
  Quizás también el hecho de que como es algo hecho de antemano, sobre
 mucho
  código que luego no se va a usar.  Seguro que hay más contras y también
  pros, ya te dirán los expertos.
 
  Un saludo,
 
  Guadalupe
 
 
 
  El 7 de septiembre de 2009 14:21, Samuel - samupip...@gmail.com
  escribió:
 
Hola
  
   Estoy empezando en este mundillo. Me gustaría saber vuestras opiniones
   acerca de la necesidad del uso de Joomla, Mootools y aplicaciones
   similares.
   Actualmente desarrollo mis páginas con un editor de html+css y sobre
   código.
  
   ¿Cuando aplicaciones como Joomla o Mootools merecen la pena? ¿Si
 empiezo
   desde cero usando las plantillas de estas herramientas? ¿Y si me dedico
 a
   maquetar un diseño? ¿Sólo son útiles para grandes páginas web?
  
   Desde ya, gracias por vuestras respuestas.
  
   Samuel
   ___
   Lista de distribución Ovillo
   Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
   Puedes modificar tus datos o desuscribirte en la siguiente dirección:
   http://lists.ovillo.org/mailman/listinfo/ovillo
  
 
 
 
  --
  Guadalupe
  www.hacerwebs.com
   ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
  http://lists.ovillo.org/mailman/listinfo/ovillo
 



 --
 En cambio, el amor de Dios siempre será el mismo; Dios ama a quienes lo
 honran, y siempre les hace justicia a sus descendientes, los que cumplen
 fielmente su pacto y sus mandamientos. Mi Dios es el rey del cielo; es el
 dueño de todo lo que existe. Salmos 103:17-19

 Irán Vásquez S.
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo




-- 
Germán Bustos
Atarraya
(+57)3177381339
http://atarraya.org
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Pregunta sobre portales para los clientes

2009-09-02 Por tema Germán Bustos
Yago,

Suena interesante este IE tester, solo se me ocurre una pregunta ¿Que
versión de Internet Explorer hay que tener instalada?

Gracias

Germán

El 2 de septiembre de 2009 07:19, Reactivo Química Visual 
conta...@reactivo.es escribió:


 Respecto a tener todos los navegadores instalados, para instalarse IE,
 Safari, Firefox, Ópera y Chrome en windows no hay mayor problema que
 descargarlos e instalarlos. El problema viene cuando queremos tener
 distintas versiones del mismo navegador... Para esto en IE hay algunas
 soluciones, la mejor en mi opinión (aunque inestable, el programa se me cae
 cuando lleva tiempo arrancado) es IE
 Testerhttp://www.my-debugbar.com/wiki/IETester/HomePage,
 permite probar la web en IE 6-7-8 desde el mismo programa.

 Para probar distintas versiones de los otros navegadores, la verdad es que
 sólo lo he hecho con Firefox 2/3. Teniendo instalada la última versión,
 puedes bajarte una versión portable del Firefox
 2http://www.zonafirefox.net/2007/07/firefox-2005-portable.html y
 ejecutarla para probar tus diseños, aunque no te deja tener las dos
 versiones abiertas al mismo tiempo.


-- 
Germán Bustos
Atarraya
(+57)3177381339
http://atarraya.org
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


[Ovillo] Listas anidadas que disminuyen el tamañ o de fuente

2009-08-27 Por tema Germán Bustos
Hola

Tengo un sitio en el que presento menús y otros componentes usando listas
anidadas

ul
liElemento uno/li
liElemento dos
 ul
 lisub elemento uno/li
 lisub elemento dos/li
  /ul
/li

La fuentes las estoy definiendo en em y las listas anidadas bajan de tamaño
hasta casi desaparecer, ¿hay alguna forma de mantener el tamaño de las
fuentes? Lo lógico parecería ser usar tamaños en pixeles o puntos pero
pienso que es mejor definir las fuentes en em pero quiero evitar que se
herede la condición proporcional al momento de anidar ¿se puede?

Gracias,

Germán


-- 
Germán Bustos
Atarraya
(+57)3177381339
http://atarraya.org
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


[Ovillo] Manejo básico de listas

2009-08-05 Por tema Germán Bustos
Hola,

Estoy usando una lista para presentar los artículos que vienen en una
sección:

div id=artseccion
ol
  li
   h3Titulo artículo 1/h3
   div class=introarticulobla, bla, bla/div
  /li
   li
h3Titulo articulo 2/h3
div class=introarticulobla2, bla2, bla2/div
/li
/ol
/div

Lo que quiero es que me muestre los artículos utilizando el ancho completo
de la caja contenedora, para eso uso esto:

#artseccion ul{
  list-style: none outside;
  float: left;
}
#artseccion ul li{
  display: block;
}

Con esto desaparecen la viñetas (bullets) que marcarían cada ítem de la
lista, lo que no logro hacer es que se corra hacia la izquierda usando todo
el ancho de la columna, siempre me queda un relleno a la izquierda. He
estado revisando en Google y veo varias opciones, por una parte poner un
margen negativo (algo como margin-left: -1em; ) para forzarlo a correrse,
pero en otros lados dice que hay que poner tanto margin como padding con el
valor negativo, en ese sitio explicaban que unos browsers corren las listas
usando padding y otros usando margin. Por ahora prefiero dejar la página con
el hueco que ponerme a experimentar con una página en línea.

Otra cosa que he hecho es resetear los valores de las listas del valor por
defecto, pero me parece que me complica la vida cuando necesito que las
listas vuelvan a funcionar normalmente en ciertos contextos. En otras
palabras, cómo hago para volver a poner las listas predefinidas cuando he
reseteado y cuál es la mejor técnica para manejar ese tema...

Muchas gracias,

Germán

-- 
Germán Bustos
Atarraya
(+57)3177381339
http://atarraya.org
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] EDITOR CSS!

2009-07-29 Por tema Germán Bustos
Hola Raúl,

Creo que es muy válida la pregunta, en Google se podrán encontrar muchas
referencias a programas que hacen esto o lo otro pero lo interesante de esta
lista es poder tener la interacción con profesionales que han trabajado (y
sufrido) con diversos ambientes.

Te cuento mi experiencia:

Hasta hace unos meses trabajaba con HomeSite paraeditar código HTML y con
TopStyle para editar CSS, éste último en su versión Pro es una herramienta
muy buena, no te garantiza que todo te salga bien pero te puede mostrar lo
que es válido o no para determinados browsers y lo que cumple la
especificación (puedes usar CSS1.1, CSS 2.0, CSS 2.1).

Recientemente estuve experimentando con Aptana, muy interesante, muy
completo, es un ambiente integrado de desarrollo IDE, por tanto tiene la
posibilidad de trabajar en el mismo ambiente CSS, HTML, PHP, JavaScript y
muchas cosas más, él único problema que le encontré en lo poco que lo usé es
que resultaba muy pesado para mi viejo computador así que no he seguido
trabajando con él. Este tiene la enorme ventaja que es software libre. Tiene
plugins para muchas cosas, incluso para trabajar en español.

El otro IDE que me encontré recientemente es WeBuilder, muy completo, con
muchas cosas, un editor de CSS casi tan completo como TopStyle... ese es el
que uso ahora como editor principal para HTML, CSS, PHP y Javascript. Aunque
mantengo el HomeSite, el TopStyle, el Aptana  y también tengo instalados Vim
para Windows, Notepad++ y PSPad.

La mayor parte de las veces trabajo sobre Webuilder pero a veces necesito
otros más ligeros, o conectados directamente desde el menú de contexto del
explorador de Windows o desde el programa de compresión, etc.

En otra lista ante una pregunta de estas alguien respondía que el bloc de
notas (o sus equivalentes en MAc y Linux) es herramienta suficiente para
hacer código, en lo cual tiene razón, pero también había un tono arrogante
en esa respuesta, los editores de código tienen una gran posibilidad de
ayudarnos, como hacen TopStyle, HomeSite, WeBuilder o Aptana dando opciones
para elegir según el contexto, o manejando proyectos o guardando pedazos de
código que podemos reusar en otros proyectos, peor ante todo lo que yo busco
es que me ayuden a evitar errores de digitación que con frecuencia son los
que con más frecuencia nos generan problemas. WeBuilder o Aptana tienen la
opción de colorear donde termina una unidad de código (por ejemplo dónde se
cierra un tag de HTML) y eso es clave cuando uno está intentando rastrear un
problema...



Saludos,

Germán



El 29 de julio de 2009 10:17, Raúl Antonio Marino 
i...@raulantoniomarino.com.ar escribió:

 Alg?n editor bueno CSS, que te salga predeterminado como para poner los
 atributos y eso, y que despues corra bien en el navegador???

 Gracias!

 ---
 Ra?l Antonio Marino
 http://www.raulantoniomarino.com.ar

 - Original Message -


-- 
Germán Bustos
Atarraya
(+57)3177381339
http://atarraya.org
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] No mas IE6 para youtube?

2009-07-15 Por tema Germán Bustos
A mi me funcionan bien Firefox 3.5, Opera 9.46, Safari, Chrome 2 y con
alguna frecuencia varios de ellos al tiempo en un computador con 126MB de
memoria y con más de 8 años de uso.

Bueno, cuando abro 10 pestañas con páginas como Gmail, Facebook, Twitter y
estoy trabajando un diseño y tengo otros programas, Firefox se pone lento.

Por mi feliz que se incentive el cambio de IE6, pero ese no es problema para
personas como los que participamos en esta lista que seguro ya navegamos con
cualquier otro browser, o por lo menos los tenemos disponibles y sabemos que
Internet no es lo que se ve con Internet Explorer.

Muchos de los usuarios, el público objetivo al que queremos llegar, no están
al tanto de ese tema, creen que Internet Explorer ES internet y consideran
muy complicado cambiar su browser...

Germán

El 15 de julio de 2009 06:47, Marc Palau m...@palaueb.com escribió:

 Yo lo que veo es que solo un gigante como googlw puede motivar un cambio
 de mentalidad, lo increíble es que lo intentó con Chrome, pero parece
 que no cuajó como tendría que haberlo hecho.

 Ahora yo me pregunto, ¿hay algún navegador actualizado (en estándares)
 que funcione decentemente en ordenadores antiguos como los que hacen
 correr IE6? porque vamos a ver, todos los componentes de esta lista
 vamos locos porque desaparezca de la corteza terrestre este alien de
 navegador, ¿pero qué va a motivar el cambio por algo mejor, si eso mejor
 no funciona ni a pedales?.

 carencias carencias y más carencias ... :(
 saludos!!!
 Marc

 Nesta Guerrero Pancorbo wrote:
  El Wednesday 15 July 2009 12:42:27 Philipp Keweloh escribió:
 
  ¡Por fin! Muy buena iniciativa la de Google :)
 
 
  Ole sus webos, esperemos que todas las demás empresas sigan su camino,
 que los
  clientes funcionarios que se inchan a ver videos de youtube
   al no poder verlos se pasen a otro. VIVA SAN GOOGLE
 
 
  Ahora yo pongo una pregunta medio robando el hilo,
 
  Lo echaréis de menos al IE6??? ajajajajajaj
 
  con los trucos ya de que esto no se ve en el IE, ah pos seguro que es o
 el
  height 1% ejjeej de lo mas simple, pasando por el alpha filter, o por
 meter
  htc, ejejejejej
 
  yo seguro que no lo echaré de menos
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo
 
 

 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] ¿HTML 5 YA?

2009-06-10 Por tema Germán Bustos
Gonzalo,

Disculpa mi ignorancia crasa en el tema. Confió en tu criterio cuando dices
que aun no podemos contar con CSS3 y HTML5, pero que ya se puede agregar RDF
a nuestros sitios para mejorar el SEO y la estructura semántica. Me parece
maravilloso, espero que todo eso esté en los enlaces que envías, aunque leer
las especificaciones con frecuencia lo deja a uno más confundido, por lo
menos a mi.

Pero para no hablar en abstracto quiero citar un caso concreto, hace unos
días estaba haciendo un sitio y me esforcé mucho por tener HTML válido.
Tenia casi todo listo, pero cuando puse el trozo de código que me daba la
licencia de Creative Commons el HTML dejó de ser válido, los atributos como
rel=license se consideraban no válidos.

Como no supe que hacer lo que hice fue eliminar todos los atributos que no
validaba el W3C y seguir trabajando.

Tánto hay por aprender...

Germán

El 10 de junio de 2009 2:13, A. Gonzalo Bravo
alejandrogbr...@yahoo.esescribió:

 Saludos.

 HTML5 es un borrador que si todo sigue su curso, alcanzará el estatus de
 recomendación allá por el 2020 (no el año que viene, ni dentro de dos
 años, es dentro de diez años o más). Todavía se están decidiendo que
 elementos se quieren incluir, y nada te garantiza que elementos que
 están en el borrador actual continuen en la futura especificación. En
 CSS3 creo recordar que elementos propuestos inicialmente, se han
 modificado (mi memoria es frágil en cualquier caso).

 Desde mi punto de vista, es demasiado pronto para utilizarlo. Para jugar
 y hacer experimentos, vale, ¿pero en producción? No veo motivos para
 usarlos.

 Cambiando de asunto. Si estás preocupado por el SEO, aparte de todas las
 recomendaciones clásicas, te puede interesar usar XHTML+RDFa [1].  RDF
 te puede dar mucho juego, hay vocabularios bastante extendidos, aunque
 encontrar alguno que cubra necesidades muy específicas, puede ser
 complicado.
 Por otro lado,  puedes usar microformatos, como el posicionamiento
 geográfico [2], para la ubicación de las parcelas (si se dispone de esa
 información).

 Saludos.

 Gonzalo


 [1]  RDFa+XHTML
 RDFa Primer
 http://www.w3.org/TR/xhtml-rdfa-primer/

 RDFa in XHTML: Syntax and Processing (W3C Recommendation 14 October 2008)
 http://www.w3.org/TR/rdfa-syntax/

 [2] Microformat Geo
 http://microformats.org/wiki/geo

 Tae Sandoval Murgan escribió:
  Saludos a todos:
 
  Acabo de leer http://www.css3.com/the-new-html-kid-on-the-block/ y me
  han dado unas ganas tremendas de usar HTML 5 en un sitio web cuyo
  propósito es la venta de parcelas, es decir, una web pensada para la
  producción y no para experimentar. Ya sé, ya sé, HTML 5 aún no es
  recomendación o estándar o lo que sea (ver comentarios en
  http://www.w3.org/QA/2009/05/_watching_the_google_io.html), y queda
  bastante tiempo antes de que sea anunciado como tal, pero según el
  artículo de CSS3.com, las etiquetas de estructura (header, footer
  y blah) parecen ser soportadas incluso por IE 6 (con un poco de
  JavaScript, pero quien no actualiza/cambia IE 6 tampoco desactiva
  JavaScript), por lo que no veo motivos para no darle un empujoncito
  más a la nueva versión de HTML luego del empujonzote de Google. ¿Qué
  opinan? Quizás si hubieran problemas con el SEO, pero lo dudo...
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo
 
 

 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Porque no usar caracteres en los nombres de los archivos

2009-06-04 Por tema Germán Bustos
Hola,

Definitivamente ese es un punto clave, que tiene que ver no solo con
posibilidades reales de SEO para nuestros sitios, sino que más allá tiene
que ver con el reconocimiento cultural de nuestros pueblos.

Hace un tiempo vi que algunos proveedores de dominios ofrecen dominios en
UTF, no tengo idea de como irá el negocio pero estoy seguro que mientras no
se logre una adaptación generalizadas de Unicode, de poco servirá que yo
pueda comprar el dominio champiñón.com http://xn--champin-9zas.com si solo
unos pocos browsers logran enviar de manera correcta esa URL.

Wikipedia por ejemplo hace sus URLs con diacríticas, en realidad las hace
UTF-8, por eso puedes buscar
http://es.wikipedia.org/wiki/Champi%C3%B1%C3%B3n que por lo menos
*mi*Firefox lo muestra como
http://es.wikipedia.org/wiki/Champiñónhttp://es.wikipedia.org/wiki/Champi%C3%B1%C3%B3n,
pero no sé los demás.

Alguna vez leí que solo el inglés, el suahili y el bahasa indonesio se
escriben con juego de caracteres latino sin diacríticos, no hay tíldes, ni
eñes, ni cosas de esas.

Eso quiere decir que todos los de más idiomas europeos, o no europeos que
terminaron escribiéndose con caracteres latinos (por ejemplo, prácticamente
todas las lenguas indoamericanas y muchisimas de las africanas, o el turco
desde los años 20)  requieren usar letras raras como ñ ó, ý, ç, ð, þ, Ð, ś,
ą,  ł, ş, ğ y otras bellezas...

Eso sin contar que millones de personas escriben en el alfabeto cirílico
como el Русский http://ru.wikipedia.org/wiki/ o en el cino
中文http://zh.wikipedia.org/wiki/o en árabe
العربية http://ar.wikipedia.org/wiki/

Finalmente aunque el inglés sea el idioma más usado en el Internet (cada vez
menos porcentualmente), la realidad es que la mayor parte de la humanidad
escribe de otra forma y las 26 letras del ASCII nunca fueron suficientes.

Estamos enfrentados a un doble reto, por una parte que la gente pueda buscar
y encontrar lo que quiera escribiéndolo como se escribe y por otra parte que
el paso de un idioma a otro solo esté limitado por las barreras
lingüísticas, no por barreras técnicas adicionales.

Hace 15 años la respuesta a la pregunta era imposible, solo se debe escribir
en ASCII, con todo el trabajo de Unicode y lo que Google, Wikipedia y otros
han hechoun enorme avance en ese sentido. Lo que hace que la pregunta de
Javier tome un interés renovado. Yo diría: muy pronto pero aun no

Germán

El 4 de junio de 2009 10:52, Tei oscar.vi...@gmail.com escribió:

 2009/6/4 Javier Guerrero demix...@gmail.com:
 
  ¿Es recomendable utilizar caracteres especiales en los nombres, tales
 como
  acentos, espacios en blanco, ñ, etc?
 
  ¿Cuál sería las desventajas de usarlos en los nombres de archivos?
 

 Creo que es mejor usar  ASCII de 7 bits, sabes que te funcionara en
 todas partes.

 En un sitio tengo un CMS que permite a los usuarios crear urls a su
 gusto. Luego revisando los logs veo que a una misma pagina cuando el
 nombre tiene acentos, se intenta acceder de muchas maneras
 alternativas.  Quizas para SEO valga la pena intentarlo, esperar a que
 surgan los problemas, y encontrar su raiz y solucionarla. Pero si no
 es por algo de SEO, yo creo que no vale la pena en absoluto.





 --
 --
 ℱin del ℳensaje.
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Porque no usar caracteres en los nombres de los archivos

2009-06-04 Por tema Germán Bustos
http://unicode.org/

El 4 de junio de 2009 11:23, Javier Guerrero demix...@gmail.com escribió:

 me uno a la pregunta de *Mauricio Dulce*

 --
 Javier Guerrero
 front-end web developer
 http://www.demixo.org
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] asterisco??

2009-05-27 Por tema Germán Bustos
Déjame ver si entendí

Tengo este HTML

div class=laDeTodas clase1
div class=laDeTodas clase2

Y usar
.laDeTodas * { }

Es lo mismo que usar
.laDeTodas clase1, .laDeTodas clase2 { }

¿Entendí?

Germán

El 27 de mayo de 2009 12:37, Ignacio Ricci ignacio.ri...@gmail.comescribió:

 Asterisco significa todos los elementos dentro de.Si no pones nada son
 todos
 los elementos dentro del html, osea todo.

 p * {}

 Sería todos los hijos de p. (si suena gracioso)

 Si queres que X clases compartan estilos,

 O le agregas una clase a todas via el html:

 div class=laDeTodas clase1
 div class=laDeTodas clase2

 O con coma desde el css como ya dijiste.

 Nacho



 2009/5/27 Joseba jos...@visionasolutions.es

 
 
  Hola!
 
 
 
  Me preguntaba si existe algo en css para dar atributos a varias clases de
  la
  forma:
 
 
 
  Clase*{
 
 Atrinbutos;
 
  }
 
 
 
  En vez de
 
 
 
  Clase1, Clase2 Clase3…{
 
 Atrinbutos;
 
  }
 
 
 
  Slt.
 
 
 
  Caminar sobre el agua y desarrollar software a partir de unas
  especificaciones es fácil. si ambas están congeladas.
  Edward V. Berard, ingeniero informático.
 
 
 
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
  http://lists.ovillo.org/mailman/listinfo/ovillo
 



 --
 ↓۝ Ignacio Ricci
 www.ignacioricci.com
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Cuál es la diferencia entre herencia y cascada en CSS

2009-04-27 Por tema Germán Bustos
Hola,

Mi resumen de esas lecturas:

HERENCIA

El 26 de abril de 2009 15:39, Javier Guerrero demix...@gmail.com escribió:

 Hola, gracias por responder.

 Estuve investigando y encontré algo que explica el tema:
 http://codexexempla.org/curso/curso_3_6.php

 Tus ejemplos son válidos, así que me ayudó a reforzar los conceptos.

 Saludos.
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Cuál es la diferencia entre herencia y cascada en CSS

2009-04-27 Por tema Germán Bustos
Hola,

Mi resumen de esas lecturas:

*HERENCIA*

Es la transmisión de características entre un elemto y sus descendientes en
la estructura del documento.

Hay algunas características que se heredan y otras que no. La lógica es que
uno no tenga que volver a definir una característica nuevamente en la
característica en cada uno de los elementos descendientes.

Entre las características que se heredan están: fuentes, alineaciones,
colores de fondo y de primer plano
Entre las características que NO se heredan están: dimensiones (anchos y
altos), margenes, rellenos (padding), bordes

*CASCADA*

Es básicamente un conjunto de criterios para decidir cómo se aplican reglas
CSS a los elementos en caso de posibles conflictos, es decir genera un orden
de prioridad para aplicar las reglas. Para ello se tienen en cuenta tres
criterios:

1. Importancia
Los estilos se aplican según el siguiente orden de prioridad:
a) Primero las que el usuario haya definido como importantes (!important)
b) Las que el autor haya definido como importantes (!important)
c) Los estilos del autor
d) Los estilos de usuario
e) Los estilos del agente de usuario (browser)

2. Especificidad

Esta se mide con cuatro criterios, que se ponen uno después de otro, si está
más a la izquierda tiene un mayor peso que el otro

Si los valores son   / a , b , c , d /
Tenemos que:
a - tiene valor 1 o 0. Uno si hay algo definido en el style de un elemento
de HTML
b - cuenta un número de ID que tienen
c - cuenta el número de clases que se tienen
d - cuenta el número de elementos de tienen definidos
Entre mayor sea el número a la izquierda pesa más, por lo tato tiene mayor
prioridad en la aplicación del estilo

3. Orden

Finalmente si se tienen dos criterios que generan contradicción y tienen la
misma importancia y especificidad entonces se decide de acuerdo al orden de
aparición en la hoja de estilo, el que esté de último es el que predomina.

Germán
ger...@atararya.org
http://atarraya.org



El 26 de abril de 2009 15:39, Javier Guerrero demix...@gmail.com escribió:

 Hola, gracias por responder.

 Estuve investigando y encontré algo que explica el tema:
 http://codexexempla.org/curso/curso_3_6.php

 Tus ejemplos son válidos, así que me ayudó a reforzar los conceptos.

 Saludos.
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Fuentes comunes en japonés

2009-04-24 Por tema Germán Bustos
Hola,

Nunca he hecho una web en japonés, pero soy aficionado a los idiomas y a las
tipografías, lo que yo entiendo es que las fuentes estándar del web (serif,
sans-serif, monospace) deben seguir funcionado en todos los sitios en
cualquier idioma.

Como bien anotas Segi, el tema central es que se defina el juego de
caracteres en unicode, podrías empezar por darle una leída a esto
http://www.unicode.org/standard/principles.html

Lo que yo haría es con herramientas como la extensión webdeveloper de
Firefox revisar como se usan las tipografías en sitios en japonés. Empezaría
por sitios multilingües genéricos como éste
http://www.unicode.org/standard/translations/japanese.html o también
Wikipedia en Japonés, BBC, Deutsche Welle y otros servicios informativos
internacionales que tengan páginas en ese idioma, la ventaja de éstos es que
tienen sitios que deben funcionar bien en japonés y también en otros
idiomas, así que su definición de juegos de caracteres y manejod e
tipografías debe ser mucho más clara. Depués puedes visitar sitios de japón
para ver que definiciones de fuentes usan.

He notado es que en lo sitios en lenguas que no usan juego de caracteres
latin es frecuente que se usen títulos y otros elementos como gráficas.

Y lo primero que tienes que hacer es garantizar que tu computador esté en
capacidad de leer (o de renbderizar, sería más técnico decir) páginas en
japonés. lo que se hace con ajustes del sistema operativo, que varían de uno
a otro (yo uso Windows XP y teniendo en cuenta mis mañas siempre monto eso
al instalarlo, alguna vez lo hice en otro equipo pero no recuerdo cómo). y
ahí si instalar las fuetes que pueden ser solo japonesas o generales para
Unicode

Suerte,

Germán


El 24 de abril de 2009 1:02, Sergi Duran nyssen...@yahoo.es escribió:

 Hola



 Voy a iniciar un proyecto para una web en japonés (y un poco de inglés).
 Entiendo que para el código lo correcto es usar charset UTF-8. Mi gran duda
 está en las fuentes a utilizar. Me refiero a las tipografías japonesas
 estándar para cada sistema operativo. He encontrado algo de información (en
 Wikipedia) pero no me convence del todo. ¿alguna ayuda?



 Gracias,

 Sergi

 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Cómo hacer un mapa de clases CSS

2009-04-21 Por tema Germán Bustos
Hola todos,

Coincido con la inquietud de Javier, entiendo que lo que quiere es hacer un
mapa conceptual de la estructura del CSS de un sitio de manera que se mucho
más fácil acceder a el código y hacer cambios, actualizaciones y
correcciones.

Yo tenido una  preocupación similar, mi objetivo principal es reducir el
tiempo que tardo en diseñar un sitio, me suelo enredar con el tema inicial
del concepto. Aunque no lo había considerado como tal, creo que objetivo de
Javier de facilitar el mantenimiento del código es completamente válido.
Concuerdo con él en que en mi CSS se usa muy poco el tema de la cascada y la
herencia; o peor aun, sin control, lo que a veces me da resultados
inesperados .

Mi aproximación ha sido la siguiente:

1) Separar lo general de lo particular
Generalmente creo una hoja de estilos que se usa en todo el sitio y otras
que se usan en páginas particulares, por ejemplo en la portada en las
páginas de sección y en los artículos (yo uso SPIP en casi todos mis
proyectos y este enfoque es particularmente útil ahí)

2) Separar estructura y diseño
Lo primero que hago en cada hoja de estilo es determinar las zonas que
tienen información estructural, es decir las que definen la maquetación de
la página, tamaño y posicionamiento de divs. Más abajo defino colores,
tipografías etc. y procuro separar las dos zonas. No siempre es sencillo,
porque puede implicar hacer una doble definción de cada div, por ejemplo
usar la id para determinar los temas estructurales y la class para los
asuntos de forma, peor eso no es siempre lo mejor.

En tétminos de la producción dde sitios nuevos recientemente he estado
leyendo y buscando mucha información sobre el tema de la cuadrícula o
grilla. Mi conclusión es que los sitios de mucho contenido están organizados
en grandes bloques de todo el ancho del contendor (o wrapper) y que tienen
siempre unos pocos patrones posibles:

   - Un múmero fijo de columnas fguales: tradicionalmente se han usado dos o
   tres pero ahora se usan mucho cinco, seis y hasta ocho columanas, todas
   iguales
   - Dos, o tres columnas desiguales: divisiones porcentuales de 40-60 por
   ejemplo
   - Dos columnas con una que se parte a su vez en dos
   - Tres columnas con la del centro más grande que más abajo se parte en
   dos (a veces también en tres
   - Bloques de 100% de ancho para cabezotes o menús

Lo que yo he querido es tener listos los bloques de cada tipo, como recortes
(snippets) de mi programa de edición y poder meterlos cada vez que necesito,
dos temas me han complicado hacer esto, uno, el tema de cómo definir
proporciones y tamaños y dos como coordinar el recorte de CSS con el recorte
de HTML, que ahora que lo pienso no tiene porque ser un problema.

Dos herramientas em han llamado la atención recientemente sobre estos temas:
Grid Designer http://grid.mindplay.dk/
960 Grid system http://960.gs/

Pero definitivamente el tema más complicado es combinar el desarrollo
estructural de la página con los otros aspectos de diseño.

En terminos de color, me confieso por completo falto de talento para
combinar, afortunadamente la combinación de colores puede ser un tema
puramente matemático y se `pueden encontrar herramientas que ayudan mucho en
eso. Mi favorita es http://colorschemedesigner.com/  Creo que inicialmente
uno puede tener un par de esquemas que sean fáciles de suar y en casos
concretos generar nuevos esquemas de color, a partir de la imagen
institucional del cliente

Finalmente está el tema de la tipografía, donde siento que estoy más crudo y
pido ayuda. ¿Cuéles son las proporciones reomendadas entre el texto normal y
los diferentes nivles de títulos? ¿Qué criterios se usan para definirlos?
Mis clientes se quejan con frecuencia del tamaño de las fuentes dicen que
uso letras muy grandes, realmente no tengo claro como definir esos tamaños.

Eso es lo que puedo aportar,

Germán




El 21 de abril de 2009 10:34, Javier Guerrero demix...@gmail.com escribió:

 Algo como esto:


 http://www.chami.com/html-kit/i/g/cached/tmp10_dup_62e3fa8e0023eeed10a87b70cdaccaba.png
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo




-- 
--
Germán Bustos
Educador, Consultor en Tecnologías de Información y Comunicación
ATARRAYA: tejedores de saber social
ger...@atarraya.org - german.busto...@gmail.com
german.bus...@marchamundialcolombia.org
Tel [+57] 3177381339
Bogotá 111221, Colombia

  MARCHA MUNDIAL POR LA PAZ Y LA NOVIOLENCIA
  http://marchamundialcolombia.org


* Atarrayahttp://atarraya.org/
* Paz, Fuerza y Alegría   http://pazfuerzayalegria.net/
* Facebookhttp://profile.to/germanbustos/
* Recomiendo  http://www.netvibes.com/germanbustos

[Ovillo] Fijar una división en la parte inferior de otra

2009-04-20 Por tema Germán Bustos
Hola,

Creo que es un tema sencillo pero no he podido resolverlo, estoy haciendo
una plantilla para ser usada en un gestor de contenidos,  la idea es que
todo el contenido quede dentro de un área específica delimitada por un div,
el cual flota de manera que queda siempre en el centro de la página
horizontalmente,. el tema es que tengo que poner el menú fijo en la parte
inferior y no logro hacerlo.

El  código es:

body
div id=contendor
div id=cabeza ...acá va el logo.../div
div id=producto ...en esta zona pongo el contenido que varía
según la página/div
div id=menu  acá debe quedar el menú, pegado al extremo
inferior... /div
/div
/body

El css va más o menos así:

body,html {
margin: 0;
padding: 0;
text-align: center;
}
#contenedor{
  width: 905px;
  height: 500px;
  margin: 140px auto auto auto;
  padding: 4px;
  overflow: hidden;
  background: transparent;
  z-index: 1;
}
#cabeza{
  height:120px;
  line-height: 120px;
  padding: 3px;
  text-align: right;
}
#producto{
width: 100%;
clear: both;
float: none;
height: 340px;
overflow: hidden;
}
#menu{
clear: both;
float: none;
width: 100%;
height: 35px;
line-height: 35px;
font-size: 1.1em;
z-index=100;
}

El tema es que el menú es flotante y para que se ponga encima del flash que
va en primera le puse esa diferencia en z-index.

En general todo camina bien, pero el menú se pone a veces arriba a veces más
abajo, quisiera fijarlo de alguna manera a la parte inferior de la sección
contenedor. ¿Alguna pista de cómo hacerlo?

Gracias,

Germán



-- 
--
Germán Bustos
Educador, Consultor en Tecnologías de Información y Comunicación
ATARRAYA: tejedores de saber social
ger...@atarraya.org - german.busto...@gmail.com
german.bus...@marchamundialcolombia.org
Tel [+57] 3177381339
Bogotá 111221, Colombia

  MARCHA MUNDIAL POR LA PAZ Y LA NOVIOLENCIA
  http://marchamundialcolombia.org


* Atarrayahttp://atarraya.org/
* Paz, Fuerza y Alegría   http://pazfuerzayalegria.net/
* Facebookhttp://profile.to/germanbustos/
* Recomiendo  http://www.netvibes.com/germanbustos
---
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Fijar una división en la parte inferior de otra

2009-04-20 Por tema Germán Bustos
Hola Martón,

Muchas gracias por tus comentarios y anotaciones. Los errores son de
transcripción, ya revisé en mi código y no los tengo allá.

Probé lo que me dices y funciona solo en Internet Explorer en los demás
(Firefox, Opera, Safari) el menú se va al final de la ventana y se sale de
la div donde lo quiero fijar.

Saludos,

Germán

El 20 de abril de 2009 4:12, Martín Moreno martin.mor...@gmail.comescribió:

 Hola, Germán

 Si le añades a #menu

 position: fixed;
 bottom: 0;

 te funcionará como tú pretendes. Cuidado, que en el HTML has puesto
 #contendor y el CSS #contenedor; además, el z-index lo has
 escrito  z-index=100; en vez de  z-index:100;

 Saludos

 Martín
 http://www.martinalia.com
 2009/4/20 Germán Bustos ger...@atarraya.org

  Hola,
 
  Creo que es un tema sencillo pero no he podido resolverlo, estoy haciendo
  una plantilla para ser usada en un gestor de contenidos,  la idea es que
  todo el contenido quede dentro de un área específica delimitada por un
 div,
  el cual flota de manera que queda siempre en el centro de la página
  horizontalmente,. el tema es que tengo que poner el menú fijo en la parte
  inferior y no logro hacerlo.
 
  El  código es:
 
  body
 div id=contendor
 div id=cabeza ...acá va el logo.../div
 div id=producto ...en esta zona pongo el contenido que
 varía
  según la página/div
 div id=menu  acá debe quedar el menú, pegado al
 extremo
  inferior... /div
 /div
  /body
 
  El css va más o menos así:
 
  body,html {
 margin: 0;
 padding: 0;
 text-align: center;
  }
  #contenedor{
   width: 905px;
   height: 500px;
   margin: 140px auto auto auto;
   padding: 4px;
   overflow: hidden;
   background: transparent;
   z-index: 1;
  }
  #cabeza{
   height:120px;
   line-height: 120px;
   padding: 3px;
   text-align: right;
  }
  #producto{
 width: 100%;
 clear: both;
 float: none;
 height: 340px;
 overflow: hidden;
  }
  #menu{
 clear: both;
 float: none;
 width: 100%;
 height: 35px;
 line-height: 35px;
 font-size: 1.1em;
 z-index=100;
  }
 
  El tema es que el menú es flotante y para que se ponga encima del flash
 que
  va en primera le puse esa diferencia en z-index.
 
  En general todo camina bien, pero el menú se pone a veces arriba a veces
  más
  abajo, quisiera fijarlo de alguna manera a la parte inferior de la
 sección
  contenedor. ¿Alguna pista de cómo hacerlo?
 
  Gracias,
 
  Germán
 
 
 
  --
  --
  Germán Bustos
  Educador, Consultor en Tecnologías de Información y Comunicación
  ATARRAYA: tejedores de saber social
  ger...@atarraya.org - german.busto...@gmail.com
  german.bus...@marchamundialcolombia.org
  Tel [+57] 3177381339
  Bogotá 111221, Colombia
 
   MARCHA MUNDIAL POR LA PAZ Y LA NOVIOLENCIA
   http://marchamundialcolombia.org
 
 
  * Atarrayahttp://atarraya.org/
  * Paz, Fuerza y Alegría   http://pazfuerzayalegria.net/
  * Facebookhttp://profile.to/germanbustos/
  * Recomiendo  http://www.netvibes.com/germanbustos
  ---
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
  http://lists.ovillo.org/mailman/listinfo/ovillo
 
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo




-- 
--
Germán Bustos
Educador, Consultor en Tecnologías de Información y Comunicación
ATARRAYA: tejedores de saber social
ger...@atarraya.org - german.busto...@gmail.com
german.bus...@marchamundialcolombia.org
Tel [+57] 3177381339
Bogotá 111221, Colombia

  MARCHA MUNDIAL POR LA PAZ Y LA NOVIOLENCIA
  http://marchamundialcolombia.org


* Atarrayahttp://atarraya.org/
* Paz, Fuerza y Alegría   http://pazfuerzayalegria.net/
* Facebookhttp://profile.to/germanbustos/
* Recomiendo  http://www.netvibes.com/germanbustos
---
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo