[Ovillo] Buenas practicas en grupos de trabajo

2012-09-04 Por tema Polizonte
Hola lista,
Soy diseñador web y siempre he trabajo solo. Pero ahora en una empresa 
se me pide trabajar en un pequeño grupo (3) para maquetar 40 diseños, 
quisiera que me brinden sus experiencias, comentarios, y sugerencias de 
las buenas practicas de trabajar en equipo.

Lo que mas me preocupa es como hacer para coordinar con mi grupo de 
trabajo el html + css para que el proyecto salga lo mas rápido (que es 
lo que me están pidiendo) Lo primero que se me vino a la mente fue 
re-partirlo en 3 pero luego quizá hayan duplicados en las hojas de estilos.

Saludos y gracias por su tiempo.
Polizonte.


___
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] Buenas practicas en grupos de trabajo

2012-09-04 Por tema Edgardo Raúl Galletto
Debo antes que nada reconocerlo: estoy queriendo a aprender a usarlo. Es 
GitHub...un sistema de control de versiones. Esto implica un cambio en la 
mentalidad y forma de trabajo...de esa forma en los repositorios de GitHub se 
van guardando cada una de las versiones de cada archivo y proyecto...En este 
caso serias las stylesheet.css y los *.html. Consulta ya mismo el programa 
online en www.mejorando.la
Hay un episodio que te enseña esto. Esta mas que genial. Éxitos
Edgardo Raúl Galletto
www.webmoderna.com.ar 
i...@webmoderna.com.ar 
0351-153272337
Enviado desde mi MoraNegra® de Oscuro Argentina

-Original Message-
From: Polizonte polizo...@ymail.com
Sender: ovillo-boun...@lists.ovillo.org
Date: Tue, 04 Sep 2012 02:07:22 
To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org
Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Subject: [Ovillo] Buenas practicas en grupos de trabajo

Hola lista,
Soy diseñador web y siempre he trabajo solo. Pero ahora en una empresa 
se me pide trabajar en un pequeño grupo (3) para maquetar 40 diseños, 
quisiera que me brinden sus experiencias, comentarios, y sugerencias de 
las buenas practicas de trabajar en equipo.

Lo que mas me preocupa es como hacer para coordinar con mi grupo de 
trabajo el html + css para que el proyecto salga lo mas rápido (que es 
lo que me están pidiendo) Lo primero que se me vino a la mente fue 
re-partirlo en 3 pero luego quizá hayan duplicados en las hojas de estilos.

Saludos y gracias por su tiempo.
Polizonte.


___
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] Buenas practicas en grupos de trabajo

2012-09-04 Por tema Marc Palau
Quiero aclarar que el CVS (sistema de control de versiones) es GIT, 
GitHub es *un* servicio que ofrece servidores GIT, tanto publicos como 
privados.

saludos
Marc

Al 04/09/12 09:26, En/na Edgardo Raúl Galletto ha escrit:
 Debo antes que nada reconocerlo: estoy queriendo a aprender a usarlo. Es 
 GitHub...un sistema de control de versiones. Esto implica un cambio en la 
 mentalidad y forma de trabajo...de esa forma en los repositorios de GitHub se 
 van guardando cada una de las versiones de cada archivo y proyecto...En este 
 caso serias las stylesheet.css y los *.html. Consulta ya mismo el programa 
 online en www.mejorando.la
 Hay un episodio que te enseña esto. Esta mas que genial. Éxitos
 Edgardo Raúl Galletto
 www.webmoderna.com.ar
 i...@webmoderna.com.ar
 0351-153272337
 Enviado desde mi MoraNegra® de Oscuro Argentina

 -Original Message-
 From: Polizonte polizo...@ymail.com
 Sender: ovillo-boun...@lists.ovillo.org
 Date: Tue, 04 Sep 2012 02:07:22
 To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org
 Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
 Subject: [Ovillo] Buenas practicas en grupos de trabajo

 Hola lista,
 Soy diseñador web y siempre he trabajo solo. Pero ahora en una empresa
 se me pide trabajar en un pequeño grupo (3) para maquetar 40 diseños,
 quisiera que me brinden sus experiencias, comentarios, y sugerencias de
 las buenas practicas de trabajar en equipo.

 Lo que mas me preocupa es como hacer para coordinar con mi grupo de
 trabajo el html + css para que el proyecto salga lo mas rápido (que es
 lo que me están pidiendo) Lo primero que se me vino a la mente fue
 re-partirlo en 3 pero luego quizá hayan duplicados en las hojas de estilos.

 Saludos y gracias por su tiempo.
 Polizonte.


 ___
 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] Buenas practicas en grupos de trabajo

2012-09-04 Por tema Edgardo Raúl Galletto
Cierto cierto Es lo que el dice...bien por aclararlo.
Edgardo Raúl Galletto
www.webmoderna.com.ar 
i...@webmoderna.com.ar 
0351-153272337
Enviado desde mi MoraNegra® de Oscuro Argentina

-Original Message-
From: Marc Palau m...@palaueb.com
Sender: ovillo-boun...@lists.ovillo.org
Date: Tue, 04 Sep 2012 09:40:26 
To: ovillo@lists.ovillo.org
Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Subject: Re: [Ovillo] Buenas practicas en grupos de trabajo

Quiero aclarar que el CVS (sistema de control de versiones) es GIT, 
GitHub es *un* servicio que ofrece servidores GIT, tanto publicos como 
privados.

saludos
Marc

Al 04/09/12 09:26, En/na Edgardo Raúl Galletto ha escrit:
 Debo antes que nada reconocerlo: estoy queriendo a aprender a usarlo. Es 
 GitHub...un sistema de control de versiones. Esto implica un cambio en la 
 mentalidad y forma de trabajo...de esa forma en los repositorios de GitHub se 
 van guardando cada una de las versiones de cada archivo y proyecto...En este 
 caso serias las stylesheet.css y los *.html. Consulta ya mismo el programa 
 online en www.mejorando.la
 Hay un episodio que te enseña esto. Esta mas que genial. Éxitos
 Edgardo Raúl Galletto
 www.webmoderna.com.ar
 i...@webmoderna.com.ar
 0351-153272337
 Enviado desde mi MoraNegra® de Oscuro Argentina

 -Original Message-
 From: Polizonte polizo...@ymail.com
 Sender: ovillo-boun...@lists.ovillo.org
 Date: Tue, 04 Sep 2012 02:07:22
 To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org
 Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
 Subject: [Ovillo] Buenas practicas en grupos de trabajo

 Hola lista,
 Soy diseñador web y siempre he trabajo solo. Pero ahora en una empresa
 se me pide trabajar en un pequeño grupo (3) para maquetar 40 diseños,
 quisiera que me brinden sus experiencias, comentarios, y sugerencias de
 las buenas practicas de trabajar en equipo.

 Lo que mas me preocupa es como hacer para coordinar con mi grupo de
 trabajo el html + css para que el proyecto salga lo mas rápido (que es
 lo que me están pidiendo) Lo primero que se me vino a la mente fue
 re-partirlo en 3 pero luego quizá hayan duplicados en las hojas de estilos.

 Saludos y gracias por su tiempo.
 Polizonte.


 ___
 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


Re: [Ovillo] Buenas practicas en grupos de trabajo

2012-09-04 Por tema Manuel Canga - Latrasweb.net
Como complemento al buen consejo que te han dado de Git, sería:
- Usar metodologías ágiles: Kanban, scrum o lean.
- Si hay trozos de código de programación usar un sistema de plantilla (
aunque para esto siempre hay debate ) pero facilita el trabajo en equipo.

Aprovecho un huequesito de este hilo para dar las gracias a todos los
compañeros por la ayuda que me brindaron la semana pasada.
El 04/09/2012 09:07, Polizonte polizo...@ymail.com escribió:

 Hola lista,
 Soy diseñador web y siempre he trabajo solo. Pero ahora en una empresa
 se me pide trabajar en un pequeño grupo (3) para maquetar 40 diseños,
 quisiera que me brinden sus experiencias, comentarios, y sugerencias de
 las buenas practicas de trabajar en equipo.

 Lo que mas me preocupa es como hacer para coordinar con mi grupo de
 trabajo el html + css para que el proyecto salga lo mas rápido (que es
 lo que me están pidiendo) Lo primero que se me vino a la mente fue
 re-partirlo en 3 pero luego quizá hayan duplicados en las hojas de estilos.

 Saludos y gracias por su tiempo.
 Polizonte.


 ___
 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] Buenas practicas en grupos de trabajo

2012-09-04 Por tema CHK Webmaster
Además del uso del Git, se me ocurre que es una buena idea estandarizar la
manera de estructurar (orden, identación, nomenclatura) en los ficheros
CSS. De modo que cualquiera del equipo pueda modificar cualquier fichero
fácilmente; y evitando que se distinga de quien a codificado cada fichero.

Son pequeños detalles, pero a la larga se notan.

2012/9/4 Manuel Canga - Latrasweb.net i...@latrasweb.net

 Como complemento al buen consejo que te han dado de Git, sería:
 - Usar metodologías ágiles: Kanban, scrum o lean.
 - Si hay trozos de código de programación usar un sistema de plantilla (
 aunque para esto siempre hay debate ) pero facilita el trabajo en equipo.

 Aprovecho un huequesito de este hilo para dar las gracias a todos los
 compañeros por la ayuda que me brindaron la semana pasada.
 El 04/09/2012 09:07, Polizonte polizo...@ymail.com escribió:

  Hola lista,
  Soy diseñador web y siempre he trabajo solo. Pero ahora en una empresa
  se me pide trabajar en un pequeño grupo (3) para maquetar 40 diseños,
  quisiera que me brinden sus experiencias, comentarios, y sugerencias de
  las buenas practicas de trabajar en equipo.
 
  Lo que mas me preocupa es como hacer para coordinar con mi grupo de
  trabajo el html + css para que el proyecto salga lo mas rápido (que es
  lo que me están pidiendo) Lo primero que se me vino a la mente fue
  re-partirlo en 3 pero luego quizá hayan duplicados en las hojas de
 estilos.
 
  Saludos y gracias por su tiempo.
  Polizonte.
 
 
  ___
  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] Buenas practicas en grupos de trabajo

2012-09-04 Por tema Rafael García Lepper
Hola,

aparte de git, que es fundamental, yo os aconsejaría: 

1. Acordar unas convenciones de estilo, como estas [1] pero que os gusten a 
todos, porque cada desarrollador tiene sus ideas
2. Distribuir el desarrollo de elementos comunes (clases que todos vais a usar, 
se deben desarrollar al principio)
3. Dividir el trabajo en bloques de contenido, idealmente de no más de 2-3h de 
desarrollo 
4. Reunión diaria (tipo scrum) del equipo para distribuir diariamente los 
bloques a desarrollar por cada uno y comentar el código escrito (brevemente) 
para asegurarse de que nadie usa el mismo nombre para dos clases distintas y 
cosas por el estilo 
5. Tratar de acordar unas convenciones de nomenclatura
6. Comentar el código, porque lo que es obvio para ti hoy, no lo es para ti en 
el futuro, mucho menos para tus compañeros

Seguro que hay más, pero si consigues cumplir estas vais a ser un equipo feliz.

Saludos

Rafael G. Lepper
Front End Web Developer
http://www.thehandcoder.com
@rglepper


[1] https://github.com/necolas/idiomatic-css

El 04/09/2012, a las 10:50, CHK Webmaster escribió:

 Además del uso del Git, se me ocurre que es una buena idea estandarizar la
 manera de estructurar (orden, identación, nomenclatura) en los ficheros
 CSS. De modo que cualquiera del equipo pueda modificar cualquier fichero
 fácilmente; y evitando que se distinga de quien a codificado cada fichero.
 
 Son pequeños detalles, pero a la larga se notan.
 
 2012/9/4 Manuel Canga - Latrasweb.net i...@latrasweb.net
 
 Como complemento al buen consejo que te han dado de Git, sería:
 - Usar metodologías ágiles: Kanban, scrum o lean.
 - Si hay trozos de código de programación usar un sistema de plantilla (
 aunque para esto siempre hay debate ) pero facilita el trabajo en equipo.
 
 Aprovecho un huequesito de este hilo para dar las gracias a todos los
 compañeros por la ayuda que me brindaron la semana pasada.
 El 04/09/2012 09:07, Polizonte polizo...@ymail.com escribió:
 
 Hola lista,
 Soy diseñador web y siempre he trabajo solo. Pero ahora en una empresa
 se me pide trabajar en un pequeño grupo (3) para maquetar 40 diseños,
 quisiera que me brinden sus experiencias, comentarios, y sugerencias de
 las buenas practicas de trabajar en equipo.
 
 Lo que mas me preocupa es como hacer para coordinar con mi grupo de
 trabajo el html + css para que el proyecto salga lo mas rápido (que es
 lo que me están pidiendo) Lo primero que se me vino a la mente fue
 re-partirlo en 3 pero luego quizá hayan duplicados en las hojas de
 estilos.
 
 Saludos y gracias por su tiempo.
 Polizonte.
 
 
 ___
 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


Re: [Ovillo] Buenas practicas en grupos de trabajo

2012-09-04 Por tema David Bautista
Yo añadiría el uso de sass o less, esto va a permitir al equipo trabajar
con css contruyendo un framework propio. Funciones, bucles, includes, etc
etc...

En el .scss principal (en el caso de sass) después del css genérico yo
pondría varios includes, uno por sección, y así se cada desarrollador
podría trabajar en el scss de la sección que le corresponda sin miedo a
tocar código que otro esté modificando.

2012/9/4 Rafael García Lepper rafael.g.lep...@gmail.com

 Hola,

 aparte de git, que es fundamental, yo os aconsejaría:

 1. Acordar unas convenciones de estilo, como estas [1] pero que os gusten
 a todos, porque cada desarrollador tiene sus ideas
 2. Distribuir el desarrollo de elementos comunes (clases que todos vais a
 usar, se deben desarrollar al principio)
 3. Dividir el trabajo en bloques de contenido, idealmente de no más de
 2-3h de desarrollo
 4. Reunión diaria (tipo scrum) del equipo para distribuir diariamente los
 bloques a desarrollar por cada uno y comentar el código escrito
 (brevemente) para asegurarse de que nadie usa el mismo nombre para dos
 clases distintas y cosas por el estilo
 5. Tratar de acordar unas convenciones de nomenclatura
 6. Comentar el código, porque lo que es obvio para ti hoy, no lo es para
 ti en el futuro, mucho menos para tus compañeros

 Seguro que hay más, pero si consigues cumplir estas vais a ser un equipo
 feliz.

 Saludos

 Rafael G. Lepper
 Front End Web Developer
 http://www.thehandcoder.com
 @rglepper


 [1] https://github.com/necolas/idiomatic-css

 El 04/09/2012, a las 10:50, CHK Webmaster escribió:

  Además del uso del Git, se me ocurre que es una buena idea estandarizar
 la
  manera de estructurar (orden, identación, nomenclatura) en los ficheros
  CSS. De modo que cualquiera del equipo pueda modificar cualquier fichero
  fácilmente; y evitando que se distinga de quien a codificado cada
 fichero.
 
  Son pequeños detalles, pero a la larga se notan.
 
  2012/9/4 Manuel Canga - Latrasweb.net i...@latrasweb.net
 
  Como complemento al buen consejo que te han dado de Git, sería:
  - Usar metodologías ágiles: Kanban, scrum o lean.
  - Si hay trozos de código de programación usar un sistema de plantilla (
  aunque para esto siempre hay debate ) pero facilita el trabajo en
 equipo.
 
  Aprovecho un huequesito de este hilo para dar las gracias a todos los
  compañeros por la ayuda que me brindaron la semana pasada.
  El 04/09/2012 09:07, Polizonte polizo...@ymail.com escribió:
 
  Hola lista,
  Soy diseñador web y siempre he trabajo solo. Pero ahora en una empresa
  se me pide trabajar en un pequeño grupo (3) para maquetar 40 diseños,
  quisiera que me brinden sus experiencias, comentarios, y sugerencias de
  las buenas practicas de trabajar en equipo.
 
  Lo que mas me preocupa es como hacer para coordinar con mi grupo de
  trabajo el html + css para que el proyecto salga lo mas rápido (que es
  lo que me están pidiendo) Lo primero que se me vino a la mente fue
  re-partirlo en 3 pero luego quizá hayan duplicados en las hojas de
  estilos.
 
  Saludos y gracias por su tiempo.
  Polizonte.
 
 
  ___
  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

___
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] Buenas practicas en grupos de trabajo

2012-09-04 Por tema Marcos de Miguel
En google también proponen Directrices de codificación para HTML y CSS
cuando se trabaja en un equipo:

http://googlewebmaster-es.blogspot.com.es/2012/06/directrices-de-codificacion-para-html-y.html


Saludos

Marcos de Miguel
Diseño y Desarrollo Web
www.dragoncillos.com
@dragoncillos


2012/9/4 David Bautista davidbautistanave...@gmail.com

 Yo añadiría el uso de sass o less, esto va a permitir al equipo trabajar
 con css contruyendo un framework propio. Funciones, bucles, includes, etc
 etc...

 En el .scss principal (en el caso de sass) después del css genérico yo
 pondría varios includes, uno por sección, y así se cada desarrollador
 podría trabajar en el scss de la sección que le corresponda sin miedo a
 tocar código que otro esté modificando.

 2012/9/4 Rafael García Lepper rafael.g.lep...@gmail.com

  Hola,
 
  aparte de git, que es fundamental, yo os aconsejaría:
 
  1. Acordar unas convenciones de estilo, como estas [1] pero que os gusten
  a todos, porque cada desarrollador tiene sus ideas
  2. Distribuir el desarrollo de elementos comunes (clases que todos vais a
  usar, se deben desarrollar al principio)
  3. Dividir el trabajo en bloques de contenido, idealmente de no más de
  2-3h de desarrollo
  4. Reunión diaria (tipo scrum) del equipo para distribuir diariamente los
  bloques a desarrollar por cada uno y comentar el código escrito
  (brevemente) para asegurarse de que nadie usa el mismo nombre para dos
  clases distintas y cosas por el estilo
  5. Tratar de acordar unas convenciones de nomenclatura
  6. Comentar el código, porque lo que es obvio para ti hoy, no lo es para
  ti en el futuro, mucho menos para tus compañeros
 
  Seguro que hay más, pero si consigues cumplir estas vais a ser un equipo
  feliz.
 
  Saludos
 
  Rafael G. Lepper
  Front End Web Developer
  http://www.thehandcoder.com
  @rglepper
 
 
  [1] https://github.com/necolas/idiomatic-css
 
  El 04/09/2012, a las 10:50, CHK Webmaster escribió:
 
   Además del uso del Git, se me ocurre que es una buena idea estandarizar
  la
   manera de estructurar (orden, identación, nomenclatura) en los ficheros
   CSS. De modo que cualquiera del equipo pueda modificar cualquier
 fichero
   fácilmente; y evitando que se distinga de quien a codificado cada
  fichero.
  
   Son pequeños detalles, pero a la larga se notan.
  
   2012/9/4 Manuel Canga - Latrasweb.net i...@latrasweb.net
  
   Como complemento al buen consejo que te han dado de Git, sería:
   - Usar metodologías ágiles: Kanban, scrum o lean.
   - Si hay trozos de código de programación usar un sistema de
 plantilla (
   aunque para esto siempre hay debate ) pero facilita el trabajo en
  equipo.
  
   Aprovecho un huequesito de este hilo para dar las gracias a todos los
   compañeros por la ayuda que me brindaron la semana pasada.
   El 04/09/2012 09:07, Polizonte polizo...@ymail.com escribió:
  
   Hola lista,
   Soy diseñador web y siempre he trabajo solo. Pero ahora en una
 empresa
   se me pide trabajar en un pequeño grupo (3) para maquetar 40 diseños,
   quisiera que me brinden sus experiencias, comentarios, y sugerencias
 de
   las buenas practicas de trabajar en equipo.
  
   Lo que mas me preocupa es como hacer para coordinar con mi grupo de
   trabajo el html + css para que el proyecto salga lo mas rápido (que
 es
   lo que me están pidiendo) Lo primero que se me vino a la mente fue
   re-partirlo en 3 pero luego quizá hayan duplicados en las hojas de
   estilos.
  
   Saludos y gracias por su tiempo.
   Polizonte.
  
  
   ___
   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
 
 ___
 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 

Re: [Ovillo] Buenas practicas en grupos de trabajo

2012-09-04 Por tema Edgardo Raúl Galletto
Una muy buena directriz es organizar los CSS por estructura de layout (Header, 
nav, section, article...footer...o el equivalente#wrapper, #head, 
#containér, #main_nav, #second_nav, #main_contentetc...) y dentro de ella; 
cada selector  ordenarlo alfabeticamente. Y asu vez dentro, cada propiedad, 
también. Espero sirva...
Edgardo Raúl Galletto
www.webmoderna.com.ar 
i...@webmoderna.com.ar 
0351-153272337
Enviado desde mi MoraNegra® de Oscuro Argentina

-Original Message-
From: Marcos de Miguel emedemig...@gmail.com
Sender: ovillo-boun...@lists.ovillo.org
Date: Tue, 4 Sep 2012 13:07:41 
To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org
Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Subject: Re: [Ovillo] Buenas practicas en grupos de trabajo

En google también proponen Directrices de codificación para HTML y CSS
cuando se trabaja en un equipo:

http://googlewebmaster-es.blogspot.com.es/2012/06/directrices-de-codificacion-para-html-y.html


Saludos

Marcos de Miguel
Diseño y Desarrollo Web
www.dragoncillos.com
@dragoncillos


2012/9/4 David Bautista davidbautistanave...@gmail.com

 Yo añadiría el uso de sass o less, esto va a permitir al equipo trabajar
 con css contruyendo un framework propio. Funciones, bucles, includes, etc
 etc...

 En el .scss principal (en el caso de sass) después del css genérico yo
 pondría varios includes, uno por sección, y así se cada desarrollador
 podría trabajar en el scss de la sección que le corresponda sin miedo a
 tocar código que otro esté modificando.

 2012/9/4 Rafael García Lepper rafael.g.lep...@gmail.com

  Hola,
 
  aparte de git, que es fundamental, yo os aconsejaría:
 
  1. Acordar unas convenciones de estilo, como estas [1] pero que os gusten
  a todos, porque cada desarrollador tiene sus ideas
  2. Distribuir el desarrollo de elementos comunes (clases que todos vais a
  usar, se deben desarrollar al principio)
  3. Dividir el trabajo en bloques de contenido, idealmente de no más de
  2-3h de desarrollo
  4. Reunión diaria (tipo scrum) del equipo para distribuir diariamente los
  bloques a desarrollar por cada uno y comentar el código escrito
  (brevemente) para asegurarse de que nadie usa el mismo nombre para dos
  clases distintas y cosas por el estilo
  5. Tratar de acordar unas convenciones de nomenclatura
  6. Comentar el código, porque lo que es obvio para ti hoy, no lo es para
  ti en el futuro, mucho menos para tus compañeros
 
  Seguro que hay más, pero si consigues cumplir estas vais a ser un equipo
  feliz.
 
  Saludos
 
  Rafael G. Lepper
  Front End Web Developer
  http://www.thehandcoder.com
  @rglepper
 
 
  [1] https://github.com/necolas/idiomatic-css
 
  El 04/09/2012, a las 10:50, CHK Webmaster escribió:
 
   Además del uso del Git, se me ocurre que es una buena idea estandarizar
  la
   manera de estructurar (orden, identación, nomenclatura) en los ficheros
   CSS. De modo que cualquiera del equipo pueda modificar cualquier
 fichero
   fácilmente; y evitando que se distinga de quien a codificado cada
  fichero.
  
   Son pequeños detalles, pero a la larga se notan.
  
   2012/9/4 Manuel Canga - Latrasweb.net i...@latrasweb.net
  
   Como complemento al buen consejo que te han dado de Git, sería:
   - Usar metodologías ágiles: Kanban, scrum o lean.
   - Si hay trozos de código de programación usar un sistema de
 plantilla (
   aunque para esto siempre hay debate ) pero facilita el trabajo en
  equipo.
  
   Aprovecho un huequesito de este hilo para dar las gracias a todos los
   compañeros por la ayuda que me brindaron la semana pasada.
   El 04/09/2012 09:07, Polizonte polizo...@ymail.com escribió:
  
   Hola lista,
   Soy diseñador web y siempre he trabajo solo. Pero ahora en una
 empresa
   se me pide trabajar en un pequeño grupo (3) para maquetar 40 diseños,
   quisiera que me brinden sus experiencias, comentarios, y sugerencias
 de
   las buenas practicas de trabajar en equipo.
  
   Lo que mas me preocupa es como hacer para coordinar con mi grupo de
   trabajo el html + css para que el proyecto salga lo mas rápido (que
 es
   lo que me están pidiendo) Lo primero que se me vino a la mente fue
   re-partirlo en 3 pero luego quizá hayan duplicados en las hojas de
   estilos.
  
   Saludos y gracias por su tiempo.
   Polizonte.
  
  
   ___
   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 

Re: [Ovillo] Buenas practicas en grupos de trabajo

2012-09-04 Por tema Manuel Canga - Latrasweb.net
Añadir algo más encaminado específicamente a tu pregunta.

Podríais hacer que uno de vosotros se encargara de realizar la maquetación
de la portada ( según lo que han comentado anteriormente los compañeros de
la lista:
reglas de estilos y demás  ) y luego, repartir los 39 diseños restante
entre los 3
tomando como base los estilos de la portada. Tratando de distribuir los
estilos según
módulos: noticias.css, enlaces.css, galeria.css  ( sin olvidaros de añadir
el portada.css, obvio ).
Así evitaréis el problema de estar editando dos sobre el mismo css a la vez.

De todos modos, al margen de esto y por curiosidad,dejar un enlace a la
conocida Ley de Brooks:
http://es.wikipedia.org/wiki/Ley_de_Brooks


Un saludo
--
Manuel Canga
Desarrollo creativo de
CMS y frameworks
Email: *i...@latrasweb.net*
Web: http://www.latrasweb.net
Twitter: http://twitter.com/latrasweb_net



El 4 de septiembre de 2012 13:17, Edgardo Raúl Galletto 
edgardogalle...@gmail.com escribió:

 Una muy buena directriz es organizar los CSS por estructura de layout
 (Header, nav, section, article...footer...o el equivalente#wrapper,
 #head, #containér, #main_nav, #second_nav, #main_contentetc...) y
 dentro de ella; cada selector  ordenarlo alfabeticamente. Y asu vez dentro,
 cada propiedad, también. Espero sirva...
 Edgardo Raúl Galletto
 www.webmoderna.com.ar
 i...@webmoderna.com.ar
 0351-153272337
 Enviado desde mi MoraNegra® de Oscuro Argentina

 -Original Message-
 From: Marcos de Miguel emedemig...@gmail.com
 Sender: ovillo-boun...@lists.ovillo.org
 Date: Tue, 4 Sep 2012 13:07:41
 To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org
 Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
 
 Subject: Re: [Ovillo] Buenas practicas en grupos de trabajo

 En google también proponen Directrices de codificación para HTML y CSS
 cuando se trabaja en un equipo:


 http://googlewebmaster-es.blogspot.com.es/2012/06/directrices-de-codificacion-para-html-y.html


 Saludos

 Marcos de Miguel
 Diseño y Desarrollo Web
 www.dragoncillos.com
 @dragoncillos


 2012/9/4 David Bautista davidbautistanave...@gmail.com

  Yo añadiría el uso de sass o less, esto va a permitir al equipo trabajar
  con css contruyendo un framework propio. Funciones, bucles, includes, etc
  etc...
 
  En el .scss principal (en el caso de sass) después del css genérico yo
  pondría varios includes, uno por sección, y así se cada desarrollador
  podría trabajar en el scss de la sección que le corresponda sin miedo a
  tocar código que otro esté modificando.
 
  2012/9/4 Rafael García Lepper rafael.g.lep...@gmail.com
 
   Hola,
  
   aparte de git, que es fundamental, yo os aconsejaría:
  
   1. Acordar unas convenciones de estilo, como estas [1] pero que os
 gusten
   a todos, porque cada desarrollador tiene sus ideas
   2. Distribuir el desarrollo de elementos comunes (clases que todos
 vais a
   usar, se deben desarrollar al principio)
   3. Dividir el trabajo en bloques de contenido, idealmente de no más de
   2-3h de desarrollo
   4. Reunión diaria (tipo scrum) del equipo para distribuir diariamente
 los
   bloques a desarrollar por cada uno y comentar el código escrito
   (brevemente) para asegurarse de que nadie usa el mismo nombre para dos
   clases distintas y cosas por el estilo
   5. Tratar de acordar unas convenciones de nomenclatura
   6. Comentar el código, porque lo que es obvio para ti hoy, no lo es
 para
   ti en el futuro, mucho menos para tus compañeros
  
   Seguro que hay más, pero si consigues cumplir estas vais a ser un
 equipo
   feliz.
  
   Saludos
  
   Rafael G. Lepper
   Front End Web Developer
   http://www.thehandcoder.com
   @rglepper
  
  
   [1] https://github.com/necolas/idiomatic-css
  
   El 04/09/2012, a las 10:50, CHK Webmaster escribió:
  
Además del uso del Git, se me ocurre que es una buena idea
 estandarizar
   la
manera de estructurar (orden, identación, nomenclatura) en los
 ficheros
CSS. De modo que cualquiera del equipo pueda modificar cualquier
  fichero
fácilmente; y evitando que se distinga de quien a codificado cada
   fichero.
   
Son pequeños detalles, pero a la larga se notan.
   
2012/9/4 Manuel Canga - Latrasweb.net i...@latrasweb.net
   
Como complemento al buen consejo que te han dado de Git, sería:
- Usar metodologías ágiles: Kanban, scrum o lean.
- Si hay trozos de código de programación usar un sistema de
  plantilla (
aunque para esto siempre hay debate ) pero facilita el trabajo en
   equipo.
   
Aprovecho un huequesito de este hilo para dar las gracias a todos
 los
compañeros por la ayuda que me brindaron la semana pasada.
El 04/09/2012 09:07, Polizonte polizo...@ymail.com escribió:
   
Hola lista,
Soy diseñador web y siempre he trabajo solo. Pero ahora en una
  empresa
se me pide trabajar en un pequeño grupo (3) para maquetar 40
 diseños,
quisiera que me brinden sus experiencias, comentarios, y
 sugerencias
  de

Re: [Ovillo] Buenas practicas en grupos de trabajo

2012-09-04 Por tema marcos méndez filesi
Ley de Brooks  : )

***
Si es un trabajo más o menos en serie (y supongo que de bajo presupuesto)
otra posibilidad  en esta línea es seguir una estrategia que le dio muy
buen resultado a los relojeros suizos en el siglo XVII: especializar el
trabajo sobre piezas intercambiables. Esto es:

a) Primero haría un listado de todas las cosas que pueden tener las 40
páginas, como 1 formulario de inscripción con n campos, un carrusel (slide)
de imágenes, 1 pasarela de pago a Pay Pal... en fin, todos los objetos
que se puedan necesitar. Y nada de CSS.

Y cada cual hace una cosa según controle más Jquery, PHP, web services...
Menos uno, que mientras tanto se dedica a:

b) hacer 4 ó 5 plantillas básicas (con el sidebar a la izquierda, a la
derecha, en los dos lados, abajo, arriba...). Y nada de CSS salvo float.

 c) Por último, ya solo quedaría coger una plantilla, incluir los objetos
que necesite esa web y pintarla con las CSS que le parezcan más apropiadas
para cada caso.

Abrazos.

El 4 de septiembre de 2012 20:52, Manuel Canga - Latrasweb.net 
i...@latrasweb.net escribió:

 Añadir algo más encaminado específicamente a tu pregunta.

 Podríais hacer que uno de vosotros se encargara de realizar la maquetación
 de la portada ( según lo que han comentado anteriormente los compañeros de
 la lista:
 reglas de estilos y demás  ) y luego, repartir los 39 diseños restante
 entre los 3
 tomando como base los estilos de la portada. Tratando de distribuir los
 estilos según
 módulos: noticias.css, enlaces.css, galeria.css  ( sin olvidaros de añadir
 el portada.css, obvio ).
 Así evitaréis el problema de estar editando dos sobre el mismo css a la
 vez.

 De todos modos, al margen de esto y por curiosidad,dejar un enlace a la
 conocida Ley de Brooks:
 http://es.wikipedia.org/wiki/Ley_de_Brooks


 Un saludo
 --
 Manuel Canga
 Desarrollo creativo de
 CMS y frameworks
 Email: *i...@latrasweb.net*
 Web: http://www.latrasweb.net
 Twitter: http://twitter.com/latrasweb_net



 El 4 de septiembre de 2012 13:17, Edgardo Raúl Galletto 
 edgardogalle...@gmail.com escribió:

  Una muy buena directriz es organizar los CSS por estructura de layout
  (Header, nav, section, article...footer...o el equivalente#wrapper,
  #head, #containér, #main_nav, #second_nav, #main_contentetc...) y
  dentro de ella; cada selector  ordenarlo alfabeticamente. Y asu vez
 dentro,
  cada propiedad, también. Espero sirva...
  Edgardo Raúl Galletto
  www.webmoderna.com.ar
  i...@webmoderna.com.ar
  0351-153272337
  Enviado desde mi MoraNegra® de Oscuro Argentina
 
  -Original Message-
  From: Marcos de Miguel emedemig...@gmail.com
  Sender: ovillo-boun...@lists.ovillo.org
  Date: Tue, 4 Sep 2012 13:07:41
  To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org
  Reply-To: Ovillo, la lista de CSS en castellano 
 ovillo@lists.ovillo.org
  
  Subject: Re: [Ovillo] Buenas practicas en grupos de trabajo
 
  En google también proponen Directrices de codificación para HTML y CSS
  cuando se trabaja en un equipo:
 
 
 
 http://googlewebmaster-es.blogspot.com.es/2012/06/directrices-de-codificacion-para-html-y.html
 
 
  Saludos
 
  Marcos de Miguel
  Diseño y Desarrollo Web
  www.dragoncillos.com
  @dragoncillos
 
 
  2012/9/4 David Bautista davidbautistanave...@gmail.com
 
   Yo añadiría el uso de sass o less, esto va a permitir al equipo
 trabajar
   con css contruyendo un framework propio. Funciones, bucles, includes,
 etc
   etc...
  
   En el .scss principal (en el caso de sass) después del css genérico yo
   pondría varios includes, uno por sección, y así se cada desarrollador
   podría trabajar en el scss de la sección que le corresponda sin miedo a
   tocar código que otro esté modificando.
  
   2012/9/4 Rafael García Lepper rafael.g.lep...@gmail.com
  
Hola,
   
aparte de git, que es fundamental, yo os aconsejaría:
   
1. Acordar unas convenciones de estilo, como estas [1] pero que os
  gusten
a todos, porque cada desarrollador tiene sus ideas
2. Distribuir el desarrollo de elementos comunes (clases que todos
  vais a
usar, se deben desarrollar al principio)
3. Dividir el trabajo en bloques de contenido, idealmente de no más
 de
2-3h de desarrollo
4. Reunión diaria (tipo scrum) del equipo para distribuir diariamente
  los
bloques a desarrollar por cada uno y comentar el código escrito
(brevemente) para asegurarse de que nadie usa el mismo nombre para
 dos
clases distintas y cosas por el estilo
5. Tratar de acordar unas convenciones de nomenclatura
6. Comentar el código, porque lo que es obvio para ti hoy, no lo es
  para
ti en el futuro, mucho menos para tus compañeros
   
Seguro que hay más, pero si consigues cumplir estas vais a ser un
  equipo
feliz.
   
Saludos
   
Rafael G. Lepper
Front End Web Developer
http://www.thehandcoder.com
@rglepper
   
   
[1] https://github.com/necolas/idiomatic-css
   
El 04/09/2012, a las 10:50, CHK Webmaster 

[Ovillo] Cambiar estilos del elemento seleccionado con clase current

2012-09-04 Por tema reynie...@gmail.com
Hola a todos, tengo un pequeño problemita y no se como darle solución.
Vean, tengo estás clases creadas en mi CSS:

.icon-home{background: url(../images/comvivem/ico_home.png) no-repeat
scroll 0 5px transparent;padding: 0 0 0
35px;cursor:pointer;border-bottom:1px dotted #CC}
.icon-home:hover{background: url(../images/comvivem/ico_home_hover.png)
no-repeat scroll 0 5px transparent;padding: 0 0 0
35px;cursor:pointer;border-bottom:1px dotted #CC}
.icon-blog{background: url(../images/comvivem/ico_blog.png) no-repeat
scroll 0 5px transparent;padding: 0 0 0
35px;cursor:pointer;border-bottom:1px dotted #CC}
.icon-blog:hover{background: url(../images/comvivem/ico_blog_hover.png)
no-repeat scroll 0 5px transparent;padding: 0 0 0
35px;cursor:pointer;border-bottom:1px dotted #CC}
.icon-event{background: url(../images/comvivem/ico_eventos.png) no-repeat
scroll 0 4px transparent;padding: 0 0 0
35px;cursor:pointer;border-bottom:1px dotted #CC}
.icon-event:hover{background:
url(../images/comvivem/ico_eventos_hover.png) no-repeat scroll 0 4px
transparent;padding: 0 0 0 35px;cursor:pointer;border-bottom:1px dotted
#CC}
.icon-messages{background: url(../images/comvivem/ico_mensajes.png)
no-repeat scroll 0 5px transparent;padding: 0 0 0
35px;cursor:pointer;border-bottom:1px dotted #CC}
.icon-messages:hover{background:
url(../images/comvivem/ico_mensajes_hover.png) no-repeat scroll 0 5px
transparent;padding: 0 0 0 35px;cursor:pointer;border-bottom:1px dotted
#CC}
.icon-members{background: url(../images/comvivem/ico-directorio.png)
no-repeat scroll 0 5px transparent;padding: 0 0 0
35px;cursor:pointer;border-bottom:1px dotted #CC}
.icon-members:hover{background:
url(../images/comvivem/ico-directorio_hover.png) no-repeat scroll 0 5px
transparent;padding: 0 0 0 35px;cursor:pointer;border-bottom:1px dotted
#CC}
.icon-friends{background: url(../images/comvivem/ico_amigos.png)
no-repeat scroll 0 5px transparent;padding: 0 0 0
35px;cursor:pointer;border-bottom:1px dotted #CC}
.icon-friends:hover{background:
url(../images/comvivem/ico_amigos-hover.png) no-repeat scroll 0 5px
transparent;padding: 0 0 0 35px;cursor:pointer;border-bottom:1px dotted
#CC}
.icon-account{background: url(../images/comvivem/ico_micuenta.png)
no-repeat scroll 0 5px transparent;padding: 0 0 0
35px;cursor:pointer;border-bottom:1px dotted #CC}
.icon-account:hover{background:
url(../images/comvivem/ico_micuenta_hover.png) no-repeat scroll 0 5px
transparent;padding: 0 0 0 35px;cursor:pointer;border-bottom:1px dotted
#CC}
.icon-admincp{background: url(../images/comvivem/ico_azul_perfil.png)
no-repeat scroll 0 5px transparent;padding: 0 0 0
35px;cursor:pointer;border-bottom:1px dotted #CC}
.icon-admincp:hover{background:
url(../images/comvivem/ico_azul_perfil.png) no-repeat scroll 0 5px
transparent;padding: 0 0 0 35px;cursor:pointer;border-bottom:1px dotted
#CC}

No se fijen en que estan repetidas pues aun tengo que optmizar un poco todo
esto ;). Bien tengo un UL que tiene varios LI:

ul class=box_content_navigation
li class=icon-home firsta href=inicioInicio/a/li
li class=icon-blog has_childrena href=cmvblogBlog/a
ul
li class=subitem firsta href=cmvblog/createCrear
entrada/a/li
li class=subitem lasta
href=cmvblog/categoriesCategoriacute;as/a/li
/ul
/li
li class=icon-eventa href=eventEventos/a/li
li class=icon-membersa href=membersDirectorio/a/li
li class=icon-friends lasta href=relationsAmigos/a/li
li class=icon-messagesa href=messagesMensajes/a/li
li class=icon-accounta href=edit-profileEditar perfil/a/li
li class=icon-admincp hide-for-smalla href=admin
target=_blankPanel de Control/a/li
/ul

Cuando doy click en cualquiera de ellos se añade un clase current. La
diseñadora me ha pedido que a esta clase current le cambie el color de
fondo y le mantenga el icono de color naranja (_hover). Hacer esto para el
color de fondo no es problema pero como hacerlo para los iconos?

Saludos y gracias por adelantado


Ing. Reynier Perez Mira
eMail: reynie...@gmail.com, reynier. reynie...@hotmail.compe...@treswd.com
Website: http://www.reynierpm.com
Skype: reynierpm
Mobile: +58 424.180.5609
___
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] Cambiar estilos del elemento seleccionado con clase current

2012-09-04 Por tema Manuel Canga - Latrasweb.net
Hola Reynier:

 No te he entendido bien. Si lo que quieres es que
a un li con una clase current se le cambie el color de fondo
pero los iconos se mantengan como el hover. Añade
a los estilos de current la imagen del icono que tienes en el hover.

Muchas veces nos enfrascamos en complicaciones cuando
luego la solución es algo fácil. A mi me ha pasado millones
de veces.


Un saludo
--
Manuel Canga
Desarrollo creativo de
CMS y frameworks
Email: *i...@latrasweb.net*
Web: http://www.latrasweb.net
Twitter: http://twitter.com/latrasweb_net



2012/9/4 reynie...@gmail.com reynie...@gmail.com

 Hola a todos, tengo un pequeño problemita y no se como darle solución.
 Vean, tengo estás clases creadas en mi CSS:

 .icon-home{background: url(../images/comvivem/ico_home.png) no-repeat
 scroll 0 5px transparent;padding: 0 0 0
 35px;cursor:pointer;border-bottom:1px dotted #CC}
 .icon-home:hover{background: url(../images/comvivem/ico_home_hover.png)
 no-repeat scroll 0 5px transparent;padding: 0 0 0
 35px;cursor:pointer;border-bottom:1px dotted #CC}
 .icon-blog{background: url(../images/comvivem/ico_blog.png) no-repeat
 scroll 0 5px transparent;padding: 0 0 0
 35px;cursor:pointer;border-bottom:1px dotted #CC}
 .icon-blog:hover{background: url(../images/comvivem/ico_blog_hover.png)
 no-repeat scroll 0 5px transparent;padding: 0 0 0
 35px;cursor:pointer;border-bottom:1px dotted #CC}
 .icon-event{background: url(../images/comvivem/ico_eventos.png) no-repeat
 scroll 0 4px transparent;padding: 0 0 0
 35px;cursor:pointer;border-bottom:1px dotted #CC}
 .icon-event:hover{background:
 url(../images/comvivem/ico_eventos_hover.png) no-repeat scroll 0 4px
 transparent;padding: 0 0 0 35px;cursor:pointer;border-bottom:1px dotted
 #CC}
 .icon-messages{background: url(../images/comvivem/ico_mensajes.png)
 no-repeat scroll 0 5px transparent;padding: 0 0 0
 35px;cursor:pointer;border-bottom:1px dotted #CC}
 .icon-messages:hover{background:
 url(../images/comvivem/ico_mensajes_hover.png) no-repeat scroll 0 5px
 transparent;padding: 0 0 0 35px;cursor:pointer;border-bottom:1px dotted
 #CC}
 .icon-members{background: url(../images/comvivem/ico-directorio.png)
 no-repeat scroll 0 5px transparent;padding: 0 0 0
 35px;cursor:pointer;border-bottom:1px dotted #CC}
 .icon-members:hover{background:
 url(../images/comvivem/ico-directorio_hover.png) no-repeat scroll 0 5px
 transparent;padding: 0 0 0 35px;cursor:pointer;border-bottom:1px dotted
 #CC}
 .icon-friends{background: url(../images/comvivem/ico_amigos.png)
 no-repeat scroll 0 5px transparent;padding: 0 0 0
 35px;cursor:pointer;border-bottom:1px dotted #CC}
 .icon-friends:hover{background:
 url(../images/comvivem/ico_amigos-hover.png) no-repeat scroll 0 5px
 transparent;padding: 0 0 0 35px;cursor:pointer;border-bottom:1px dotted
 #CC}
 .icon-account{background: url(../images/comvivem/ico_micuenta.png)
 no-repeat scroll 0 5px transparent;padding: 0 0 0
 35px;cursor:pointer;border-bottom:1px dotted #CC}
 .icon-account:hover{background:
 url(../images/comvivem/ico_micuenta_hover.png) no-repeat scroll 0 5px
 transparent;padding: 0 0 0 35px;cursor:pointer;border-bottom:1px dotted
 #CC}
 .icon-admincp{background: url(../images/comvivem/ico_azul_perfil.png)
 no-repeat scroll 0 5px transparent;padding: 0 0 0
 35px;cursor:pointer;border-bottom:1px dotted #CC}
 .icon-admincp:hover{background:
 url(../images/comvivem/ico_azul_perfil.png) no-repeat scroll 0 5px
 transparent;padding: 0 0 0 35px;cursor:pointer;border-bottom:1px dotted
 #CC}

 No se fijen en que estan repetidas pues aun tengo que optmizar un poco todo
 esto ;). Bien tengo un UL que tiene varios LI:

 ul class=box_content_navigation
 li class=icon-home firsta href=inicioInicio/a/li
 li class=icon-blog has_childrena href=cmvblogBlog/a
 ul
 li class=subitem firsta href=cmvblog/createCrear
 entrada/a/li
 li class=subitem lasta
 href=cmvblog/categoriesCategoriacute;as/a/li
 /ul
 /li
 li class=icon-eventa href=eventEventos/a/li
 li class=icon-membersa href=membersDirectorio/a/li
 li class=icon-friends lasta href=relationsAmigos/a/li
 li class=icon-messagesa href=messagesMensajes/a/li
 li class=icon-accounta href=edit-profileEditar perfil/a/li
 li class=icon-admincp hide-for-smalla href=admin
 target=_blankPanel de Control/a/li
 /ul

 Cuando doy click en cualquiera de ellos se añade un clase current. La
 diseñadora me ha pedido que a esta clase current le cambie el color de
 fondo y le mantenga el icono de color naranja (_hover). Hacer esto para el
 color de fondo no es problema pero como hacerlo para los iconos?

 Saludos y gracias por adelantado


 Ing. Reynier Perez Mira
 eMail: reynie...@gmail.com, reynier. reynie...@hotmail.com
 pe...@treswd.com
 Website: http://www.reynierpm.com
 Skype: reynierpm
 Mobile: +58 424.180.5609
 ___
 Lista de distribución Ovillo
 Para 

Re: [Ovillo] Cambiar estilos del elemento seleccionado con clase current

2012-09-04 Por tema reynie...@gmail.com
Hola Manuel y gracias por tu respuesta, precisamente eso es lo que quiero o
sea cambiar el color del fondo del LI que toma clase current pero
manteniendo el icono asociado a la mismo en el estado hover. Veamos un
ejemplo: supongamos que el li con class=icon-event toma la clase current
tambien por lo cual quedaria li class=icon-event current bueno si se dan
de cuenta ese icon-event tiene un estado por default
.icon-event{background: url(../images/comvivem/ico_
eventos.png) no-repeat scroll 0 4px transparent;padding: 0 0 0
35px;cursor:pointer;border-bottom:1px dotted #CC} y uno para cuando se
le hace un hover .icon-event:hover{background:
url(../images/comvivem/ico_eventos_hover.png) no-repeat scroll 0 4px
transparent;padding: 0 0 0 35px;cursor:pointer;border-bottom:1px dotted
#CC}. Lo que tendria entonces que hacer digamos seria algo como esto:
.current {background: url(../images/comvivem/ico_eventos_hover.png)
no-repeat scroll 0 4px transparent; background-color: #000} y funcionaria
pero solo para este elemento, que pasas si ahora mi clase current estuvera
en li class=icon-members current? Como entonces cambiaria al
.icon-members:hover? Me hago entender?


Ing. Reynier Perez Mira
eMail: reynie...@gmail.com, reynier. reynie...@hotmail.compe...@treswd.com
Website: http://www.reynierpm.com
Skype: reynierpm
Mobile: +58 424.180.5609



2012/9/4 Manuel Canga - Latrasweb.net i...@latrasweb.net

 No te he entendido bien. Si lo que quieres es que
 a un li con una clase current se le cambie el color de fondo
 pero los iconos se mantengan como el hover. Añade
 a los estilos de current la imagen del icono que tienes en el hover.

___
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] Cambiar estilos del elemento seleccionado con clase current

2012-09-04 Por tema marcos méndez filesi
Hola, no sé si he entendido bien lo que necesitas.

Si lo que quieres es cambiar la imagen con un CSS el código es este

.nombre_de_tu_clase {
background: url(tu_imagen_1.png) no-repeat;
}

.nombre_de_tu_clase:hover {
background: url(tu_imagen_2.png) no-repeat;
}

abrazos

El 4 de septiembre de 2012 22:31, Manuel Canga - Latrasweb.net 
i...@latrasweb.net escribió:

 Hola Reynier:

  No te he entendido bien. Si lo que quieres es que
 a un li con una clase current se le cambie el color de fondo
 pero los iconos se mantengan como el hover. Añade
 a los estilos de current la imagen del icono que tienes en el hover.

 Muchas veces nos enfrascamos en complicaciones cuando
 luego la solución es algo fácil. A mi me ha pasado millones
 de veces.


 Un saludo
 --
 Manuel Canga
 Desarrollo creativo de
 CMS y frameworks
 Email: *i...@latrasweb.net*
 Web: http://www.latrasweb.net
 Twitter: http://twitter.com/latrasweb_net



 2012/9/4 reynie...@gmail.com reynie...@gmail.com

  Hola a todos, tengo un pequeño problemita y no se como darle solución.
  Vean, tengo estás clases creadas en mi CSS:
 
  .icon-home{background: url(../images/comvivem/ico_home.png) no-repeat
  scroll 0 5px transparent;padding: 0 0 0
  35px;cursor:pointer;border-bottom:1px dotted #CC}
  .icon-home:hover{background: url(../images/comvivem/ico_home_hover.png)
  no-repeat scroll 0 5px transparent;padding: 0 0 0
  35px;cursor:pointer;border-bottom:1px dotted #CC}
  .icon-blog{background: url(../images/comvivem/ico_blog.png) no-repeat
  scroll 0 5px transparent;padding: 0 0 0
  35px;cursor:pointer;border-bottom:1px dotted #CC}
  .icon-blog:hover{background: url(../images/comvivem/ico_blog_hover.png)
  no-repeat scroll 0 5px transparent;padding: 0 0 0
  35px;cursor:pointer;border-bottom:1px dotted #CC}
  .icon-event{background: url(../images/comvivem/ico_eventos.png)
 no-repeat
  scroll 0 4px transparent;padding: 0 0 0
  35px;cursor:pointer;border-bottom:1px dotted #CC}
  .icon-event:hover{background:
  url(../images/comvivem/ico_eventos_hover.png) no-repeat scroll 0 4px
  transparent;padding: 0 0 0 35px;cursor:pointer;border-bottom:1px dotted
  #CC}
  .icon-messages{background: url(../images/comvivem/ico_mensajes.png)
  no-repeat scroll 0 5px transparent;padding: 0 0 0
  35px;cursor:pointer;border-bottom:1px dotted #CC}
  .icon-messages:hover{background:
  url(../images/comvivem/ico_mensajes_hover.png) no-repeat scroll 0 5px
  transparent;padding: 0 0 0 35px;cursor:pointer;border-bottom:1px dotted
  #CC}
  .icon-members{background: url(../images/comvivem/ico-directorio.png)
  no-repeat scroll 0 5px transparent;padding: 0 0 0
  35px;cursor:pointer;border-bottom:1px dotted #CC}
  .icon-members:hover{background:
  url(../images/comvivem/ico-directorio_hover.png) no-repeat scroll 0 5px
  transparent;padding: 0 0 0 35px;cursor:pointer;border-bottom:1px dotted
  #CC}
  .icon-friends{background: url(../images/comvivem/ico_amigos.png)
  no-repeat scroll 0 5px transparent;padding: 0 0 0
  35px;cursor:pointer;border-bottom:1px dotted #CC}
  .icon-friends:hover{background:
  url(../images/comvivem/ico_amigos-hover.png) no-repeat scroll 0 5px
  transparent;padding: 0 0 0 35px;cursor:pointer;border-bottom:1px dotted
  #CC}
  .icon-account{background: url(../images/comvivem/ico_micuenta.png)
  no-repeat scroll 0 5px transparent;padding: 0 0 0
  35px;cursor:pointer;border-bottom:1px dotted #CC}
  .icon-account:hover{background:
  url(../images/comvivem/ico_micuenta_hover.png) no-repeat scroll 0 5px
  transparent;padding: 0 0 0 35px;cursor:pointer;border-bottom:1px dotted
  #CC}
  .icon-admincp{background: url(../images/comvivem/ico_azul_perfil.png)
  no-repeat scroll 0 5px transparent;padding: 0 0 0
  35px;cursor:pointer;border-bottom:1px dotted #CC}
  .icon-admincp:hover{background:
  url(../images/comvivem/ico_azul_perfil.png) no-repeat scroll 0 5px
  transparent;padding: 0 0 0 35px;cursor:pointer;border-bottom:1px dotted
  #CC}
 
  No se fijen en que estan repetidas pues aun tengo que optmizar un poco
 todo
  esto ;). Bien tengo un UL que tiene varios LI:
 
  ul class=box_content_navigation
  li class=icon-home firsta href=inicioInicio/a/li
  li class=icon-blog has_childrena href=cmvblogBlog/a
  ul
  li class=subitem firsta href=cmvblog/createCrear
  entrada/a/li
  li class=subitem lasta
  href=cmvblog/categoriesCategoriacute;as/a/li
  /ul
  /li
  li class=icon-eventa href=eventEventos/a/li
  li class=icon-membersa href=membersDirectorio/a/li
  li class=icon-friends lasta href=relationsAmigos/a/li
  li class=icon-messagesa href=messagesMensajes/a/li
  li class=icon-accounta href=edit-profileEditar
 perfil/a/li
  li class=icon-admincp hide-for-smalla href=admin
  target=_blankPanel de Control/a/li
  /ul
 
  Cuando doy click en cualquiera de ellos se añade un clase current. La
  diseñadora me ha pedido que a esta clase current 

Re: [Ovillo] Cambiar estilos del elemento seleccionado con clase current

2012-09-04 Por tema reynie...@gmail.com
Gracias Marcos, pero no es esto lo que ando buscando!

Ing. Reynier Perez Mira
eMail: reynie...@gmail.com, reynier. reynie...@hotmail.compe...@treswd.com
Website: http://www.reynierpm.com
Skype: reynierpm
Mobile: +58 424.180.5609



2012/9/4 marcos méndez filesi mmfil...@gmail.com

 Hola, no sé si he entendido bien lo que necesitas.

 Si lo que quieres es cambiar la imagen con un CSS el código es este

 .nombre_de_tu_clase {
 background: url(tu_imagen_1.png) no-repeat;
 }

 .nombre_de_tu_clase:hover {
 background: url(tu_imagen_2.png) no-repeat;
 }

 abrazos

 El 4 de septiembre de 2012 22:31, Manuel Canga - Latrasweb.net 
 i...@latrasweb.net escribió:

  Hola Reynier:
 
   No te he entendido bien. Si lo que quieres es que
  a un li con una clase current se le cambie el color de fondo
  pero los iconos se mantengan como el hover. Añade
  a los estilos de current la imagen del icono que tienes en el hover.
 
  Muchas veces nos enfrascamos en complicaciones cuando
  luego la solución es algo fácil. A mi me ha pasado millones
  de veces.
 
 
  Un saludo
  --
  Manuel Canga
  Desarrollo creativo de
  CMS y frameworks
  Email: *i...@latrasweb.net*
  Web: http://www.latrasweb.net
  Twitter: http://twitter.com/latrasweb_net
 
 
 
  2012/9/4 reynie...@gmail.com reynie...@gmail.com
 
   Hola a todos, tengo un pequeño problemita y no se como darle solución.
   Vean, tengo estás clases creadas en mi CSS:
  
   .icon-home{background: url(../images/comvivem/ico_home.png) no-repeat
   scroll 0 5px transparent;padding: 0 0 0
   35px;cursor:pointer;border-bottom:1px dotted #CC}
   .icon-home:hover{background:
 url(../images/comvivem/ico_home_hover.png)
   no-repeat scroll 0 5px transparent;padding: 0 0 0
   35px;cursor:pointer;border-bottom:1px dotted #CC}
   .icon-blog{background: url(../images/comvivem/ico_blog.png) no-repeat
   scroll 0 5px transparent;padding: 0 0 0
   35px;cursor:pointer;border-bottom:1px dotted #CC}
   .icon-blog:hover{background:
 url(../images/comvivem/ico_blog_hover.png)
   no-repeat scroll 0 5px transparent;padding: 0 0 0
   35px;cursor:pointer;border-bottom:1px dotted #CC}
   .icon-event{background: url(../images/comvivem/ico_eventos.png)
  no-repeat
   scroll 0 4px transparent;padding: 0 0 0
   35px;cursor:pointer;border-bottom:1px dotted #CC}
   .icon-event:hover{background:
   url(../images/comvivem/ico_eventos_hover.png) no-repeat scroll 0 4px
   transparent;padding: 0 0 0 35px;cursor:pointer;border-bottom:1px dotted
   #CC}
   .icon-messages{background: url(../images/comvivem/ico_mensajes.png)
   no-repeat scroll 0 5px transparent;padding: 0 0 0
   35px;cursor:pointer;border-bottom:1px dotted #CC}
   .icon-messages:hover{background:
   url(../images/comvivem/ico_mensajes_hover.png) no-repeat scroll 0 5px
   transparent;padding: 0 0 0 35px;cursor:pointer;border-bottom:1px dotted
   #CC}
   .icon-members{background: url(../images/comvivem/ico-directorio.png)
   no-repeat scroll 0 5px transparent;padding: 0 0 0
   35px;cursor:pointer;border-bottom:1px dotted #CC}
   .icon-members:hover{background:
   url(../images/comvivem/ico-directorio_hover.png) no-repeat scroll 0
 5px
   transparent;padding: 0 0 0 35px;cursor:pointer;border-bottom:1px dotted
   #CC}
   .icon-friends{background: url(../images/comvivem/ico_amigos.png)
   no-repeat scroll 0 5px transparent;padding: 0 0 0
   35px;cursor:pointer;border-bottom:1px dotted #CC}
   .icon-friends:hover{background:
   url(../images/comvivem/ico_amigos-hover.png) no-repeat scroll 0 5px
   transparent;padding: 0 0 0 35px;cursor:pointer;border-bottom:1px dotted
   #CC}
   .icon-account{background: url(../images/comvivem/ico_micuenta.png)
   no-repeat scroll 0 5px transparent;padding: 0 0 0
   35px;cursor:pointer;border-bottom:1px dotted #CC}
   .icon-account:hover{background:
   url(../images/comvivem/ico_micuenta_hover.png) no-repeat scroll 0 5px
   transparent;padding: 0 0 0 35px;cursor:pointer;border-bottom:1px dotted
   #CC}
   .icon-admincp{background: url(../images/comvivem/ico_azul_perfil.png)
   no-repeat scroll 0 5px transparent;padding: 0 0 0
   35px;cursor:pointer;border-bottom:1px dotted #CC}
   .icon-admincp:hover{background:
   url(../images/comvivem/ico_azul_perfil.png) no-repeat scroll 0 5px
   transparent;padding: 0 0 0 35px;cursor:pointer;border-bottom:1px dotted
   #CC}
  
   No se fijen en que estan repetidas pues aun tengo que optmizar un poco
  todo
   esto ;). Bien tengo un UL que tiene varios LI:
  
   ul class=box_content_navigation
   li class=icon-home firsta href=inicioInicio/a/li
   li class=icon-blog has_childrena href=cmvblogBlog/a
   ul
   li class=subitem firsta href=cmvblog/createCrear
   entrada/a/li
   li class=subitem lasta
   href=cmvblog/categoriesCategoriacute;as/a/li
   /ul
   /li
   li class=icon-eventa href=eventEventos/a/li
   li class=icon-membersa href=membersDirectorio/a/li
   li 

Re: [Ovillo] Cambiar estilos del elemento seleccionado con clase current

2012-09-04 Por tema Manuel Canga - Latrasweb.net
Sí, perfectamente. Ya me quedo totalmente claro.
En estas listas hemos hablado en varias ocasiones
de unir clases css. Esa podría ser tu solución.

Veamos:

ul class=box_content_navigation

li class=icon-home firsta href=inicioInicio/a/li
li class=icon-blog has_childrena href=cmvblogBlog/a
ul
li class=subitem firsta href=cmvblog/createCrear
entrada/a/li
li class=subitem lasta
href=cmvblog/categoriesCategoriacute;as/a/li
/ul
/li
li class=icon-event currenta href=eventEventos/a/li
li class=icon-membersa href=membersDirectorio/a/li
li class=icon-friends lasta href=relationsAmigos/a/li
li class=icon-messagesa href=messagesMensajes/a/li
li class=icon-accounta href=edit-profileEditar perfil/a/li
li class=icon-admincp hide-for-smalla href=admin
target=_blankPanel de Control/a/li
/ul

Fíjate que en li de eventos, le he añadido la clase current además
de la que ya tenía.

¿Cómo hacemos ahora para darle a ese elemento?. Así.

li.icon-event.current { background:
url(../images/comvivem/icon_eventos_hover.png)
no-repeat scroll 0 4px transparent; background-color: #000 }


Fíjate, le he dicho al sistema css del navegador que quiero darle estilo
a un li que tenga la clase icon-event y que ademas tenga la clase .current
Es decir, quiero darle estilo a un li cuando tenga ambas clases y luego
ponemos todas las propiedades de estilo que queramos darle en ese caso.

El li lo he puesto por clarificar, siempre lo hago así, pero no es
necesario.


Un saludo
--
Manuel Canga
Desarrollo creativo de
CMS y frameworks
 Email: *i...@latrasweb.net*
Web: http://www.latrasweb.net
Twitter: http://twitter.com/latrasweb_net



El 4 de septiembre de 2012 22:37, reynie...@gmail.com
reynie...@gmail.comescribió:

 Hola Manuel y gracias por tu respuesta, precisamente eso es lo que quiero o
 sea cambiar el color del fondo del LI que toma clase current pero
 manteniendo el icono asociado a la mismo en el estado hover. Veamos un
 ejemplo: supongamos que el li con class=icon-event toma la clase current
 tambien por lo cual quedaria li class=icon-event current bueno si se dan
 de cuenta ese icon-event tiene un estado por default
 .icon-event{background: url(../images/comvivem/ico_
 eventos.png) no-repeat scroll 0 4px transparent;padding: 0 0 0
 35px;cursor:pointer;border-bottom:1px dotted #CC} y uno para cuando se
 le hace un hover .icon-event:hover{background:
 url(../images/comvivem/ico_eventos_hover.png) no-repeat scroll 0 4px
 transparent;padding: 0 0 0 35px;cursor:pointer;border-bottom:1px dotted
 #CC}. Lo que tendria entonces que hacer digamos seria algo como esto:
 .current {background: url(../images/comvivem/ico_eventos_hover.png)
 no-repeat scroll 0 4px transparent; background-color: #000} y funcionaria
 pero solo para este elemento, que pasas si ahora mi clase current estuvera
 en li class=icon-members current? Como entonces cambiaria al
 .icon-members:hover? Me hago entender?


 Ing. Reynier Perez Mira
 eMail: reynie...@gmail.com, reynier. reynie...@hotmail.com
 pe...@treswd.com
 Website: http://www.reynierpm.com
 Skype: reynierpm
 Mobile: +58 424.180.5609



 2012/9/4 Manuel Canga - Latrasweb.net i...@latrasweb.net

  No te he entendido bien. Si lo que quieres es que
  a un li con una clase current se le cambie el color de fondo
  pero los iconos se mantengan como el hover. Añade
  a los estilos de current la imagen del icono que tienes en el hover.
 
 ___
 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] Cambiar estilos del elemento seleccionado con clase current

2012-09-04 Por tema Manuel Canga - Latrasweb.net
IMPORTANTE: lo típico es pensar que hay que dejar espacio
entre los nombres de las clases. No lo hagas!.

Te lo pongo en grande por si acaso:

li.icon-event.current  { estilo que yo quiero para etiquetas que tenga las
dos clases anteriores }

Un saludo
--
Manuel Canga
Desarrollo creativo de
CMS y frameworks
Email: *i...@latrasweb.net*
Web: http://www.latrasweb.net
Twitter: http://twitter.com/latrasweb_net



El 4 de septiembre de 2012 22:45, Manuel Canga - Latrasweb.net 
i...@latrasweb.net escribió:

 Sí, perfectamente. Ya me quedo totalmente claro.
 En estas listas hemos hablado en varias ocasiones
 de unir clases css. Esa podría ser tu solución.

 Veamos:

 ul class=box_content_navigation
 
 li class=icon-home firsta href=inicioInicio/a/li
 li class=icon-blog has_childrena href=cmvblogBlog/a
 ul
 li class=subitem firsta href=cmvblog/createCrear
 entrada/a/li
 li class=subitem lasta
 href=cmvblog/categoriesCategoriacute;as/a/li
 /ul
 /li
 li class=icon-event currenta href=eventEventos/a/li

 li class=icon-membersa href=membersDirectorio/a/li
 li class=icon-friends lasta href=relationsAmigos/a/li
 li class=icon-messagesa href=messagesMensajes/a/li
 li class=icon-accounta href=edit-profileEditar perfil/a/li
 li class=icon-admincp hide-for-smalla href=admin
 target=_blankPanel de Control/a/li
 /ul

 Fíjate que en li de eventos, le he añadido la clase current además
 de la que ya tenía.

 ¿Cómo hacemos ahora para darle a ese elemento?. Así.

 li.icon-event.current { background:
 url(../images/comvivem/icon_eventos_hover.png)

 no-repeat scroll 0 4px transparent; background-color: #000 }


 Fíjate, le he dicho al sistema css del navegador que quiero darle estilo
 a un li que tenga la clase icon-event y que ademas tenga la clase .current
 Es decir, quiero darle estilo a un li cuando tenga ambas clases y luego
 ponemos todas las propiedades de estilo que queramos darle en ese caso.

 El li lo he puesto por clarificar, siempre lo hago así, pero no es
 necesario.


 Un saludo
 --
 Manuel Canga
 Desarrollo creativo de
 CMS y frameworks
  Email: *i...@latrasweb.net*
 Web: http://www.latrasweb.net
 Twitter: http://twitter.com/latrasweb_net



 El 4 de septiembre de 2012 22:37, reynie...@gmail.com reynie...@gmail.com
  escribió:

 Hola Manuel y gracias por tu respuesta, precisamente eso es lo que quiero o
 sea cambiar el color del fondo del LI que toma clase current pero
 manteniendo el icono asociado a la mismo en el estado hover. Veamos un
 ejemplo: supongamos que el li con class=icon-event toma la clase current
 tambien por lo cual quedaria li class=icon-event current bueno si se dan
 de cuenta ese icon-event tiene un estado por default
 .icon-event{background: url(../images/comvivem/ico_
 eventos.png) no-repeat scroll 0 4px transparent;padding: 0 0 0
 35px;cursor:pointer;border-bottom:1px dotted #CC} y uno para cuando se
 le hace un hover .icon-event:hover{background:
 url(../images/comvivem/ico_eventos_hover.png) no-repeat scroll 0 4px
 transparent;padding: 0 0 0 35px;cursor:pointer;border-bottom:1px dotted
 #CC}. Lo que tendria entonces que hacer digamos seria algo como esto:
 .current {background: url(../images/comvivem/ico_eventos_hover.png)
 no-repeat scroll 0 4px transparent; background-color: #000} y funcionaria
 pero solo para este elemento, que pasas si ahora mi clase current estuvera
 en li class=icon-members current? Como entonces cambiaria al
 .icon-members:hover? Me hago entender?


 Ing. Reynier Perez Mira
 eMail: reynie...@gmail.com, reynier. reynie...@hotmail.com
 pe...@treswd.com
 Website: http://www.reynierpm.com
 Skype: reynierpm
 Mobile: +58 424.180.5609



 2012/9/4 Manuel Canga - Latrasweb.net i...@latrasweb.net

  No te he entendido bien. Si lo que quieres es que
  a un li con una clase current se le cambie el color de fondo
  pero los iconos se mantengan como el hover. Añade
  a los estilos de current la imagen del icono que tienes en el hover.
 
 ___
 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] Cambiar estilos del elemento seleccionado con clase current

2012-09-04 Por tema reynie...@gmail.com
Interesante, exactamente eso es lo que estoy buscando mas no sabia que se
podian concatenar por decirlo de alguna forma las clases de tal como lo
haces tu en li.icon-event.current siempre pense hasta ahorita que era
li.icon-event .current. Pruebo esta opción y te digo como me fue.

Saludos y gracias
Ing. Reynier Perez Mira
eMail: reynie...@gmail.com, reynier. reynie...@hotmail.compe...@treswd.com
Website: http://www.reynierpm.com
Skype: reynierpm
Mobile: +58 424.180.5609



2012/9/4 Manuel Canga - Latrasweb.net i...@latrasweb.net

 Sí, perfectamente. Ya me quedo totalmente claro.
 En estas listas hemos hablado en varias ocasiones
 de unir clases css. Esa podría ser tu solución.

 Veamos:

 ul class=box_content_navigation
 
 li class=icon-home firsta href=inicioInicio/a/li
 li class=icon-blog has_childrena href=cmvblogBlog/a
 ul
 li class=subitem firsta href=cmvblog/createCrear
 entrada/a/li
 li class=subitem lasta
 href=cmvblog/categoriesCategoriacute;as/a/li
 /ul
 /li
 li class=icon-event currenta href=eventEventos/a/li
 li class=icon-membersa href=membersDirectorio/a/li
 li class=icon-friends lasta href=relationsAmigos/a/li
 li class=icon-messagesa href=messagesMensajes/a/li
 li class=icon-accounta href=edit-profileEditar perfil/a/li
 li class=icon-admincp hide-for-smalla href=admin
 target=_blankPanel de Control/a/li
 /ul

 Fíjate que en li de eventos, le he añadido la clase current además
 de la que ya tenía.

 ¿Cómo hacemos ahora para darle a ese elemento?. Así.

 li.icon-event.current { background:
 url(../images/comvivem/icon_eventos_hover.png)
 no-repeat scroll 0 4px transparent; background-color: #000 }


 Fíjate, le he dicho al sistema css del navegador que quiero darle estilo
 a un li que tenga la clase icon-event y que ademas tenga la clase .current
 Es decir, quiero darle estilo a un li cuando tenga ambas clases y luego
 ponemos todas las propiedades de estilo que queramos darle en ese caso.

 El li lo he puesto por clarificar, siempre lo hago así, pero no es
 necesario.


 Un saludo
 --
 Manuel Canga
 Desarrollo creativo de
 CMS y frameworks
  Email: *i...@latrasweb.net*
 Web: http://www.latrasweb.net
 Twitter: http://twitter.com/latrasweb_net



 El 4 de septiembre de 2012 22:37, reynie...@gmail.com
 reynie...@gmail.comescribió:

  Hola Manuel y gracias por tu respuesta, precisamente eso es lo que
 quiero o
  sea cambiar el color del fondo del LI que toma clase current pero
  manteniendo el icono asociado a la mismo en el estado hover. Veamos un
  ejemplo: supongamos que el li con class=icon-event toma la clase
 current
  tambien por lo cual quedaria li class=icon-event current bueno si se
 dan
  de cuenta ese icon-event tiene un estado por default
  .icon-event{background: url(../images/comvivem/ico_
  eventos.png) no-repeat scroll 0 4px transparent;padding: 0 0 0
  35px;cursor:pointer;border-bottom:1px dotted #CC} y uno para cuando
 se
  le hace un hover .icon-event:hover{background:
  url(../images/comvivem/ico_eventos_hover.png) no-repeat scroll 0 4px
  transparent;padding: 0 0 0 35px;cursor:pointer;border-bottom:1px dotted
  #CC}. Lo que tendria entonces que hacer digamos seria algo como esto:
  .current {background: url(../images/comvivem/ico_eventos_hover.png)
  no-repeat scroll 0 4px transparent; background-color: #000} y funcionaria
  pero solo para este elemento, que pasas si ahora mi clase current
 estuvera
  en li class=icon-members current? Como entonces cambiaria al
  .icon-members:hover? Me hago entender?
 
 
  Ing. Reynier Perez Mira
  eMail: reynie...@gmail.com, reynier. reynie...@hotmail.com
  pe...@treswd.com
  Website: http://www.reynierpm.com
  Skype: reynierpm
  Mobile: +58 424.180.5609
 
 
 
  2012/9/4 Manuel Canga - Latrasweb.net i...@latrasweb.net
 
   No te he entendido bien. Si lo que quieres es que
   a un li con una clase current se le cambie el color de fondo
   pero los iconos se mantengan como el hover. Añade
   a los estilos de current la imagen del icono que tienes en el hover.
  
  ___
  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] Cambiar estilos del elemento seleccionado con clase current

2012-09-04 Por tema Anabel Fernandez
Hola Reynier, solo queria ayudarte a reducir la cantidad de estilos que estas 
empleando:

ul class=box_content_navigation
   lia href=inicio class=icon-homeInicio/a/li
   li class=has_childrena href=cmvblog class=icon-blog Blog/a
   ul class=subitem
   lia href=cmvblog/createCrear
entrada/a/li
   lia
href=cmvblog/categoriesCategoriacute;as/a/li
   /ul
   /li
   lia href=event class=icon-eventEventos/a/li
   lia href=members class=icon-membersDirectorio/a/li
   lia href=relations class=icon-friends lastAmigos/a/li
   lia href=messages class=icon-messagesMensajes/a/li
   lia href=edit-profile class=icon-accountEditar perfil/a/li
   lia href=admin
target=_blank class=icon-admincp hide-for-smallPanel de Control/a/li
/ul

ul.box_content_navigation li {border-bottom:1px dotted #CC;}

ul.box_content_navigation li:first-child {border: none;}

ul.box_content_navigation li a {padding-left: 35px; cursor: pointer;}

.icon-home {background: url(../images/comvivem/ico_home.png) no-repeat
scroll 0 5px transparent;}

.icon-home:hover {background: url(../images/comvivem/ico_home.png) no-repeat
scroll 0 5px transparent;}



Ya después solo tienes que cambiar los backgrounds, no tienes que repetir los 
estilos siempre.

Un saludo
Anabel


On Sep 4, 2012, at 4:49 PM, reynie...@gmail.com reynie...@gmail.com wrote:

 Interesante, exactamente eso es lo que estoy buscando mas no sabia que se
 podian concatenar por decirlo de alguna forma las clases de tal como lo
 haces tu en li.icon-event.current siempre pense hasta ahorita que era
 li.icon-event .current. Pruebo esta opción y te digo como me fue.
 
 Saludos y gracias
 Ing. Reynier Perez Mira
 eMail: reynie...@gmail.com, reynier. reynie...@hotmail.compe...@treswd.com
 Website: http://www.reynierpm.com
 Skype: reynierpm
 Mobile: +58 424.180.5609
 
 
 
 2012/9/4 Manuel Canga - Latrasweb.net i...@latrasweb.net
 
 Sí, perfectamente. Ya me quedo totalmente claro.
 En estas listas hemos hablado en varias ocasiones
 de unir clases css. Esa podría ser tu solución.
 
 Veamos:
 
 ul class=box_content_navigation
 
li class=icon-home firsta href=inicioInicio/a/li
li class=icon-blog has_childrena href=cmvblogBlog/a
ul
li class=subitem firsta href=cmvblog/createCrear
 entrada/a/li
li class=subitem lasta
 href=cmvblog/categoriesCategoriacute;as/a/li
/ul
/li
li class=icon-event currenta href=eventEventos/a/li
li class=icon-membersa href=membersDirectorio/a/li
li class=icon-friends lasta href=relationsAmigos/a/li
li class=icon-messagesa href=messagesMensajes/a/li
li class=icon-accounta href=edit-profileEditar perfil/a/li
li class=icon-admincp hide-for-smalla href=admin
 target=_blankPanel de Control/a/li
 /ul
 
 Fíjate que en li de eventos, le he añadido la clase current además
 de la que ya tenía.
 
 ¿Cómo hacemos ahora para darle a ese elemento?. Así.
 
 li.icon-event.current { background:
 url(../images/comvivem/icon_eventos_hover.png)
 no-repeat scroll 0 4px transparent; background-color: #000 }
 
 
 Fíjate, le he dicho al sistema css del navegador que quiero darle estilo
 a un li que tenga la clase icon-event y que ademas tenga la clase .current
 Es decir, quiero darle estilo a un li cuando tenga ambas clases y luego
 ponemos todas las propiedades de estilo que queramos darle en ese caso.
 
 El li lo he puesto por clarificar, siempre lo hago así, pero no es
 necesario.
 
 
 Un saludo
 --
 Manuel Canga
 Desarrollo creativo de
 CMS y frameworks
 Email: *i...@latrasweb.net*
 Web: http://www.latrasweb.net
 Twitter: http://twitter.com/latrasweb_net
 
 
 
 El 4 de septiembre de 2012 22:37, reynie...@gmail.com
 reynie...@gmail.comescribió:
 
 Hola Manuel y gracias por tu respuesta, precisamente eso es lo que
 quiero o
 sea cambiar el color del fondo del LI que toma clase current pero
 manteniendo el icono asociado a la mismo en el estado hover. Veamos un
 ejemplo: supongamos que el li con class=icon-event toma la clase
 current
 tambien por lo cual quedaria li class=icon-event current bueno si se
 dan
 de cuenta ese icon-event tiene un estado por default
 .icon-event{background: url(../images/comvivem/ico_
 eventos.png) no-repeat scroll 0 4px transparent;padding: 0 0 0
 35px;cursor:pointer;border-bottom:1px dotted #CC} y uno para cuando
 se
 le hace un hover .icon-event:hover{background:
 url(../images/comvivem/ico_eventos_hover.png) no-repeat scroll 0 4px
 transparent;padding: 0 0 0 35px;cursor:pointer;border-bottom:1px dotted
 #CC}. Lo que tendria entonces que hacer digamos seria algo como esto:
 .current {background: url(../images/comvivem/ico_eventos_hover.png)
 no-repeat scroll 0 4px transparent; background-color: #000} y funcionaria
 pero solo para este elemento, que pasas si ahora mi clase current
 estuvera
 en li class=icon-members current? Como entonces cambiaria al
 .icon-members:hover? Me hago entender?
 
 
 Ing. Reynier Perez Mira
 eMail: reynie...@gmail.com, reynier. 

Re: [Ovillo] Cambiar estilos del elemento seleccionado con clase current

2012-09-04 Por tema reynie...@gmail.com
Gracias Anabel como comente al principio no habia mirado el tema de reducir
los estilos aun pero tus sugerencias son bienvenidas y seran usadas. Manuel
funciona a la perfección, gracias por la ayuda.

Saludos a todos y gracias
Ing. Reynier Perez Mira
eMail: reynie...@gmail.com, reynier. reynie...@hotmail.compe...@treswd.com
Website: http://www.reynierpm.com
Skype: reynierpm
Mobile: +58 424.180.5609



2012/9/4 Anabel Fernandez anabelu...@gmail.com

 Hola Reynier, solo queria ayudarte a reducir la cantidad de estilos que
 estas empleando:

 ul class=box_content_navigation
lia href=inicio class=icon-homeInicio/a/li
li class=has_childrena href=cmvblog class=icon-blog Blog/a
ul class=subitem
lia href=cmvblog/createCrear
 entrada/a/li
lia
 href=cmvblog/categoriesCategoriacute;as/a/li
/ul
/li
lia href=event class=icon-eventEventos/a/li
lia href=members class=icon-membersDirectorio/a/li
lia href=relations class=icon-friends lastAmigos/a/li
lia href=messages class=icon-messagesMensajes/a/li
lia href=edit-profile class=icon-accountEditar perfil/a/li
lia href=admin
 target=_blank class=icon-admincp hide-for-smallPanel de
 Control/a/li
 /ul

 ul.box_content_navigation li {border-bottom:1px dotted #CC;}

 ul.box_content_navigation li:first-child {border: none;}

 ul.box_content_navigation li a {padding-left: 35px; cursor: pointer;}

 .icon-home {background: url(../images/comvivem/ico_home.png) no-repeat
 scroll 0 5px transparent;}

 .icon-home:hover {background: url(../images/comvivem/ico_home.png)
 no-repeat
 scroll 0 5px transparent;}

 

 Ya después solo tienes que cambiar los backgrounds, no tienes que repetir
 los estilos siempre.

 Un saludo
 Anabel


 On Sep 4, 2012, at 4:49 PM, reynie...@gmail.com reynie...@gmail.com
 wrote:

  Interesante, exactamente eso es lo que estoy buscando mas no sabia que se
  podian concatenar por decirlo de alguna forma las clases de tal como lo
  haces tu en li.icon-event.current siempre pense hasta ahorita que era
  li.icon-event .current. Pruebo esta opción y te digo como me fue.
 
  Saludos y gracias
  Ing. Reynier Perez Mira
  eMail: reynie...@gmail.com, reynier. reynie...@hotmail.com
 pe...@treswd.com
  Website: http://www.reynierpm.com
  Skype: reynierpm
  Mobile: +58 424.180.5609
 
 
 
  2012/9/4 Manuel Canga - Latrasweb.net i...@latrasweb.net
 
  Sí, perfectamente. Ya me quedo totalmente claro.
  En estas listas hemos hablado en varias ocasiones
  de unir clases css. Esa podría ser tu solución.
 
  Veamos:
 
  ul class=box_content_navigation
 
 li class=icon-home firsta href=inicioInicio/a/li
 li class=icon-blog has_childrena href=cmvblogBlog/a
 ul
 li class=subitem firsta href=cmvblog/createCrear
  entrada/a/li
 li class=subitem lasta
  href=cmvblog/categoriesCategoriacute;as/a/li
 /ul
 /li
 li class=icon-event currenta href=eventEventos/a/li
 li class=icon-membersa href=membersDirectorio/a/li
 li class=icon-friends lasta href=relationsAmigos/a/li
 li class=icon-messagesa href=messagesMensajes/a/li
 li class=icon-accounta href=edit-profileEditar
 perfil/a/li
 li class=icon-admincp hide-for-smalla href=admin
  target=_blankPanel de Control/a/li
  /ul
 
  Fíjate que en li de eventos, le he añadido la clase current además
  de la que ya tenía.
 
  ¿Cómo hacemos ahora para darle a ese elemento?. Así.
 
  li.icon-event.current { background:
  url(../images/comvivem/icon_eventos_hover.png)
  no-repeat scroll 0 4px transparent; background-color: #000 }
 
 
  Fíjate, le he dicho al sistema css del navegador que quiero darle estilo
  a un li que tenga la clase icon-event y que ademas tenga la clase
 .current
  Es decir, quiero darle estilo a un li cuando tenga ambas clases y luego
  ponemos todas las propiedades de estilo que queramos darle en ese caso.
 
  El li lo he puesto por clarificar, siempre lo hago así, pero no es
  necesario.
 
 
  Un saludo
  --
  Manuel Canga
  Desarrollo creativo de
  CMS y frameworks
  Email: *i...@latrasweb.net*
  Web: http://www.latrasweb.net
  Twitter: http://twitter.com/latrasweb_net
 
 
 
  El 4 de septiembre de 2012 22:37, reynie...@gmail.com
  reynie...@gmail.comescribió:
 
  Hola Manuel y gracias por tu respuesta, precisamente eso es lo que
  quiero o
  sea cambiar el color del fondo del LI que toma clase current pero
  manteniendo el icono asociado a la mismo en el estado hover. Veamos un
  ejemplo: supongamos que el li con class=icon-event toma la clase
  current
  tambien por lo cual quedaria li class=icon-event current bueno si se
  dan
  de cuenta ese icon-event tiene un estado por default
  .icon-event{background: url(../images/comvivem/ico_
  eventos.png) no-repeat scroll 0 4px transparent;padding: 0 0 0
  35px;cursor:pointer;border-bottom:1px dotted #CC} y uno para cuando
  se
  le hace un hover .icon-event:hover{background:
  url(../images/comvivem/ico_eventos_hover.png) 

Re: [Ovillo] Cambiar estilos del elemento seleccionado con clase current

2012-09-04 Por tema Manuel Canga - Latrasweb.net
En verdad, aprovecho y voy un poco más allá.
Una etiqueta siempre puede más tener de una clase, pero no más de un id (
además
único en toda la web ).

Podrías tener:

p class=fondo color tipoMi casa/p
p class=fondo colorMi web/p
p class=fondoMi gadget/p
p class=colorMi css/p

css:
p.fondo { background-color: blue; }
p.color { color: green; }
p.tipo { font-weight: bold; }
p.fondo.color.tipo { border: 1px solid red; }

resultado:
Mi casa tendra borde rojo, fondo azul, color de texto verde y negrita en
letra.
Mi web tendra color de fondo azul y color de texto verde
Mi gadget tendrá fondo azul
Mi css tendrá color de fuente verde.

Espero que sirva para aclarar todo más.

Por cierto, +1 a la recomendación de Anabel.



Un saludo
--
Manuel Canga
Desarrollo creativo de
CMS y frameworks
Email: *i...@latrasweb.net*
Web: http://www.latrasweb.net
Twitter: http://twitter.com/latrasweb_net



El 4 de septiembre de 2012 22:49, reynie...@gmail.com
reynie...@gmail.comescribió:

 Interesante, exactamente eso es lo que estoy buscando mas no sabia que se
 podian concatenar por decirlo de alguna forma las clases de tal como lo
 haces tu en li.icon-event.current siempre pense hasta ahorita que era
 li.icon-event .current. Pruebo esta opción y te digo como me fue.

 Saludos y gracias
 Ing. Reynier Perez Mira
 eMail: reynie...@gmail.com, reynier. reynie...@hotmail.com
 pe...@treswd.com
 Website: http://www.reynierpm.com
 Skype: reynierpm
 Mobile: +58 424.180.5609



 2012/9/4 Manuel Canga - Latrasweb.net i...@latrasweb.net

  Sí, perfectamente. Ya me quedo totalmente claro.
  En estas listas hemos hablado en varias ocasiones
  de unir clases css. Esa podría ser tu solución.
 
  Veamos:
 
  ul class=box_content_navigation
  
  li class=icon-home firsta href=inicioInicio/a/li
  li class=icon-blog has_childrena href=cmvblogBlog/a
  ul
  li class=subitem firsta href=cmvblog/createCrear
  entrada/a/li
  li class=subitem lasta
  href=cmvblog/categoriesCategoriacute;as/a/li
  /ul
  /li
  li class=icon-event currenta href=eventEventos/a/li
  li class=icon-membersa href=membersDirectorio/a/li
  li class=icon-friends lasta href=relationsAmigos/a/li
  li class=icon-messagesa href=messagesMensajes/a/li
  li class=icon-accounta href=edit-profileEditar
 perfil/a/li
  li class=icon-admincp hide-for-smalla href=admin
  target=_blankPanel de Control/a/li
  /ul
 
  Fíjate que en li de eventos, le he añadido la clase current además
  de la que ya tenía.
 
  ¿Cómo hacemos ahora para darle a ese elemento?. Así.
 
  li.icon-event.current { background:
  url(../images/comvivem/icon_eventos_hover.png)
  no-repeat scroll 0 4px transparent; background-color: #000 }
 
 
  Fíjate, le he dicho al sistema css del navegador que quiero darle estilo
  a un li que tenga la clase icon-event y que ademas tenga la clase
 .current
  Es decir, quiero darle estilo a un li cuando tenga ambas clases y luego
  ponemos todas las propiedades de estilo que queramos darle en ese caso.
 
  El li lo he puesto por clarificar, siempre lo hago así, pero no es
  necesario.
 
 
  Un saludo
  --
  Manuel Canga
  Desarrollo creativo de
  CMS y frameworks
   Email: *i...@latrasweb.net*
  Web: http://www.latrasweb.net
  Twitter: http://twitter.com/latrasweb_net
 
 
 
  El 4 de septiembre de 2012 22:37, reynie...@gmail.com
  reynie...@gmail.comescribió:
 
   Hola Manuel y gracias por tu respuesta, precisamente eso es lo que
  quiero o
   sea cambiar el color del fondo del LI que toma clase current pero
   manteniendo el icono asociado a la mismo en el estado hover. Veamos un
   ejemplo: supongamos que el li con class=icon-event toma la clase
  current
   tambien por lo cual quedaria li class=icon-event current bueno si se
  dan
   de cuenta ese icon-event tiene un estado por default
   .icon-event{background: url(../images/comvivem/ico_
   eventos.png) no-repeat scroll 0 4px transparent;padding: 0 0 0
   35px;cursor:pointer;border-bottom:1px dotted #CC} y uno para cuando
  se
   le hace un hover .icon-event:hover{background:
   url(../images/comvivem/ico_eventos_hover.png) no-repeat scroll 0 4px
   transparent;padding: 0 0 0 35px;cursor:pointer;border-bottom:1px dotted
   #CC}. Lo que tendria entonces que hacer digamos seria algo como
 esto:
   .current {background: url(../images/comvivem/ico_eventos_hover.png)
   no-repeat scroll 0 4px transparent; background-color: #000} y
 funcionaria
   pero solo para este elemento, que pasas si ahora mi clase current
  estuvera
   en li class=icon-members current? Como entonces cambiaria al
   .icon-members:hover? Me hago entender?
  
  
   Ing. Reynier Perez Mira
   eMail: reynie...@gmail.com, reynier. reynie...@hotmail.com
   pe...@treswd.com
   Website: http://www.reynierpm.com
   Skype: reynierpm
   Mobile: +58 424.180.5609
  
  
  
   2012/9/4 Manuel Canga - Latrasweb.net i...@latrasweb.net
  
No te he entendido bien. Si lo que quieres es que
a un li 

Re: [Ovillo] Cambiar estilos del elemento seleccionado con clase current

2012-09-04 Por tema reynie...@gmail.com
Bueno probé el código de Anabel y casi que funciona al 100% pero me genera
un border doble en los elementos hijos.

Ing. Reynier Perez Mira
eMail: reynie...@gmail.com, reynier. reynie...@hotmail.compe...@treswd.com
Website: http://www.reynierpm.com
Skype: reynierpm
Mobile: +58 424.180.5609



2012/9/4 Manuel Canga - Latrasweb.net i...@latrasweb.net

 En verdad, aprovecho y voy un poco más allá.
 Una etiqueta siempre puede más tener de una clase, pero no más de un id (
 además
 único en toda la web ).

 Podrías tener:

 p class=fondo color tipoMi casa/p
 p class=fondo colorMi web/p
 p class=fondoMi gadget/p
 p class=colorMi css/p

 css:
 p.fondo { background-color: blue; }
 p.color { color: green; }
 p.tipo { font-weight: bold; }
 p.fondo.color.tipo { border: 1px solid red; }

 resultado:
 Mi casa tendra borde rojo, fondo azul, color de texto verde y negrita en
 letra.
 Mi web tendra color de fondo azul y color de texto verde
 Mi gadget tendrá fondo azul
 Mi css tendrá color de fuente verde.

 Espero que sirva para aclarar todo más.

 Por cierto, +1 a la recomendación de Anabel.



 Un saludo
 --
 Manuel Canga
 Desarrollo creativo de
 CMS y frameworks
 Email: *i...@latrasweb.net*
 Web: http://www.latrasweb.net
 Twitter: http://twitter.com/latrasweb_net



 El 4 de septiembre de 2012 22:49, reynie...@gmail.com
 reynie...@gmail.comescribió:

  Interesante, exactamente eso es lo que estoy buscando mas no sabia que se
  podian concatenar por decirlo de alguna forma las clases de tal como lo
  haces tu en li.icon-event.current siempre pense hasta ahorita que era
  li.icon-event .current. Pruebo esta opción y te digo como me fue.
 
  Saludos y gracias
  Ing. Reynier Perez Mira
  eMail: reynie...@gmail.com, reynier. reynie...@hotmail.com
  pe...@treswd.com
  Website: http://www.reynierpm.com
  Skype: reynierpm
  Mobile: +58 424.180.5609
 
 
 
  2012/9/4 Manuel Canga - Latrasweb.net i...@latrasweb.net
 
   Sí, perfectamente. Ya me quedo totalmente claro.
   En estas listas hemos hablado en varias ocasiones
   de unir clases css. Esa podría ser tu solución.
  
   Veamos:
  
   ul class=box_content_navigation
   
   li class=icon-home firsta href=inicioInicio/a/li
   li class=icon-blog has_childrena href=cmvblogBlog/a
   ul
   li class=subitem firsta href=cmvblog/createCrear
   entrada/a/li
   li class=subitem lasta
   href=cmvblog/categoriesCategoriacute;as/a/li
   /ul
   /li
   li class=icon-event currenta href=eventEventos/a/li
   li class=icon-membersa href=membersDirectorio/a/li
   li class=icon-friends lasta href=relationsAmigos/a/li
   li class=icon-messagesa href=messagesMensajes/a/li
   li class=icon-accounta href=edit-profileEditar
  perfil/a/li
   li class=icon-admincp hide-for-smalla href=admin
   target=_blankPanel de Control/a/li
   /ul
  
   Fíjate que en li de eventos, le he añadido la clase current además
   de la que ya tenía.
  
   ¿Cómo hacemos ahora para darle a ese elemento?. Así.
  
   li.icon-event.current { background:
   url(../images/comvivem/icon_eventos_hover.png)
   no-repeat scroll 0 4px transparent; background-color: #000 }
  
  
   Fíjate, le he dicho al sistema css del navegador que quiero darle
 estilo
   a un li que tenga la clase icon-event y que ademas tenga la clase
  .current
   Es decir, quiero darle estilo a un li cuando tenga ambas clases y luego
   ponemos todas las propiedades de estilo que queramos darle en ese caso.
  
   El li lo he puesto por clarificar, siempre lo hago así, pero no es
   necesario.
  
  
   Un saludo
   --
   Manuel Canga
   Desarrollo creativo de
   CMS y frameworks
Email: *i...@latrasweb.net*
   Web: http://www.latrasweb.net
   Twitter: http://twitter.com/latrasweb_net
  
  
  
   El 4 de septiembre de 2012 22:37, reynie...@gmail.com
   reynie...@gmail.comescribió:
  
Hola Manuel y gracias por tu respuesta, precisamente eso es lo que
   quiero o
sea cambiar el color del fondo del LI que toma clase current pero
manteniendo el icono asociado a la mismo en el estado hover. Veamos
 un
ejemplo: supongamos que el li con class=icon-event toma la clase
   current
tambien por lo cual quedaria li class=icon-event current bueno si
 se
   dan
de cuenta ese icon-event tiene un estado por default
.icon-event{background: url(../images/comvivem/ico_
eventos.png) no-repeat scroll 0 4px transparent;padding: 0 0 0
35px;cursor:pointer;border-bottom:1px dotted #CC} y uno para
 cuando
   se
le hace un hover .icon-event:hover{background:
url(../images/comvivem/ico_eventos_hover.png) no-repeat scroll 0
 4px
transparent;padding: 0 0 0 35px;cursor:pointer;border-bottom:1px
 dotted
#CC}. Lo que tendria entonces que hacer digamos seria algo como
  esto:
.current {background: url(../images/comvivem/ico_eventos_hover.png)
no-repeat scroll 0 4px transparent; background-color: #000} y
  funcionaria
pero solo para este elemento, 

Re: [Ovillo] Cambiar estilos del elemento seleccionado con clase current

2012-09-04 Por tema Manuel Canga - Latrasweb.net
¿ podrías pasar el código de como quedó para
echarle un vistazo en su totalidad ?


Un saludo
--
Manuel Canga
Desarrollo creativo de
CMS y frameworks
 Email: *i...@latrasweb.net*
Web: http://www.latrasweb.net
Twitter: http://twitter.com/latrasweb_net



El 4 de septiembre de 2012 23:03, reynie...@gmail.com
reynie...@gmail.comescribió:

 Bueno probé el código de Anabel y casi que funciona al 100% pero me genera
 un border doble en los elementos hijos.

 Ing. Reynier Perez Mira
 eMail: reynie...@gmail.com, reynier. reynie...@hotmail.com
 pe...@treswd.com
 Website: http://www.reynierpm.com
 Skype: reynierpm
 Mobile: +58 424.180.5609



 2012/9/4 Manuel Canga - Latrasweb.net i...@latrasweb.net

  En verdad, aprovecho y voy un poco más allá.
  Una etiqueta siempre puede más tener de una clase, pero no más de un id (
  además
  único en toda la web ).
 
  Podrías tener:
 
  p class=fondo color tipoMi casa/p
  p class=fondo colorMi web/p
  p class=fondoMi gadget/p
  p class=colorMi css/p
 
  css:
  p.fondo { background-color: blue; }
  p.color { color: green; }
  p.tipo { font-weight: bold; }
  p.fondo.color.tipo { border: 1px solid red; }
 
  resultado:
  Mi casa tendra borde rojo, fondo azul, color de texto verde y negrita en
  letra.
  Mi web tendra color de fondo azul y color de texto verde
  Mi gadget tendrá fondo azul
  Mi css tendrá color de fuente verde.
 
  Espero que sirva para aclarar todo más.
 
  Por cierto, +1 a la recomendación de Anabel.
 
 
 
  Un saludo
  --
  Manuel Canga
  Desarrollo creativo de
  CMS y frameworks
  Email: *i...@latrasweb.net*
  Web: http://www.latrasweb.net
  Twitter: http://twitter.com/latrasweb_net
 
 
 
  El 4 de septiembre de 2012 22:49, reynie...@gmail.com
  reynie...@gmail.comescribió:
 
   Interesante, exactamente eso es lo que estoy buscando mas no sabia que
 se
   podian concatenar por decirlo de alguna forma las clases de tal como
 lo
   haces tu en li.icon-event.current siempre pense hasta ahorita que era
   li.icon-event .current. Pruebo esta opción y te digo como me fue.
  
   Saludos y gracias
   Ing. Reynier Perez Mira
   eMail: reynie...@gmail.com, reynier. reynie...@hotmail.com
   pe...@treswd.com
   Website: http://www.reynierpm.com
   Skype: reynierpm
   Mobile: +58 424.180.5609
  
  
  
   2012/9/4 Manuel Canga - Latrasweb.net i...@latrasweb.net
  
Sí, perfectamente. Ya me quedo totalmente claro.
En estas listas hemos hablado en varias ocasiones
de unir clases css. Esa podría ser tu solución.
   
Veamos:
   
ul class=box_content_navigation

li class=icon-home firsta href=inicioInicio/a/li
li class=icon-blog has_childrena href=cmvblogBlog/a
ul
li class=subitem firsta href=cmvblog/createCrear
entrada/a/li
li class=subitem lasta
href=cmvblog/categoriesCategoriacute;as/a/li
/ul
/li
li class=icon-event currenta href=eventEventos/a/li
li class=icon-membersa href=membersDirectorio/a/li
li class=icon-friends lasta href=relationsAmigos/a/li
li class=icon-messagesa href=messagesMensajes/a/li
li class=icon-accounta href=edit-profileEditar
   perfil/a/li
li class=icon-admincp hide-for-smalla href=admin
target=_blankPanel de Control/a/li
/ul
   
Fíjate que en li de eventos, le he añadido la clase current además
de la que ya tenía.
   
¿Cómo hacemos ahora para darle a ese elemento?. Así.
   
li.icon-event.current { background:
url(../images/comvivem/icon_eventos_hover.png)
no-repeat scroll 0 4px transparent; background-color: #000 }
   
   
Fíjate, le he dicho al sistema css del navegador que quiero darle
  estilo
a un li que tenga la clase icon-event y que ademas tenga la clase
   .current
Es decir, quiero darle estilo a un li cuando tenga ambas clases y
 luego
ponemos todas las propiedades de estilo que queramos darle en ese
 caso.
   
El li lo he puesto por clarificar, siempre lo hago así, pero no es
necesario.
   
   
Un saludo
--
Manuel Canga
Desarrollo creativo de
CMS y frameworks
 Email: *i...@latrasweb.net*
Web: http://www.latrasweb.net
Twitter: http://twitter.com/latrasweb_net
   
   
   
El 4 de septiembre de 2012 22:37, reynie...@gmail.com
reynie...@gmail.comescribió:
   
 Hola Manuel y gracias por tu respuesta, precisamente eso es lo que
quiero o
 sea cambiar el color del fondo del LI que toma clase current pero
 manteniendo el icono asociado a la mismo en el estado hover. Veamos
  un
 ejemplo: supongamos que el li con class=icon-event toma la clase
current
 tambien por lo cual quedaria li class=icon-event current bueno si
  se
dan
 de cuenta ese icon-event tiene un estado por default
 .icon-event{background: url(../images/comvivem/ico_
 eventos.png) no-repeat scroll 0 4px transparent;padding: 0 0 0
 35px;cursor:pointer;border-bottom:1px dotted #CC} y uno 

Re: [Ovillo] Cambiar estilos del elemento seleccionado con clase current

2012-09-04 Por tema Manuel Canga - Latrasweb.net
No hace falta, ya he visto el fallo, retiro lo dicho.
Ha sido un descuido. En los estilos que contengan:

ul.box_content_navigation li

cambialos a:


ul.box_content_navigation  li


Un saludo
--
Manuel Canga
Desarrollo creativo de
CMS y frameworks
Email: *i...@latrasweb.net*
Web: http://www.latrasweb.net
Twitter: http://twitter.com/latrasweb_net



El 4 de septiembre de 2012 23:03, reynie...@gmail.com
reynie...@gmail.comescribió:

 Bueno probé el código de Anabel y casi que funciona al 100% pero me genera
 un border doble en los elementos hijos.

 Ing. Reynier Perez Mira
 eMail: reynie...@gmail.com, reynier. reynie...@hotmail.com
 pe...@treswd.com
 Website: http://www.reynierpm.com
 Skype: reynierpm
 Mobile: +58 424.180.5609



 2012/9/4 Manuel Canga - Latrasweb.net i...@latrasweb.net

  En verdad, aprovecho y voy un poco más allá.
  Una etiqueta siempre puede más tener de una clase, pero no más de un id (
  además
  único en toda la web ).
 
  Podrías tener:
 
  p class=fondo color tipoMi casa/p
  p class=fondo colorMi web/p
  p class=fondoMi gadget/p
  p class=colorMi css/p
 
  css:
  p.fondo { background-color: blue; }
  p.color { color: green; }
  p.tipo { font-weight: bold; }
  p.fondo.color.tipo { border: 1px solid red; }
 
  resultado:
  Mi casa tendra borde rojo, fondo azul, color de texto verde y negrita en
  letra.
  Mi web tendra color de fondo azul y color de texto verde
  Mi gadget tendrá fondo azul
  Mi css tendrá color de fuente verde.
 
  Espero que sirva para aclarar todo más.
 
  Por cierto, +1 a la recomendación de Anabel.
 
 
 
  Un saludo
  --
  Manuel Canga
  Desarrollo creativo de
  CMS y frameworks
  Email: *i...@latrasweb.net*
  Web: http://www.latrasweb.net
  Twitter: http://twitter.com/latrasweb_net
 
 
 
  El 4 de septiembre de 2012 22:49, reynie...@gmail.com
  reynie...@gmail.comescribió:
 
   Interesante, exactamente eso es lo que estoy buscando mas no sabia que
 se
   podian concatenar por decirlo de alguna forma las clases de tal como
 lo
   haces tu en li.icon-event.current siempre pense hasta ahorita que era
   li.icon-event .current. Pruebo esta opción y te digo como me fue.
  
   Saludos y gracias
   Ing. Reynier Perez Mira
   eMail: reynie...@gmail.com, reynier. reynie...@hotmail.com
   pe...@treswd.com
   Website: http://www.reynierpm.com
   Skype: reynierpm
   Mobile: +58 424.180.5609
  
  
  
   2012/9/4 Manuel Canga - Latrasweb.net i...@latrasweb.net
  
Sí, perfectamente. Ya me quedo totalmente claro.
En estas listas hemos hablado en varias ocasiones
de unir clases css. Esa podría ser tu solución.
   
Veamos:
   
ul class=box_content_navigation

li class=icon-home firsta href=inicioInicio/a/li
li class=icon-blog has_childrena href=cmvblogBlog/a
ul
li class=subitem firsta href=cmvblog/createCrear
entrada/a/li
li class=subitem lasta
href=cmvblog/categoriesCategoriacute;as/a/li
/ul
/li
li class=icon-event currenta href=eventEventos/a/li
li class=icon-membersa href=membersDirectorio/a/li
li class=icon-friends lasta href=relationsAmigos/a/li
li class=icon-messagesa href=messagesMensajes/a/li
li class=icon-accounta href=edit-profileEditar
   perfil/a/li
li class=icon-admincp hide-for-smalla href=admin
target=_blankPanel de Control/a/li
/ul
   
Fíjate que en li de eventos, le he añadido la clase current además
de la que ya tenía.
   
¿Cómo hacemos ahora para darle a ese elemento?. Así.
   
li.icon-event.current { background:
url(../images/comvivem/icon_eventos_hover.png)
no-repeat scroll 0 4px transparent; background-color: #000 }
   
   
Fíjate, le he dicho al sistema css del navegador que quiero darle
  estilo
a un li que tenga la clase icon-event y que ademas tenga la clase
   .current
Es decir, quiero darle estilo a un li cuando tenga ambas clases y
 luego
ponemos todas las propiedades de estilo que queramos darle en ese
 caso.
   
El li lo he puesto por clarificar, siempre lo hago así, pero no es
necesario.
   
   
Un saludo
--
Manuel Canga
Desarrollo creativo de
CMS y frameworks
 Email: *i...@latrasweb.net*
Web: http://www.latrasweb.net
Twitter: http://twitter.com/latrasweb_net
   
   
   
El 4 de septiembre de 2012 22:37, reynie...@gmail.com
reynie...@gmail.comescribió:
   
 Hola Manuel y gracias por tu respuesta, precisamente eso es lo que
quiero o
 sea cambiar el color del fondo del LI que toma clase current pero
 manteniendo el icono asociado a la mismo en el estado hover. Veamos
  un
 ejemplo: supongamos que el li con class=icon-event toma la clase
current
 tambien por lo cual quedaria li class=icon-event current bueno si
  se
dan
 de cuenta ese icon-event tiene un estado por default
 .icon-event{background: url(../images/comvivem/ico_
 eventos.png) no-repeat scroll 

Re: [Ovillo] Cambiar estilos del elemento seleccionado con clase current

2012-09-04 Por tema reynie...@gmail.com
Exacto ese era el problema pero aún así me va quedando un detalle y es que
el elemento que tiene current no debe tener border por ningun lado, le puse
border:0 al current pero eso solo aplica a ese LI y no al de encima cual es
el selector css para decirle que el border-bottom del elemento inmediato
superior al current sea 0?

Ing. Reynier Perez Mira
eMail: reynie...@gmail.com, reynier. reynie...@hotmail.compe...@treswd.com
Website: http://www.reynierpm.com
Skype: reynierpm
Mobile: +58 424.180.5609



2012/9/4 Manuel Canga - Latrasweb.net i...@latrasweb.net

 No hace falta, ya he visto el fallo, retiro lo dicho.
 Ha sido un descuido. En los estilos que contengan:

 ul.box_content_navigation li

 cambialos a:


 ul.box_content_navigation  li


 Un saludo
 --
 Manuel Canga
 Desarrollo creativo de
 CMS y frameworks
 Email: *i...@latrasweb.net*
 Web: http://www.latrasweb.net
 Twitter: http://twitter.com/latrasweb_net



 El 4 de septiembre de 2012 23:03, reynie...@gmail.com
 reynie...@gmail.comescribió:

  Bueno probé el código de Anabel y casi que funciona al 100% pero me
 genera
  un border doble en los elementos hijos.
 
  Ing. Reynier Perez Mira
  eMail: reynie...@gmail.com, reynier. reynie...@hotmail.com
  pe...@treswd.com
  Website: http://www.reynierpm.com
  Skype: reynierpm
  Mobile: +58 424.180.5609
 
 
 
  2012/9/4 Manuel Canga - Latrasweb.net i...@latrasweb.net
 
   En verdad, aprovecho y voy un poco más allá.
   Una etiqueta siempre puede más tener de una clase, pero no más de un
 id (
   además
   único en toda la web ).
  
   Podrías tener:
  
   p class=fondo color tipoMi casa/p
   p class=fondo colorMi web/p
   p class=fondoMi gadget/p
   p class=colorMi css/p
  
   css:
   p.fondo { background-color: blue; }
   p.color { color: green; }
   p.tipo { font-weight: bold; }
   p.fondo.color.tipo { border: 1px solid red; }
  
   resultado:
   Mi casa tendra borde rojo, fondo azul, color de texto verde y negrita
 en
   letra.
   Mi web tendra color de fondo azul y color de texto verde
   Mi gadget tendrá fondo azul
   Mi css tendrá color de fuente verde.
  
   Espero que sirva para aclarar todo más.
  
   Por cierto, +1 a la recomendación de Anabel.
  
  
  
   Un saludo
   --
   Manuel Canga
   Desarrollo creativo de
   CMS y frameworks
   Email: *i...@latrasweb.net*
   Web: http://www.latrasweb.net
   Twitter: http://twitter.com/latrasweb_net
  
  
  
   El 4 de septiembre de 2012 22:49, reynie...@gmail.com
   reynie...@gmail.comescribió:
  
Interesante, exactamente eso es lo que estoy buscando mas no sabia
 que
  se
podian concatenar por decirlo de alguna forma las clases de tal
 como
  lo
haces tu en li.icon-event.current siempre pense hasta ahorita que era
li.icon-event .current. Pruebo esta opción y te digo como me fue.
   
Saludos y gracias
Ing. Reynier Perez Mira
eMail: reynie...@gmail.com, reynier. reynie...@hotmail.com
pe...@treswd.com
Website: http://www.reynierpm.com
Skype: reynierpm
Mobile: +58 424.180.5609
   
   
   
2012/9/4 Manuel Canga - Latrasweb.net i...@latrasweb.net
   
 Sí, perfectamente. Ya me quedo totalmente claro.
 En estas listas hemos hablado en varias ocasiones
 de unir clases css. Esa podría ser tu solución.

 Veamos:

 ul class=box_content_navigation
 
 li class=icon-home firsta href=inicioInicio/a/li
 li class=icon-blog has_childrena href=cmvblogBlog/a
 ul
 li class=subitem firsta
 href=cmvblog/createCrear
 entrada/a/li
 li class=subitem lasta
 href=cmvblog/categoriesCategoriacute;as/a/li
 /ul
 /li
 li class=icon-event currenta href=eventEventos/a/li
 li class=icon-membersa href=membersDirectorio/a/li
 li class=icon-friends lasta
 href=relationsAmigos/a/li
 li class=icon-messagesa href=messagesMensajes/a/li
 li class=icon-accounta href=edit-profileEditar
perfil/a/li
 li class=icon-admincp hide-for-smalla href=admin
 target=_blankPanel de Control/a/li
 /ul

 Fíjate que en li de eventos, le he añadido la clase current además
 de la que ya tenía.

 ¿Cómo hacemos ahora para darle a ese elemento?. Así.

 li.icon-event.current { background:
 url(../images/comvivem/icon_eventos_hover.png)
 no-repeat scroll 0 4px transparent; background-color: #000 }


 Fíjate, le he dicho al sistema css del navegador que quiero darle
   estilo
 a un li que tenga la clase icon-event y que ademas tenga la clase
.current
 Es decir, quiero darle estilo a un li cuando tenga ambas clases y
  luego
 ponemos todas las propiedades de estilo que queramos darle en ese
  caso.

 El li lo he puesto por clarificar, siempre lo hago así, pero no es
 necesario.


 Un saludo
 --
 Manuel Canga
 Desarrollo creativo de
 CMS y frameworks
  Email: *i...@latrasweb.net*
 Web: 

Re: [Ovillo] Cambiar estilos del elemento seleccionado con clase current

2012-09-04 Por tema Manuel Canga - Latrasweb.net
En mi opinión, para el caso particular que indicas no lo hagas
por css sino por programación. También te lo digo porque no sé
como se haría en css :D  ( seguramente alguien con más conocimientos
en las listas te pueda echar una mano ).

Yo lo resolvería haciendo que de la misma manera que estás añadiendo
un current al li del bajo nivel se lo pones al de arriba que lo contenga.

No sé como harás la programación, si quieres la pasas y la vemos.
Eso sí, a lo mejor eso ya queda fuera del ámbito de estas listas.



Un saludo
--
Manuel Canga
Desarrollo creativo de
CMS y frameworks
Email: *i...@latrasweb.net*
Web: http://www.latrasweb.net
Twitter: http://twitter.com/latrasweb_net



El 4 de septiembre de 2012 23:12, reynie...@gmail.com
reynie...@gmail.comescribió:

 Exacto ese era el problema pero aún así me va quedando un detalle y es que
 el elemento que tiene current no debe tener border por ningun lado, le puse
 border:0 al current pero eso solo aplica a ese LI y no al de encima cual es
 el selector css para decirle que el border-bottom del elemento inmediato
 superior al current sea 0?

 Ing. Reynier Perez Mira
 eMail: reynie...@gmail.com, reynier. reynie...@hotmail.com
 pe...@treswd.com
 Website: http://www.reynierpm.com
 Skype: reynierpm
 Mobile: +58 424.180.5609



 2012/9/4 Manuel Canga - Latrasweb.net i...@latrasweb.net

  No hace falta, ya he visto el fallo, retiro lo dicho.
  Ha sido un descuido. En los estilos que contengan:
 
  ul.box_content_navigation li
 
  cambialos a:
 
 
  ul.box_content_navigation  li
 
 
  Un saludo
  --
  Manuel Canga
  Desarrollo creativo de
  CMS y frameworks
  Email: *i...@latrasweb.net*
  Web: http://www.latrasweb.net
  Twitter: http://twitter.com/latrasweb_net
 
 
 
  El 4 de septiembre de 2012 23:03, reynie...@gmail.com
  reynie...@gmail.comescribió:
 
   Bueno probé el código de Anabel y casi que funciona al 100% pero me
  genera
   un border doble en los elementos hijos.
  
   Ing. Reynier Perez Mira
   eMail: reynie...@gmail.com, reynier. reynie...@hotmail.com
   pe...@treswd.com
   Website: http://www.reynierpm.com
   Skype: reynierpm
   Mobile: +58 424.180.5609
  
  
  
   2012/9/4 Manuel Canga - Latrasweb.net i...@latrasweb.net
  
En verdad, aprovecho y voy un poco más allá.
Una etiqueta siempre puede más tener de una clase, pero no más de un
  id (
además
único en toda la web ).
   
Podrías tener:
   
p class=fondo color tipoMi casa/p
p class=fondo colorMi web/p
p class=fondoMi gadget/p
p class=colorMi css/p
   
css:
p.fondo { background-color: blue; }
p.color { color: green; }
p.tipo { font-weight: bold; }
p.fondo.color.tipo { border: 1px solid red; }
   
resultado:
Mi casa tendra borde rojo, fondo azul, color de texto verde y negrita
  en
letra.
Mi web tendra color de fondo azul y color de texto verde
Mi gadget tendrá fondo azul
Mi css tendrá color de fuente verde.
   
Espero que sirva para aclarar todo más.
   
Por cierto, +1 a la recomendación de Anabel.
   
   
   
Un saludo
--
Manuel Canga
Desarrollo creativo de
CMS y frameworks
Email: *i...@latrasweb.net*
Web: http://www.latrasweb.net
Twitter: http://twitter.com/latrasweb_net
   
   
   
El 4 de septiembre de 2012 22:49, reynie...@gmail.com
reynie...@gmail.comescribió:
   
 Interesante, exactamente eso es lo que estoy buscando mas no sabia
  que
   se
 podian concatenar por decirlo de alguna forma las clases de tal
  como
   lo
 haces tu en li.icon-event.current siempre pense hasta ahorita que
 era
 li.icon-event .current. Pruebo esta opción y te digo como me fue.

 Saludos y gracias
 Ing. Reynier Perez Mira
 eMail: reynie...@gmail.com, reynier. reynie...@hotmail.com
 pe...@treswd.com
 Website: http://www.reynierpm.com
 Skype: reynierpm
 Mobile: +58 424.180.5609



 2012/9/4 Manuel Canga - Latrasweb.net i...@latrasweb.net

  Sí, perfectamente. Ya me quedo totalmente claro.
  En estas listas hemos hablado en varias ocasiones
  de unir clases css. Esa podría ser tu solución.
 
  Veamos:
 
  ul class=box_content_navigation
  
  li class=icon-home firsta href=inicioInicio/a/li
  li class=icon-blog has_childrena href=cmvblogBlog/a
  ul
  li class=subitem firsta
  href=cmvblog/createCrear
  entrada/a/li
  li class=subitem lasta
  href=cmvblog/categoriesCategoriacute;as/a/li
  /ul
  /li
  li class=icon-event currenta
 href=eventEventos/a/li
  li class=icon-membersa
 href=membersDirectorio/a/li
  li class=icon-friends lasta
  href=relationsAmigos/a/li
  li class=icon-messagesa
 href=messagesMensajes/a/li
  li class=icon-accounta href=edit-profileEditar
 perfil/a/li
  li class=icon-admincp hide-for-smalla href=admin
  target=_blankPanel de 

Re: [Ovillo] Cambiar estilos del elemento seleccionado con clase current

2012-09-04 Por tema reynie...@gmail.com
jejeje no vale tranquilo de esa me encargo yo solo que queria
saber/aprender si existía alguna forma de hacerlo con CSS dado que existen
los selectores :before y :after pero estos no cumplen con lo que necesito
hacer.

Saludos y les dejaré saber como me fue
Ing. Reynier Perez Mira
eMail: reynie...@gmail.com, reynier. reynie...@hotmail.compe...@treswd.com
Website: http://www.reynierpm.com
Skype: reynierpm
Mobile: +58 424.180.5609



2012/9/4 Manuel Canga - Latrasweb.net i...@latrasweb.net

 No sé como harás la programación, si quieres la pasas y la vemos.
 Eso sí, a lo mejor eso ya queda fuera del ámbito de estas listas.

___
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] Cambiar estilos del elemento seleccionado con clase current

2012-09-04 Por tema josealzz


reynie...@gmail.com reynie...@gmail.com escribió:

Interesante, exactamente eso es lo que estoy buscando mas no sabia que se
podian concatenar por decirlo de alguna forma las clases de tal como lo
haces tu en li.icon-event.current siempre pense hasta ahorita que era
li.icon-event .current. Pruebo esta opción y te digo como me fue.

Saludos y gracias
Ing. Reynier Perez Mira
eMail: reynie...@gmail.com, reynier. reynie...@hotmail.compe...@treswd.com
Website: http://www.reynierpm.com
Skype: reynierpm
Mobile: +58 424.180.5609



2012/9/4 Manuel Canga - Latrasweb.net i...@latrasweb.net

 Sí, perfectamente. Ya me quedo totalmente claro.
 En estas listas hemos hablado en varias ocasiones
 de unir clases css. Esa podría ser tu solución.

 Veamos:

 ul class=box_content_navigation
 
 li class=icon-home firsta href=inicioInicio/a/li
 li class=icon-blog has_childrena href=cmvblogBlog/a
 ul
 li class=subitem firsta href=cmvblog/createCrear
 entrada/a/li
 li class=subitem lasta
 href=cmvblog/categoriesCategoriacute;as/a/li
 /ul
 /li
 li class=icon-event currenta href=eventEventos/a/li
 li class=icon-membersa href=membersDirectorio/a/li
 li class=icon-friends lasta href=relationsAmigos/a/li
 li class=icon-messagesa href=messagesMensajes/a/li
 li class=icon-accounta href=edit-profileEditar perfil/a/li
 li class=icon-admincp hide-for-smalla href=admin
 target=_blankPanel de Control/a/li
 /ul

 Fíjate que en li de eventos, le he añadido la clase current además
 de la que ya tenía.

 ¿Cómo hacemos ahora para darle a ese elemento?. Así.

 li.icon-event.current { background:
 url(../images/comvivem/icon_eventos_hover.png)
 no-repeat scroll 0 4px transparent; background-color: #000 }


 Fíjate, le he dicho al sistema css del navegador que quiero darle estilo
 a un li que tenga la clase icon-event y que ademas tenga la clase .current
 Es decir, quiero darle estilo a un li cuando tenga ambas clases y luego
 ponemos todas las propiedades de estilo que queramos darle en ese caso.

 El li lo he puesto por clarificar, siempre lo hago así, pero no es
 necesario.


 Un saludo
 --
 Manuel Canga
 Desarrollo creativo de
 CMS y frameworks
  Email: *i...@latrasweb.net*
 Web: http://www.latrasweb.net
 Twitter: http://twitter.com/latrasweb_net



 El 4 de septiembre de 2012 22:37, reynie...@gmail.com
 reynie...@gmail.comescribió:

  Hola Manuel y gracias por tu respuesta, precisamente eso es lo que
 quiero o
  sea cambiar el color del fondo del LI que toma clase current pero
  manteniendo el icono asociado a la mismo en el estado hover. Veamos un
  ejemplo: supongamos que el li con class=icon-event toma la clase
 current
  tambien por lo cual quedaria li class=icon-event current bueno si se
 dan
  de cuenta ese icon-event tiene un estado por default
  .icon-event{background: url(../images/comvivem/ico_
  eventos.png) no-repeat scroll 0 4px transparent;padding: 0 0 0
  35px;cursor:pointer;border-bottom:1px dotted #CC} y uno para cuando
 se
  le hace un hover .icon-event:hover{background:
  url(../images/comvivem/ico_eventos_hover.png) no-repeat scroll 0 4px
  transparent;padding: 0 0 0 35px;cursor:pointer;border-bottom:1px dotted
  #CC}. Lo que tendria entonces que hacer digamos seria algo como esto:
  .current {background: url(../images/comvivem/ico_eventos_hover.png)
  no-repeat scroll 0 4px transparent; background-color: #000} y funcionaria
  pero solo para este elemento, que pasas si ahora mi clase current
 estuvera
  en li class=icon-members current? Como entonces cambiaria al
  .icon-members:hover? Me hago entender?
 
 
  Ing. Reynier Perez Mira
  eMail: reynie...@gmail.com, reynier. reynie...@hotmail.com
  pe...@treswd.com
  Website: http://www.reynierpm.com
  Skype: reynierpm
  Mobile: +58 424.180.5609
 
 
 
  2012/9/4 Manuel Canga - Latrasweb.net i...@latrasweb.net
 
   No te he entendido bien. Si lo que quieres es que
   a un li con una clase current se le cambie el color de fondo
   pero los iconos se mantengan como el hover. Añade
   a los estilos de current la imagen del icono que tienes en el hover.
  
  ___
  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
___