[Ovillo] Elemento central y flotantes alrededor

2013-02-08 Por tema German Bustos
Hola,

Dudé en escribir para hacer esta pregunta pero no he sido capaz de maquetar
esto correctamente.

Se trata de un menú que está alrededor de un elemento central (un logo con
texto). El menú está compuesto por cuatro elementos en una lista la idea es
que  los elementos floten alrededor de la div central. En el HTML los
elementos de la lista están debajo del logo de manera que se pueda
reorganizar en otros anchos.

Algo así

http://atarraya.org/x/

Pero no logro que los elementos verdes se distribuyan dos a la derecha y
dos a la izquierda del elemento central

Gracias de antemano,

Germán

-- 

 *Germán Bustos*
Asesor en estrategias de comunicación en Internet para organizaciones
sociales
http://atarraya.org
http://germanbustos.com
Tel: (+57) *3044281544*
 http://atarraya.org/
 http://germanbustos.com/
 http://www.facebook.com/german.bustos
 http://twitter.com/kommodin
 http://www.linkedin.com/in/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] [off-topic] tipografías y css

2012-11-14 Por tema German Bustos
Pablo,

Muy interesante tu aplicación...

Como yo entiendo las cosas ni HTML, ni XHTML definen tipografías. El HTML
es un lenguaje para definir estructuras de los textos, todos los aspectos
relacionados con la presentación (incluyendo las tipografías) se definen de
manera independientemente en las hojas de estilo. Claro tienes razón cuando
dices que por omisión etiquetas como code se presentan con tipografías de
ancho fijo, no lo sé, pero asumo que es una costumbre de la hoja de estilos
que por omisión traen los browsers y no del estándar en sí, tocaría revisar
en la W3C a ver que dicen.

Germás¡n


El 14 de noviembre de 2012 13:48, Pablo Rodríguez oi...@web.de escribió:

 Hola a todas y todos,

 estoy preparando un lector de libros para que pueda leer diferentes
 idiomas con caracteres poco comunes (ruso, griego antiguo, hebreo
 clásico y similares).

 Para eso sólo tengo que hacer que la tipografía por defecto sea
 FreeSerif, FreeSans y FreeMono, en vez de Droid Serif, Droid Sans y
 Droid Sans Mono. Esto ya lo tengo controlado (o sería otro asunto).

 Mi pregunta es la siguiente: en los elementos (x)html, ¿hay alguno que
 tenga que ser sans-serif o monospace?

 Quizá tenga un defecto de concepto por haber dedicado más de una década
 a TeX, pero quizá con el ejemplo se entienda.

 Hasta donde yo recuerdo tanto code como pre son obviamente
 monospace. ¿Hay otros que sean por defecto monospace o sans-serif?

 Perdonad que pregunte algo tan básico, pero no conozco de memoria los
 elementos (x)html y ya no recuerdo si hay características tipografícas
 especiales para alguno.

 Muchas gracias de antemano


 Pablo
 --
 http://www.ousia.tk
 ___
 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*
Asesor en estrategias de comunicación en Internet para organizaciones
sociales
http://atarraya.org
http://germanbustos.com
Tel: (+57) *3044281544*
 http://atarraya.org/
 http://germanbustos.com/
 http://www.facebook.com/german.bustos
 http://twitter.com/kommodin
 http://www.linkedin.com/in/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


[Ovillo] Moderar la carga de las imágenes

2012-07-30 Por tema German Bustos
Hola,

Espero que no sea muy off-topic la pregunta.
He visto varios sitios en los que las imágenes se van cargando en la medida
que uno mueve la página hacia abajo, no sé si es posible usar únicamente
CSS para lograr ese efecto (supongo que se necesitará algo de Javascript),
pero en principio me parece que puede hacer más eficiente la carga del
sitio.

¿Alguien sabe cómo se crea esta característica en un sitio?

Muchas gracias

Germán

-- 

 *Germán Bustos*
Asesor en estrategias de comunicación en Internet para organizaciones
sociales
http://atarraya.org
http://germanbustos.com
Tel: (+57) *3044281544*
 http://atarraya.org/
 http://germanbustos.com/
 http://www.facebook.com/german.bustos
 http://twitter.com/kommodin
 http://www.linkedin.com/in/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] Publicación

2012-07-21 Por tema German Bustos
Edgardo,

Muchas gracias, muy completo el manualcito.
Solo agregaría una cosa: así como hacer la estructura de un boletín de
correo nos implica un flash-back y volver a codificar de la manera que ya
estábamos empezando a olvidar, podemos usar imagenes como las que ya
estábamos empezando a olvidar: los gifs animados. Obviamente en un boletín
de correo no usamos, ni Flash, ni Javascript, así que la única forma de
ponerle movimiento son los gifs animados, incluso uno puede convertir una
pequeño clip de video en gif animado y logra un efecto espectacular.

Saludos,

Germán



El 20 de julio de 2012 20:05, Edgardo Raúl Galletto 
edgardogalle...@gmail.com escribió:

 Ahora tengo el agrado de enseñarles como hacer una buena plantilla de mail
 corporativa. Muchas veces hemos recibido publicidad vía mail, algún
 newslétter, etc... Pero la verdad es que nadie nos enseñó como hacerlas.
 Existen empresas que se dedican a la publicidad viral por mail, campañas de
 mailing list y podemos seguir con ejemplos. Son obviamente pagos. Pero como
 hacerlo a eso nosotros, aprender y evitar una erogación cuantiosa? Pues
 bien, aquí están los pasos.
 1. Utilizarás tu editor web preferido, el que quieras. Yo uso DreamWeaver,
 Sublime Text, o Notepa d++. Debemos olvidarnos del diseño web actual y su
 filosofía. Quiero decir que tenemos que hacerlo a la antigua, usando tablas
 para maquetar y diseñar. Me refiero al uso de las famosas etiquetas table
 y /table.
  2. Jamás usemos etiquetas elaboradas como div, las HTML5, o selectores
 CSS3 y otras. Solo nos manejaremos con las básicas y simples. Tablas,
 párrafos, encabezados de titulares, links, imágenes y listo. Me refiero a
 table, p, h1...hasta el h6, a y img. Es recomendable de mi
  parte usar DremWeaver o uno equivalente, ya que mientras vas creando las
 tablas vas viendo el diseño como va quedando. Coda es un buen ejemplo.
 3. Es muy importante lo anterior ya que un solo div nos arruinara todo.
 Podemos usar CSS para dar estilo, diseñar y dar forma a nuestro proyecto.
 Hay personas que directamente, a cada párrafo o titular le dan formato de
 manera individual. O sea, esto es un ejemplo: p align=“right“,
 style=“color:#ffdd22, padding: 1em“Texto de párrafo/p. Yo no estoy de
 acuerdo! Esto es desordenado, demasiado personalizado y tira por la borda
 todo lo que nos indican los actuales principios de separar la estructura,
 diseño y del contenido. Lo que haremos es incluir lo siguiente entre las
 etiquetas head y /head:
 style
 Body
 {
   Background: #cc
   Font-family: verdana, tahoma, serif
   ...y etc con todas etiquetas necesarias para dar un buen diseño.
 }
 /style

 Usaremos los selectores tanto de clases como de 'Id' que hagan falta. En
 lo personal recomiendo muchas mas clases que de Id, ya que podemos usar.,
 reutilizar las clases, y anidarlas. Incluso usar mas de una en una
 etiqueta. Los Id's prefiero que sean pocos y sguiendo la modalidad de una
 web común: ó sea, Header, Content, sidebar, footer, o la denominación mas
 cómoda parar uds. Recomiendo mucho usar nombres que coincidan con las
 nuevas etiquetas de HTML5.  Así nos vamos acostumbrando, y a pensar en
 función de las nuevas tecnologías. Otra cosa, si siguen estos consejos
 cualquiera que modifique la plantilla podrá entenderlo fácilmente. son
 reglas de buena estructuración y documentación de código. Incluso se
 pueden agregar comentarios!!! Es genial y recomendable.
 4. Suponiendo que ya tienes todo, ahora faltan las fotos. Ya tiene que
 estar editadas y 'arregladas'. Lo importante es que jamás deben mandarse
 adjuntas. Siempre tienen que estar cargadas en el servidor de tu sitio web.
 Lo que figurara en el código html de la plantilla es solo la dirección URL
 hacia la foto. O sea, img href=
 http://www.tusitio.com/wp-content/upload/tuplantilla-mail/header.jpg; es
 solo un ejemplo. Pero como estamos desarrollando y trabajando en local, las
 imágenes las guardaremos, seguramente, en la carpeta de imágenes o en la
 misma de la plantilla. Seamos prolijos, sigamos las pautas de buenas formas
 de acomodar y organizar las cosas.
 5. En las imágenes podemos incluir zonas activas o mapas para insertar
 enlaces. Una vez hecho el diseño debemos incorporar la famosa frase al
 comienzo: si no puede ver este mail haga clic aquí. Antes de colocar el
 enlace a algo que todavía no subimos, tenemos que asegurarnos de la
 dirección física de URL que le vamos a dar y el lugar o carpeta en nuestro
 webhosting. Aclaro esto porque a veces nuestro servidor web te rechaza
 ciertos lugares o carpetas. Por mas que físicamente, alojes la plantilla
 con las imágenes creada a tal efecto, te da el mensaje de error 404 de
 página no encontrada. En el caso de WordPress suele darte estos mensajes de
 error. La solución sera alojarla en la famosa carpeta /wp-content/upload.
 La recomendación para acomodar todo con correcto criterio organizativo,
 seria crear una carpeta con un nombre indicativo del proyecto
 anteponiendole un 

Re: [Ovillo] Imagen de background grande !!!

2012-03-14 Por tema German Bustos
En mi opinión la mejor opción es usar la opción background-size: cover de
CSS3
Un artículo al respecto
http://css-tricks.com/perfect-full-page-background-image/

El 14 de marzo de 2012 14:59, reynie...@gmail.com reynie...@gmail.comescribió:

 Hola listeros, estoy aun enfrascado en el maquetado de la pagina que les
 comente hace unos dias y tengo una pregunta. Resulta que el background de
 un contentedor es una imagen un poco grande tanto en dimensiones como en
 peso y me gustaria saber cual es la mejor opcion para cargar dicho
 background. Alguna ayuda?

 Saludos y gracias por adelantado

 Ing. Reynier Perez Mira
 eMail: reynie...@gmail.com, reynie...@hotmail.com
 Skype: reynierpm
 Mobile: +58 424.180.5609
 Site: http://reynierpm.site90.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




-- 

*Germán Bustos*
Asesor en estrategias de comunicación en Internet para organizaciones
sociales
http://atarraya.org
http://germanbustos.com
Tel: (+57) 3177381339**
http://atarraya.org/
http://germanbustos.com/
http://www.facebook.com/german.bustos
http://twitter.com/kommodin
http://www.linkedin.com/in/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


[Ovillo] OT: Hosting para bases de datos

2012-02-07 Por tema German Bustos
Hola,

Disculpen una pregunta fuera de tema pero que creo que muchos en la lista
podrían estar interesados:

Necesito alojar la base de datos de un CMS en servidor independiente, es
decir sólo tener la base de datos en un servidor independiente del resto.
Agradezco si alguien me puede aconsejar un proveedor confiable de hosting
que permita usar sus bases de datos en servidores remotos,

Muchas gracias,

Germán

-- 

*Germán Bustos*
Asesor en estrategias de comunicación en Internet para organizaciones
sociales
http://atarraya.org
http://germanbustos.com
Tel: (+57) 3177381339**
http://atarraya.org/
http://germanbustos.com/
http://www.facebook.com/german.bustos
http://twitter.com/kommodin
http://www.linkedin.com/in/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] Geolocalización HTML5

2011-11-07 Por tema German Bustos
Acer Aspier 4732Z
Windows 7 Home Premium
Mozilla Firefox 7.0.1
Resolución 1366x768px

Mi IP es 190.29.109.51
latitud=4.653639
longitud=-74.071884
Barrio Muequetá, Barrios Unidos, Bogotá, D.C. Colombia

Conexión con módem celular
Error menos de 50m

Que susto...


El 5 de noviembre de 2011 18:11, Jose Maria Ruiz de Arbulo 
jmrarb...@gmail.com escribió:

 Saludos a todos:
 En esta última semana de ocio laboral he querido interesarme por la
 geolocalización de HTML5.
 El tema comienza por conocer mi propia ubicación, no la de mi IP que me
 lleva al lugar de donde recibo mi señal.
 Puedo considerar un éxito lo logrado pero necesito de ustedes para hacer un
 balance general.
 Explico en mi blog http://www.elblog.digitaleando.com/ que necesitamos que
 el navegador interprete HTML5, los permisos de quien recibe/envía la
 solicitud, etc.
 He probado en diferentes exploradores (firefox, y google). Lo cierto es que
 la fiabilidad de la ubicación (la del lugar desde donde emito mi consulta),
 en mis pruebas, es óptimas.
 Quiero que lo veais en
 http://www.digitaleando.com/localizador_ip.php.
 http://www.digitaleando.com/localizador_ip.php
 Sí encuentro problemas,en los móviles, que no termino de saber si es por
 peso o por el navegador. Las pruebas en local para móviles son tan
 excelentes como las de ordenador general.
 Os agradezco que chequeeis la ubicación y me indiqueis:
 - Navegador;
 - Dispositivo (pc de estudio, portatil, móvil, con interés de si el
 portátil es inferior a 960 px ancho, iphone, etc. (entrarás en página
 paralela ya comprobada);
 - Nivel de error de localización (si es inferior o superior a 30-50 mts.).
 - Y vuestra ubicación (país, estado, provincia ...)
 Los datos podemos compartirlos en ovillo, enviarlos como comentarios en el
 blog (teneis que registraros), o con el mi contacto personal, vía web o
 gmail.
 Os prometo compartir la estadística, las soluciones a los problemas que se
 presenten y, por supuesto, la forma de cómo implementarlo en la web.
 Gracias.
 Txema Arbulo
 ___
 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*
Asesor en estrategias de comunicación en Internet para organizaciones
sociales
http://atarraya.org
http://germanbustos.com
Tel: (+57) 3177381339
*Nuevo (+57) 3162846379*
http://atarraya.org/
http://germanbustos.com/
http://www.facebook.com/german.bustos
http://twitter.com/kommodin
http://www.linkedin.com/in/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] Técnica para imágen de fondo como en esta web con slide

2011-10-25 Por tema German Bustos
Germán Bustos
Desde mi Teléfono Android

El 25/10/2011 14:56, Fernando fermartin...@gmail.com escribió:

Hola a todos, estoy viendo esta web http://www.paruolo.com.ar/

Alguien tiene idea como se hace?

Lo que me gusta es que si redimensiono las medias del navegador las
imágenes se reducen. Si amplia estas se amplian. Nunca pierden las
proporciones de la imágen.


___
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] li que copie características de th

2011-07-27 Por tema German Bustos
Una pregunta, que espero que no sea demasiado tonta
¿para que es el asterisco?

Germán

2011/7/27 Reactivo Química Visual conta...@reactivo.es

 Puedes intentarlo así:

 th*, li* { text-align: left; padding: 5px; height: 22px; color: white;  }


 Poniendo los elementos separados por comas. Si los li a los que quieres
 referirte están en un lugar determinado puedes apuntar a ellos en cascada,
 por ejemplo:

 th*, div.clase ul li *{ ... }



 Un saludo,
 Diego.



 El 27 de julio de 2011 18:59, Segundo Serrano sserr...@jabs.com.pe
 escribió:

  Hola,
 
  Se puede hacer esto?
  inicialmente tengo esto:
  th { text-align: left; padding: 5px; height: 22px; color: white;  }
 
  ahora, quisiera que ciertos elementos li posean las mismas
 características
  que los th, sin necesidad de crear una clase css con esas
 características.
  Gracias por anticipado.
 
  Segundo Serrano P.
  ___
  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*
Asesor en estrategias de comunicación en Internet para organizaciones
sociales
http://atarraya.org
http://germanbustos.com
Tel: (+57) 3177381339
*Nuevo (+57) 3162846379*
http://atarraya.org/
http://germanbustos.com/
http://www.facebook.com/german.bustos
http://twitter.com/kommodin
http://www.linkedin.com/in/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] Problemas con las dichosas resoluciones

2011-06-07 Por tema German Bustos
 Hola,

Aprovecho la pregunta de mi vecino venezolano para preguntar por el uso de
mediaqueries en CSS, lo que he visto es que hacen lo mismo que plantea, pero
en vez de usar un script de javascript usa puro css, me dejó deslumbrado la
página http://www.cacaotour.com/ y muchos otros que se han registrado en el
sitio http://mediaqueri.es/

Técnicamente lo que he entendido es que se pueden usar reglas condicionales
en nuestro archivo CSS de manera que cuando se cumple con un a condición
particular se aplica un conjunto de criterios en CSS y si no (o cumple con
otra) se aplican otros.

Al parecer el primer artículo sobre el tema apareció en A list apart hace
como un año http://www.alistapart.com/articles/responsive-web-design/ pero
poco a poco se encuentran más tutoriales sobre como hacerlo:
http://webdesignerwall.com/tutorials/adaptive-mobile-design-with-css3-media-queries
http://coding.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/

El tema que más me ha costado trabajo es tener la claridad sobre como fluye
el diseño en la media en que cambia el tamaño de la pantalla. De lo que he
entendido hay que pensar en que momento los elementos flotan a un lado y
cuando se ponen debajo (o encima) ocupando el 100% del ancho. No sé si
alguien tiene una metodología para hacer eso

De lo que veo sobre el script adapt.js y la forma en que trabajan los
mediaqueries creo que es el mismo principio, pero en el caso de mediaqueries
es el mismo CSS el que toma las decisiones lo que me parece que es más
adecuado,

Germán


El 6 de junio de 2011 22:13, reynie...@gmail.com reynie...@gmail.comescribió:

 Buenas noches a todos:
 Este es un tema super discutido aca y al cual he estado muy atento pero
 algo
 estoy haciendo mal pues por mas que intento no lo logro. Resulta que estoy
 trabajando con 960.gs y con el script adapt.js que lo unico que hace es
 cambiar las hojas de estilo en base a la resolucion del monitor. Pues bien
 mi monitor es de 22 por lo que la resolucion es de 1920 x 1080 y todo se
 ve
 semiperfecto (pues el contenido no cubre el 100% del contenedor y en lo
 personal veo demasiado espacio en blanco). Cuando redimensiono la ventana
 del navegador a 800x600 o 1024x768 usando la extension WebDeveloper de FF
 hay es cuando se forma la linda xq todo se encoge y no cabe y se deforma
 todo el contenido. Como le hacen ustedes para estos temas?

 Saludos y desde ya muchas gracias
 Ing. Reynier Pérez Mira
 Cel: +58 416.921.7406 / 416.012.1226
 Twitter: twitter.com/reypm
 Correo: reynie...@gmail.com / reynie...@hotmail.com / reynie...@yahoo.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





-- 

*Germán Bustos*
Asesor en estrategias de comunicación en Internet para organizaciones
sociales
http://atarraya.org
http://germanbustos.com
Tel: (+57) 3177381339
*Nuevo (+57) 3162846379*
http://atarraya.org/
http://germanbustos.com/
http://www.facebook.com/german.bustos
http://twitter.com/kommodin
http://www.linkedin.com/in/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] Lenguajes para realizar Sistemas de Información Web

2011-05-17 Por tema German Bustos
Hola María Vanessa,

Yo estoy montando un proyecto parecido, es un Observatorio Educativo, para
un pequeño municipio en Colombia. Obviamente no puedo darme el lujo de
desarrollar herramientas propias a un alto costo y con el riesgo de después
no tener los recursos para actualizaciones.

Mi enfoque es el de ver cómo combino dos o más herramientas, busco en
especial de software libre, que cumplan con unos requisitos de seguridad y
confiabilidad. Hasta el momento me llama la atención de combinar el uso de
Moodle (que sería la plataforma educativa base), con Mahara, que es un
sistema social y de portafolio, Aunque otra opción es usar Elgg, una red
social de código abierto. Estoy considerando usar también Google Apps para
educación que tiene servicios interesantes y podría usarse su sistema de
validación como entrada común a todos los sistemas, obviamente ahí se le
rompe a uno el sentido open source, pero podría ser. Finalmente he pensado
en poner un sistema de noticias, un portal que sea la primera plana, algo
como Drupal que pueda conectarse fácilmente, sea robusto y seguro, o SPIP,
que también es muy seguro, muy sencillo e intuitivo para el usuario final y
en el que tengo mucha experiencia.

En resumen, la idea es separar las diversas actividades y objetivos que se
buscan con el sistema y buscar la solución más apropiada para cada uno,
además garantizar que la actualización al menos de cada uno de los
componentes dependa no de un programador o empresa (que es el único que
conoce o entiende el código), sino de una comunidad robusta y extendida
capaz de ofrecer ayuda tanto gratuita en los espacios de la comunidad como
cobrada a través de profesionales dedicados al desarrollo de ese tipo de
gestores de contenido.

El asunto clave para mí es ahora garantizar que validarse en uno solo de los
sistemas generará acceso a todos los componentes

Germán



El 17 de mayo de 2011 02:32, María Vanessa Pérez Hernández 
mvaness...@gmail.com escribió:

 Gracias Martín.

 El Proyecto tiene varias etapas e involucrados, pero a grandes rasgos debe
 permitir la gestión y seguimiento de personal, infraestructura e instancias
 educativas superiores y de diferentes modalidades (virtuales, presenciales,
 no escolarizadas) con todo lo que eso implica (Directivos, administrativos,
 docentes, alumnos, sedes, proyectos, presupuestos, arrojar estadísticas,
 por
 nombrar algunas necesidades) en donde obviamente habrá diferentes
 permisologías y usarios, intranet y extranet. La seguridad y escalabilidad
 son importantes.

 Es fundamental para mi conocer las tecnologías más recomendables, está
 claro
 que será un trabajo grande que necesita de un equipo de proyecto y
 desarrollo capacitado, pero como he tenido algunas malas experiencias con
 empresas de desarrollo que no han resultado ser todo lo que se esperaba y
 antes de que se pierda dinero, tiempo y esfuerzo sería bueno evaluar y
 empaparme bastante al respecto. Por eso sigo investigando y consultando.

 María Vanessa

 2011/5/17 Martín Szyszlican marti...@gmail.com

  Hola María... sólo he trabajado en sistemas PHP, Java y C#.NET, con esos
  tres ya tenés para rato. Pero además estan Ruby y Python, por no hablar
 de
  cosas más exóticas.
  La elección de lenguaje es algo que depende mucho de la coyuntura, del
 tipo
  y cantidad de recursos disponibles, por nombrar algo.
  Pero también de la disponibilidad/madurez de las librerías que tu
 proyecto
  necesita, creo que para poder hacer una recomendación sería necesario que
  nos cuentes un poco del proyecto.
 
  Martín.
 
  El 16 de mayo de 2011 23:32, María Vanessa Pérez Hernández 
  mvaness...@gmail.com escribió:
 
   Hola a todos,
  
   Necesito de sus conocimientos para orientarme en algo, ¿Cuáles
 lenguajes
  de
   programación son los más recomendables para armar un sistema de
  información
   web medianamente complejo? ¿Alguno tiene experiencia en este sentido?
  
   Gracias de antemano,
  
   María Vanessa
   ___
   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*
Asesor en estrategias de comunicación en Internet para organizaciones
sociales
http://atarraya.org
http://germanbustos.com
Tel: (+57) 3177381339
http://atarraya.org/
http://germanbustos.com/

Re: [Ovillo] que cms, aconsejan?

2011-05-17 Por tema German Bustos
Hola,

A mi me gusta mucho SPIP, no es tan popular como Drupal, Joomla o Wordpress
pero tiene dos grandes ventajas: por una parte la interfaz para el usuario
final es bastante intuitiva y sencilla de usar, mucho más que la de los
otros tres, según las experiencias de mis usuarios. Lo otro es que da mucha
libertad para el diseño final, aunque hay que aprender su pseudolenguaje de
bucles y balizas propios, una vez se tiene se pueden hacer sitios según el
diseño que se quiera y no depender de las plantillas disponibles que en
algunos casos son muy complicadas de modificar.

Coincido con lo que alguien decía sobre la percepción que Joomla es el más
popular y, tal vez por eso mismo, el más inseguro.

También me gustaría ampliar la discusión a los CMS basados en Windows y de
licencia comercial, creo que es interesante verlos, además veo que muchas
grandes empresas están confiando en ellos. Dejo algunos enlaces para
alimentar el debate:

   -
   
http://jboye.com/blogpost/cms-usability-the-overlooked-part-of-digital-productivity/
   - http://www.cmsmatrix.org/ compara las características de la mayor parte
   de los CMS, creo que con algunos (como SPIP) no mantiene al día las
   caracteríscas disponibles
   - http://php.opensourcecms.com/ permite probar en línea CMS específicos,
   tiene un servicio similar con CMS que no son opensource

Saludos,

Germán

El 16 de mayo de 2011 10:44, alejandra.j.go...@gmail.com escribió:

 Tengan todos muy buenos dias! Para mover un poco el avispero, pregunto:
 que CMS aconsejan ?
 Gracias

 Alejandra
 ___
 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*
Asesor en estrategias de comunicación en Internet para organizaciones
sociales
http://atarraya.org
http://germanbustos.com
Tel: (+57) 3177381339
http://atarraya.org/
http://germanbustos.com/
http://www.facebook.com/german.bustos
http://twitter.com/kommodin
http://www.linkedin.com/in/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] :: Problema de Charset - Idioma Español ::

2011-03-01 Por tema German Bustos
Creo que lo más seguro es usar sólo utf-8, que reonoce todo tipo de
diacríticos y casi cualquier juego de caracteres, además que es la norma de
facto para el futuro

Me parece que poner varios juegos en la misma definición no tiene sentido...

Sin embargo, no estoy del todo seguro...

El 1 de marzo de 2011 23:42, Ivan Pérez vag...@gmail.com escribió:

 Hola, quisiera saber cual es método más adecuado para usar charset en los
 sitios web de idioma español sin necesidad de hacer caracteres especiales
 como acute;  ntilde; etc. y que sea cross browser.

 Lo deje mi snippet es que no funciono en otros navegadores:

 meta http-equiv=Content-Type content=text/html; charset=utf-8,
 iso-8859-1, iso-8859-15, windows-1252

 Cual es la solución efectiva?

 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




-- 

*Germán Bustos*
Asesor en estrategias de comunicación en Internet para organizaciones
sociales
http://atarraya.org
http://germanbustos.com
Tel: (+57) 3177381339
http://atarraya.org/
http://germanbustos.com/
http://www.facebook.com/german.bustos
http://twitter.com/kommodin
http://www.linkedin.com/in/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


[Ovillo] Posicionar elementos traslapados

2011-01-31 Por tema German Bustos
Hola

Estoy haciendo el cabezote de un sitio, se supone que debía ser algo
sencillo pero no me funciona, La idea es que tiene tres elementos una foto
que es le logo del sitio, un texto grande que es el nombre y un menú de
navegación muy simple. El menú está fijo en la parte inferior del cabezote,
el texto del título debe estar encima de él pero el fondo del menú debería
cubrirlo un poco. Y el logo se debe ver a la izquierda, encima de todo. El
HTML es el siguiente:

div id=pagina style=width: 980px; margin: auto;

div id=cabezote class=corte
  div id=logo
a rel=start home href=/img src=logo.png width='222'
height='261' style='height:261px;width:222px;' //a
  /div
  div id=titulargrande
a rel=start home href=/Nombre sitio/a
  /div

  div id=menuprincipal
ul
  lia href=seccion1.html rel=sectionTEMA 1/a/li
  lia href=seccion2.html rel=sectionTEMA 2/a/li
  lia href=seccion3.html rel=sectionTEMA 3/a/li
  lia href=seccion4.html rel=sectionTEMA 4/a/li
/ul
  /div
/div

/div

Y el CSS que estoy usando es:

.corte{
  width: 100%;
  clear: both;
  float: none;
}
#cabezote{
  overflow: hidden;
  height: 260px;
  border-bottom: #FF6600 solid 6px;
}
#cabezote #logo{
  float: left;
  width: 222px;
  z-index: 6;
}
#cabezote  #titulargrande{
  float: right;
  width: 700px;
  font-family: Arial Rounded MT Bold, Arial, Helvetica, sans-serif;
  font-size: 90px;
  z-index: 0;
  text-align: right;
  margin-right: 20px;
  margin-top: 120px;
}
#cabezote  #titulargrande a, #cabezote  #titulargrande a:link, #cabezote
#titulargrande a:visited, #cabezote  #titulargrande a:hover, #cabezote
#titulargrande a:active{
  color: #444;
  text-decoration: none;
  z-index: 0;
}
#menuprincipal{
  z-index: 3;
  background: #000;
  color: #FFF;
  height: 70px;
  margin-top: 200px;
}
#menuprincipal ul{
  padding: 0;
  margin: 0;
  list-style: none;
}
#menuprincipal ul li{
  display: inline;
  float: left;
  height: 66px;
  line-height: 66px;
  font-size: 16px;
  padding: 0 10px 0 10px;
}
#menuprincipal ul li a, #menuprincipal ul li a:link, #menuprincipal ul li
a:visited, #menuprincipal ul li a:hover, #menuprincipal ul li a:active{
  color: #FFF;
  text-decoration: none;
  z-index: 20;
}

El título grande me corre hacia abajo los enlaces del menú, no se logra que
se oculte detrás de la franja negra. No pareciera que el z-index funcionara.
Trabajo con Firefox, sobre Windows.

Creo que es un tema de position pero no sé como aplicarlo en este caso.

Gracias por la ayuda,

Germán

-- 

*Germán Bustos*
Asesor en estrategias de comunicación en Internet para organizaciones
sociales
http://atarraya.org
http://germanbustos.com
Tel: (+57) 3177381339
http://atarraya.org/
http://germanbustos.com/
http://www.facebook.com/german.bustos
http://twitter.com/kommodin
http://www.linkedin.com/in/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] Titulo que aparece y desaparece en sobre un banner

2011-01-21 Por tema German Bustos
Hola Eliseo,

Gracias por las opciones, Conozco los CSS Sprites, pero consideré que no era
lo que quería porque a) quiero tener un texto relacionado con la imagen, que
los buscadores lo indexen y b) me preocupaba que la imagen se me hiciera
demasiado grande y c) La idea es que sea el usuario final quien recorte la
foto y la suba escribiendo su texto y no todos los usuarios saben hacer una
imagen doble. Pero la gran ventaja del sprite sería que el texto podría
queda ubicado en el sitio y con las condiciones con las que se quisiera, es
decir, en términos de resolver el problema podría ser una muy buena opción.

En cuanto a la propiedad hover, es la solución que finalmente usé, con un
enlace.

Muchas gracias,

Germán



El 21 de enero de 2011 14:29, Eliseo Benavent elise...@gmail.com escribió:

 no se si la idea es utilizar texto html o no, podrias utilizar css sprite
 si
 te sirve una imagen con texto
 http://css-tricks.com/css-sprites/

 o utilizar la propiedad css content en el hover
 http://www.librosweb.es/referencia/css/content.html

 No lo he probado pero supongo que funcionará

 El 21 de enero de 2011 00:53, German Bustos ger...@atarraya.org
 escribió:

  Hola,
 
  Quiero hacer lo siguiente: Sobre un banner quiero que al pasar el ratón
  aparezca un texto y al quitar el ratón desaparezca de nuevo. Parece un
  asunto muy sencillo pero no logro que funcione en todos los navegadores.
  Como de costumbre en Firefox, Chrome, Safari y Opera funciona como lo
  deseo,
  pero en Internet Explorer 9, no. Ni siquiera he probado en IE6 debe ser
 un
  desastre.
 
  Hice varias pruebas con diversas estrategias, probé con Javascript, pero
  creo que no se justifica usar un scrit para una cosa tan sencilla.
  Inicialmente intenté usar la propiedad visibility, poniéndola en
 hidden
  cuando está afuera y en visible con el ratón encima, pero no funcionó,
  creo yo que al estar oculto (hidden) el elemento no pasa nada cuando se
 le
  ratón encima. Así que consideré otras opciones y elegí cambiar la
 opacidad.
 
  El código que tengo es el siguiente:
 
  HTML
 
  div class=completa
   div id=capa1
 img src='imagen.jpg' width='968' height='150'
  style='height:150px;width:968px;' /
   div id=capa2
 a href=/ target=_topTitulo/a
   /div
   /div
  /div
 
 
  CSS:
 
  .completa, {
 width: 968px;
 overflow: hidden;
 float: none;
 clear: both;
 margin: 0;
 padding: 0;
  }
 
  #capa1{
   position:relative;
   width:968px;
   height:150px;
   overflow: hidden;
   z-index: 3;
  }
  #capa2 a, #capa2 a:link, #capa2 a:visited{
   position:absolute;
   width:918px;
   height:150px;
   line-height: 150px;
   padding-right: 50px;
   text-align: right;
   top: 0;
   left: 0;
   color:#FFF;
   font-family: Arial, sanserif;
   font-size: 3.5em;
   z-index: 10;
   opacity: .01;
   filter: alpha(opacity=1%);
  }
  #capa2 a:hover, #capa2 a:Active{
   opacity: .9;
   filter: alpha(opacity=95%);
   text-shadow: 0 0 20px #111;
  }
 
 
  --
 
  *Germán Bustos*
  Asesor en estrategias de comunicación en Internet para organizaciones
  sociales
  http://atarraya.org
  http://germanbustos.com
  Tel: (+57) 3177381339
  http://atarraya.org/
  http://germanbustos.com/
  http://www.facebook.com/german.bustos
  http://twitter.com/kommodin
  http://www.linkedin.com/in/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
 



 --
 Eliseo Benavent
 Diseño web y Publicidad
 www.pompagrafica.es
 www.guiamislata.com
 699 818 798

  En cumplimiento de la Ley Orgánica de Protección de Datos 15/1999, le
 informamos que sus datos personales están incorporados en un fichero cuyo
 responsable es  Eliseo Benavent Gimeno , pudiendo ser utilizados con fines
 informativos. Si lo desea puede ejercer los derechos de acceso,
 rectificación, cancelación u oposición de sus datos personales en el correo
 electrónico  tecn...@pompagrafica.es
 ___
 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*
Asesor en estrategias de comunicación en Internet para organizaciones
sociales
http://atarraya.org
http://germanbustos.com
Tel: (+57) 3177381339
http://atarraya.org/
http://germanbustos.com/
http://www.facebook.com/german.bustos
http://twitter.com/kommodin
http://www.linkedin.com/in/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] Titulo que aparece y desaparece en sobre un banner

2011-01-21 Por tema German Bustos
Plácido,

Muchas gracias, ese era truco, funcionó casi perfecto en todos los browsers,
Incluso (según el IEtester) en Internet Explorer 5, aunque en el 6 el texto
queda siempre visible, en el 5 se oculta como quiero. También en IE 7, 8 y
9, todo con el IE tester que a veces no es 100% seguro, pero es una buena
aproximación de cómo funcionaría.

En Firefox, Chrome y Safari tengo el funcionamiento que quería, no importa
por que parte del banner pase el ratón, siempre se hace visible el texto. En
Opera e IE solo se hace visible cuando paso encima del texto en sí que es un
área relativamente pequeña con respecto al total de banner, creo que le voy
a poner enlace también a la imagen para solucionar.

La otra solución sería usar JavaScript, con lo que tengo menos experiencia y
no me siento tan confiado.


Muchas gracias Plácido,


Germán



El 21 de enero de 2011 14:20, Plácido Luna octubre196...@gmail.comescribió:

 Perdón, donde puse

 #capa2 a:hover, #capa2 a:Active{
  display:block;
  width:100%;
  opacity: .1;
  filter: alpha(opacity=100);

  text-shadow: 0 0 20px #111;
  background-color:#333;
 }

 debió ser

 #capa2 a:hover, #capa2 a:Active{
  display:block;
  width:100%;
  opacity: 1;
  filter: alpha(opacity=100);

  text-shadow: 0 0 20px #111;
  background-color:#333;
 }

 Saludos!


 El 21 de enero de 2011 17:18, Plácido Luna octubre196...@gmail.com
 escribió:

  Germán, no uses el signo de % para la opacidad en IE, prueba con esto:
 
  html
  head
  style
 
  .completa, {
 width: 968px;
 overflow: hidden;
 float: none;
 clear: both;
 margin: 0;
 padding: 0;
  }
 
  #capa1{
   position:relative;
   width:968px;
   height:150px;
   overflow: hidden;
   z-index: 3;
  }
  #capa2 a, #capa2 a:link, #capa2 a:visited{
   display:block;
   width:100%;
   position:absolute;
 
   height:150px;
   line-height: 150px;
   padding-right: 50px;
   text-align: right;
   top: 0;
   left: 0;
   color:#FFF;
   font-family: Arial, sanserif;
   font-size: 3.5em;
   z-index: 10;
   opacity: .1;
   filter: alpha(opacity=10);
   background-color:#333;
 
  }
  #capa2 a:hover, #capa2 a:Active{
   display:block;
   width:100%;
   opacity: .1;
   filter: alpha(opacity=100);
 
   text-shadow: 0 0 20px #111;
   background-color:#333;
  }
  /style
  /head
  body
 
  div class=completa
   div id=capa1
 img src='imagen.jpg' width='968' height='150'
  style='height:150px;width:968px;' /
   div id=capa2
 a href=/ target=_topTitulo/a
   /div
   /div
  /div
  /body
  /html
 
  Saludos!
  Plácido.
 
  El 20 de enero de 2011 21:53, German Bustos ger...@atarraya.org
 escribió:
 
  Hola,
 
  Quiero hacer lo siguiente: Sobre un banner quiero que al pasar el ratón
  aparezca un texto y al quitar el ratón desaparezca de nuevo. Parece un
  asunto muy sencillo pero no logro que funcione en todos los navegadores.
  Como de costumbre en Firefox, Chrome, Safari y Opera funciona como lo
  deseo,
  pero en Internet Explorer 9, no. Ni siquiera he probado en IE6 debe ser
 un
  desastre.
 
  Hice varias pruebas con diversas estrategias, probé con Javascript, pero
  creo que no se justifica usar un scrit para una cosa tan sencilla.
  Inicialmente intenté usar la propiedad visibility, poniéndola en
  hidden
  cuando está afuera y en visible con el ratón encima, pero no funcionó,
  creo yo que al estar oculto (hidden) el elemento no pasa nada cuando se
 le
  ratón encima. Así que consideré otras opciones y elegí cambiar la
  opacidad.
 
  El código que tengo es el siguiente:
 
  HTML
 
  div class=completa
   div id=capa1
 img src='imagen.jpg' width='968' height='150'
  style='height:150px;width:968px;' /
   div id=capa2
 a href=/ target=_topTitulo/a
   /div
   /div
  /div
 
 
  CSS:
 
  .completa, {
 width: 968px;
 overflow: hidden;
 float: none;
 clear: both;
 margin: 0;
 padding: 0;
  }
 
  #capa1{
   position:relative;
   width:968px;
   height:150px;
   overflow: hidden;
   z-index: 3;
  }
  #capa2 a, #capa2 a:link, #capa2 a:visited{
   position:absolute;
   width:918px;
   height:150px;
   line-height: 150px;
   padding-right: 50px;
   text-align: right;
   top: 0;
   left: 0;
   color:#FFF;
   font-family: Arial, sanserif;
   font-size: 3.5em;
   z-index: 10;
   opacity: .01;
   filter: alpha(opacity=1%);
  }
  #capa2 a:hover, #capa2 a:Active{
   opacity: .9;
   filter: alpha(opacity=95%);
   text-shadow: 0 0 20px #111;
  }
 
 
  --
 
  *Germán Bustos*
  Asesor en estrategias de comunicación en Internet para organizaciones
  sociales
  http://atarraya.org
  http://germanbustos.com
  Tel: (+57) 3177381339
  http://atarraya.org/
  http://germanbustos.com/
  http://www.facebook.com/german.bustos
  http://twitter.com/kommodin
  http://www.linkedin.com/in/germanbustos
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo

Re: [Ovillo] Como poner un texto vertical con css o con javascript

2010-12-16 Por tema German Bustos
Este es mi código, que no funciona

!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
http://www.w3.org/TR/html4/loose.dtd;

html

head
  meta http-equiv=Content-Type content=text/html; charset=utf-8 /
  titleTest/title
  style
  .contiene{
width: 50%;
border: 2px solid #CCC;
  }


  .verticaltext {
  -webkit-transform: rotate(90deg)
  -moz-transform: rotate(90deg)
  -o-transform: rotate(90deg)
  transform: rotate(90deg)
  }
  .vetical{
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
position: absolute;
  }


  /style
/head

body

div class=verticaltextLorem ipsum y demás huevadas/div
div class=contiene
div class=transformLorem ipsum y demás huevadas/div
/div

/body

/html


+++
Y este el que bajé de CSS3Maker

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN 
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
titlewww.css3maker.com/title
style type=text/css
body{ font-size:18px; color:#FFF; }
a { color:#FFF}
.classname { border:solid 1px #2d2d2d;  text-align:center;
background:#575757; padding:100px 50px 100px 50px;  -moz-border-radius:
5px;  -webkit-border-radius: 5px; border-radius: 5px;}

/* =Your Generated css
|||*/
.classname a{position:absolute; left:40%; -webkit-transform:
rotate(270deg);-moz-transform:  rotate(270deg);-o-transform:
rotate(270deg);writing-mode: bt-lr;}
/* End of Your Generated css
|||*/
/style
/head

body
div class=classnamea href=http://www.css3maker.com;www.css3maker.com
/a/div
/body
/html


El 16 de diciembre de 2010 19:36, Leandro Asrilevich bea...@gmail.comescribió:

 fijate que el ejemplo que te pase y lo que tenes en el link que diste de
 ejemplo vos es lo mismo..

 pega aca el codigo que estas usando asi veo por que puede no estarte
 andando.

 _

 Leandro Asrilevich | www.beastxblog.com
 FrontEnd Developer
 Movil: +54 (11) 15 3663 0011

 Web: http://www.beastxblog.com
 MSN: bea...@gmail.com
 Skype User: leandro.asrilevich

 Dorrego 328
 Muniz - Partido de San Miguel
 Buenos Aires - Argentina


 2010/12/16 German Bustos ger...@atarraya.org

  Hola,
 
  No me funciona el código que mandas, pero cuando lo hago con
  http://www.css3maker.com/text-rotation.html# y lo descargo me funciona,
 no
  entiendo cuál es el truco ¿la definición del DOM? ¿position: absolute
  (probé
  y no funcionó)? Yo veo mi código casi igual pero no funciona
 
  Germán
 
  El 16 de diciembre de 2010 15:47, Leandro Asrilevich bea...@gmail.com
  escribió:
 
   .verticaltext {
 -webkit-transform: rotate(90deg)
 -moz-transform: rotate(90deg)
 -o-transform: rotate(90deg)
 transform: rotate(90deg)
   }
  
   opera no se si lo soporta aun, pero te agregue como seria si lo
  soportase.
  
   para webkit (chrome, safari) y firefox estaria andando, y te puse la
  ultima
   declaracion transform para cuando los browsers empiecen a soportarlo
   directo sin usar el vendor filder
   _
  
   Leandro Asrilevich | www.beastxblog.com
   FrontEnd Developer
   Movil: +54 (11) 15 3663 0011
  
   Web: http://www.beastxblog.com
   MSN: bea...@gmail.com
   Skype User: leandro.asrilevich
  
   Dorrego 328
   Muniz - Partido de San Miguel
   Buenos Aires - Argentina
  
  
   2010/12/16 Ariel isaacr...@gmail.com
  
Hola a todos:
   
Quiero poner un texto en posicion vertical, no con las letras una
  debajo
   de
la otra si no las palabras en una linea de oracion girada 90 grados
  hacia
la
izquierda, ya sé como hacerlo en internet explorer con unos filtros
especiales de ese navegador:
.verticaltext {
   writing-mode: tb-rl;
   filter: flipv fliph;
}
   
Lo que quiero saber es como hacerlo para mozilla-firefox, chrome y
  opera.
   
Si alguien me puede ayudar y dar una idea se lo agradecería.
Gracias de antemano
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
  
 
 
 
  --
 
  *Germán Bustos*
  Asesor en estrategias de comunicación en Internet para organizaciones
  sociales
  http://atarraya.org
  http://germanbustos.com
  Tel: (+57) 3177381339
  http://atarraya.org

Re: [Ovillo] css en joomla

2010-09-03 Por tema German Bustos
Hola,

En los CMS (como Joomla) las hojas de estilo de los prototipos, esqueletos,
modelos, plantillas o como se llamen, generalmente se ubican en
subdirectorios que dependen de la forma de procesar que use el CMS en
particular.

Lo que haría en ese caso sería poner el URL absoluto de la imagen (empezando
en http:) de manera que con los movimientos del CMS no se pierda la
ubicación relativa.

Germán

El 3 de septiembre de 2010 11:26, Gerardo Oscar Jimenez Tornos 
gerardoosca...@gmail.com escribió:

 Comprueba la ruta de la imagen, mira el directorio relativo, las mayúsculas
 y minúsculas, etc.



 El 3 de septiembre de 2010 17:58, Fabio Acosta Barrientos 
 acosta_barrien...@hotmail.com escribió:

 
  buenas Jairo,
 
 
 
  No aparece, solo el fondo de color negro, es lo unico que me cambia,
 
  osea si puedo escoger el color, colocarle una imagen no...
 
 
 
 
 
 
 
 
 
   From: jairo.oc...@gmail.com
   Date: Fri, 3 Sep 2010 17:52:20 +0200
   To: ovillo@lists.ovillo.org
   Subject: Re: [Ovillo] css en joomla
  
   aparece al menos una vez o ninguna?
  
   es correcta la url de la imagen?? (copia y pega a continuación de la
  página
   que estás viendo donde debería aparecer)
  
   puede que haya otro lugar que sobreescriba esta característica de
  #page_bg ?
  
   Saludos,
  
  
   --
  
   Jairo Ochoa
  
   Dropbox - Almacenamiento gratis / Free online backup
   https://www.dropbox.com/referrals/NTg2Njc1MTg5
  
  
  
   El 3 de septiembre de 2010 17:45, Fabio Acosta Barrientos 
   acosta_barrien...@hotmail.com escribió:
  
   
Muy buenas,
   
no se si esta lista sirve tambien para lo que es el joomla, pero
   
tengo problemas a la hora de utilizar el css en joomla en cuanto a
 que
quiero repetir una imagen
   
y esta no aparece, adjunto el codigo que utilizo a ver si me pueden
  ayudar
   
   
   
#page_bg { /** fondo de la pagina **/
padding: 0;
background:url(../images/background01.jpg) #454545 repeat;
margin: 0 auto;
}
   
   
   
gracias
   
   
   
Fabio
   
___
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
 
 ___
 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*
Asesor en estrategias de comunicación en Internet para organizaciones
sociales
http://atarraya.org
http://germanbustos.com
Tel: (+57) 3177381339
http://atarraya.org/
http://germanbustos.com/
http://www.facebook.com/german.bustos
http://twitter.com/kommodin
http://www.linkedin.com/in/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] Duda con borde en los enlaces

2010-08-03 Por tema German Bustos
Hola,

Creo que Leonidas no se refería al subrayado sino al cuadro que solo aparece
cuando se hace clic, Entiendo que esto tiene ver con el estado focus y
aunque no estoy seguro de la respuesta creo que debe ser algo como:

a:focus {border: 0; outline:0}

El 3 de agosto de 2010 16:10, Irene irene.marq...@tecnilogica.comescribió:

 prueba:

 a:link {text-decoration:none;}
 a:visited {text-decoration:none;}
 a:hover {text-decoration:none;}
 a:active {text-decoration:none;}




 El 03/08/2010, a las 22:53, Leónidas Szyszeja escribió:

  Hola, se puede quitar el borde que se genera en los enlace despues de
 hacer click?
 
  Gracias y Suerte!
 
  ___
  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*
Asesor en estrategias de comunicación en Internet para organizaciones
sociales
http://atarraya.org
http://germanbustos.com
Tel: (+57) 3177381339
http://atarraya.org/
http://germanbustos.com/
http://www.facebook.com/german.bustos
http://twitter.com/kommodin
http://www.linkedin.com/in/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


[Ovillo] Por qué no funcionará este sistema de curvas (OT?)

2010-07-06 Por tema German Bustos
Hola,

Después de una larga revisión de todas las opciones que hay para curvar las
esquinas de las cajas decidí que lo mejor es usar una combinación de las
opciones de CSS3 (aun en desarrollo pero que ya Firefox, Chrome, Safari y
Opera), pero como de costumbre el problema es IE. Para ello uno puede usar
el Javascript de Nifty corners
http://www.html.it/articoli/niftycube/index.html

Hice varias pruebas y ninguna me funcionó, por ejemplo, tomé el mismo
ejemplo que pone el autor en:
http://www.html.it/articoli/niftycube/nifty1.html
Lo copié idéntico, en mi sitio, pero no funciona:
http://atarraya.org/experimental/nifty.html

Copié el mismo código, incluso como no funcionó con mi copia local del js
usé el del autor y nada

Me pareció que la solución con el archivo .htc de
http://code.google.com/p/curved-corner/ pero quiero entender en el otro caso
porqué a mi no me funciona el código que en el sitio original funciona bien.

Sé que esta es una lista enfocada en CSS y este tema se sale un poquito, me
perdonarán quienes lo consideren OT.

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] eCSStender, librería Javascript para el manejo CSS (Stop forking CSS?)

2010-07-05 Por tema German Bustos
Hola de nuevo,

La única solución que más o menos me ha funcionado (no logro que lo haga con
los enlaces) es un archivo HTC que encontré en
http://code.google.com/p/curved-corner/
De hecho un proyecto más grande busca parchar IE para que lea CSS2
http://code.google.com/p/box-shadow/
Un poco crudo, creo yo, pero resuleve algunas cosas, al menos con las
últimas versiones de IE

Germán

El 5 de julio de 2010 12:28, Andrés gutiérrez andresgut...@gmail.comescribió:

 El 5 de julio de 2010 18:48, Eddie cartilagosangrie...@gmail.com
 escribió:

  Yo realmente le veo el mismo problema. Si es cierto que me ahorra
  escribir código no soluciona lo de IE y además pesa 20kb??? Vaya, me
  parece que hay que ser muy perezoso para usarlo :-)
  Oí algo de 52framework.com ...  creo que por ahí si hay algo interesante
  ;-)
 
  Yo creo que es mejor una solución del lado del servidor. Estilo SASS o
 LESS. Y si SASS lo juntamos con COMPASS es la puta bomba. Es Ruby, pero si
 te manejas en UNIX no tendrá problema para instalarlo*
 *

  Saludos
 
  --
  Eddie
  ___
  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
(+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] eCSStender, librería Javascript para el manejo CSS (Stop forking CSS?)

2010-07-04 Por tema German Bustos
Hola,

Estoy haciendo pruebas con eCSStender y lo que me doy cuenta es que auna las
propiedades que ya están definidas, por ejemplo para hacer bordes
redondeados lo que hace es, por ejemplo, convertir la instrucción
border-radius: 10px en -moz-border-radius: 10px; -webkit-border-radius:
10px; -khtml-border-radius: 10px

En otras palabras esta extensión lo que hace es ir homogenizando para cuando
tengamos CSS3 implementado, pero para atrás nada, la extensión en sí no
permite hacer arreglos a Internet Explorer
Ver: http://atarraya.org/experimental/ecsstensor.html
http://test.ecsstender.org/extensions/eCSStender.CSS3-backgrounds-and-borders.js/test/

El 28 de junio de 2010 04:04, Miguel Gonzalez lla...@gmail.com escribió:


 Hola, gente de la lista:

 ¿Alguien utiliza o ha probado o conoce eCSStender?

 http://ecsstender.org/

 Visto en: http://www.alistapart.com/articles/stop-forking-with-css3/

 ¿Qué opinión les merece esta librería?

 A mí no me agrada mucho hacer depender de operaciones Javascript el
 formato de una página web... Pero mucho menos me agradan los 'forks' CSS.

 ¡Saludos!


 Miguel González
 ___
 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] eCSStender, librería Javascript para el manejo CSS (Stop forking CSS?)

2010-07-04 Por tema German Bustos
Pues lo que evita son los forks, entonces en vez de escribir:

  -moz-box-shadow: #000 4px 4px 10px;
  -webkit-box-shadow: #000 4px 4px 10px;
  -khtml-box-shadow: #000 4px 4px 10px;

Escribo:
  box-shadow: #000 4px 4px 10px;

Me ahorro un par de líneas de código pero no logro que eso funcione en los
browsers que no lo han implementado, no me parece que valga la pena, solo
tal vez que sea un sitio con extremada complejidad donde repetir la línea
sea demasiado. De resto no vale la pena, si me garantizara que Internet
Explorer tomara los cambios seguro que valdría la pena, pero hasta donde va
no...

Germán

El 4 de julio de 2010 16:56, Ivan Pérez vag...@gmail.com escribió:

 Segun tu opinión, es buena herramienta?




 El 4 de julio de 2010 15:12, German Bustos ger...@atarraya.org escribió:

  Hola,
 
  Estoy haciendo pruebas con eCSStender y lo que me doy cuenta es que auna
  las
  propiedades que ya están definidas, por ejemplo para hacer bordes
  redondeados lo que hace es, por ejemplo, convertir la instrucción
  border-radius: 10px en -moz-border-radius: 10px; -webkit-border-radius:
  10px; -khtml-border-radius: 10px
 
  En otras palabras esta extensión lo que hace es ir homogenizando para
  cuando
  tengamos CSS3 implementado, pero para atrás nada, la extensión en sí no
  permite hacer arreglos a Internet Explorer
  Ver: http://atarraya.org/experimental/ecsstensor.html
 
 
 http://test.ecsstender.org/extensions/eCSStender.CSS3-backgrounds-and-borders.js/test/
 
  El 28 de junio de 2010 04:04, Miguel Gonzalez lla...@gmail.com
 escribió:
 
  
   Hola, gente de la lista:
  
   ¿Alguien utiliza o ha probado o conoce eCSStender?
  
   http://ecsstender.org/
  
   Visto en: http://www.alistapart.com/articles/stop-forking-with-css3/
  
   ¿Qué opinión les merece esta librería?
  
   A mí no me agrada mucho hacer depender de operaciones Javascript el
   formato de una página web... Pero mucho menos me agradan los 'forks'
 CSS.
  
   ¡Saludos!
  
  
   Miguel González
   ___
   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
 
 ___
 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] base de datos de idiomas

2010-05-25 Por tema German Bustos
http://www.ethnologue.com/ es muy completa

El 23 de mayo de 2010 19:15, Fernando Gutierrez fergu...@gmail.comescribió:

 El 24 de mayo de 2010 00:07, Jonathan C. lockhe...@gmail.com escribió:

   Disculpen el oftopic, pero google no me devuelve buenos resultados
  asi que me atrevo a probar aqui.
 
   lo que necesito es una base de datos de todos los idiomas hablados en
  el mundo, o por lo menos los listables.
 
   es identico a la lista de paises, pero esta vez de idiomas, alguien
  tiene una tabla sql disponible para compartir?
 
   muchas gracias.
 
  --
  Jonathan C.
 

 http://www.sil.org/iso639-3/codes.asp
 Esta otra es una lista de la WAI del W3C que, aunque obsoleta, igual te
 sirva http://www.w3.org/WAI/ER/IG/ert/iso639.htm
 --
 _
 Fernando Gutiérrez, usuario de Ubuntu - http://www.ubuntu.com/getubuntu
 ex-Usuario http://www.ubuntu.com/getubuntu%0Aex-Usuario de Windows Vista
 (elegido Gran Fiasco del Año 2009) -

 http://www.fiascoawards.com/continguts/general/estatics.php?llengua=esid=29
 ♪ you may say I'm a dreamer ♬ but I'm not the only one ♪♬ I hope someday
 you'll join us ♪ and the world would be as one ...
 ___
 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] FYI, Planeta estándar

2005-10-30 Por tema German Bustos

Manuel,

El sitio muestra el siguiente error

warning: Invalid argument supplied for foreach() in 
/users/home/simplelogica/public_html/planeta-estandar/includes/theme.inc on 
line 235.



Manuel González Noriega escribió:


Planeta Estándar, un agregador de sitios sobre diseño web basado en
estándares y accesibilidad.

http://planeta-estandar.simplelogica.net

Probablemente dentro de una semanita cambiará a otra ubicación definitiva.

Recien estrenado, sin feeds apenas, sin configurar, sin skin propia,
sin perrito que le ladre.
Agradecemos listas de feeds adecuados en formato OPML, sugerencias,
temas de Drupal, dinero o cualquier cosa.

De momento si queréis ir sugiriendome feeds, por favor a mi correo ...
Blogs y sitios con offtopics ocasionales, pero principalmente
dedicados a los temas que nos ocupan. En castellano, euskera, gallego,
catalán, bable, etc.


--
Manuel
a veces :) a veces :(
pero siempre trabajando duro para Simplelógica: apariencia,
experiencia y comunicación en la web.
http://simplelogica.net # (+34) 985 22 12 65

¡Ah! y escribiendo en Logicola: http://logicola.simplelogica.net
___
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://ovillo.org/mailman/listinfo/ovillo




 




--


Germán Bustos
Atarraya
tejedores de saber social
http://www.atarraya.org
[EMAIL PROTECTED] 


___
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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] site en 3 idiomas

2005-10-19 Por tema German Bustos
SPIP es un CMS desarrollado en Francia inicialmente, ahora con aportes 
de una grande y vigorosa comunidad (y una destacada comunidad de 
hispanohablantes), SPIP es especialmente útil para el desarrollo de 
sitios multilingües


http://www.spip.net/es

Germán


Leandro Asrilevich escribió:


hola se me presento un proyecto en elq ue tengo que desarrollar el sitio web
en 3 idiomas

que es lo recomendable en este caso, para que sea practico tanto el
desarrollo como su posterior mantenimiento, y que ademas este bien hecho (en
cuanto a codigo) y que este bien heho para google :P..


--

Leandro Asrilevich
CUNITO Publicidad Grafica / Web  Multimedia Developer
www.Cunito.com.ar http://www.Cunito.com.ar

www.CostaDelRio.com.ar http://www.CostaDelRio.com.ar
Portal Turistico de Concepcion del Uruguay

+54 (3442) 15558223
___
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://ovillo.org/mailman/listinfo/ovillo




 




--


Germán Bustos
Atarraya
tejedores de saber social
http://www.atarraya.org
[EMAIL PROTECTED] 


___
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://ovillo.org/mailman/listinfo/ovillo