CSS MEDIA para una ...
 
Avisos
Vaciar todo

CSS MEDIA para una posicion de la plantilla

10 Respuestas
6 Usuarios
0 Reactions
930 Visitas
Javier
Respuestas: 517
Honorable Member
Topic starter
 

Como puedo poner @media CSS, para cualquier posicion de la plantilla.

Por ejemplo: tengo una posicion llamada (debug) no, como podria poner este codigo y donde?

@media (max-width:768px){
.debug { display:none; }

O no se puede hacer por posiciones de plantilla? y por modulos se puede? por ambos?

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 22/05/2015 11:51 am
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Hola,

Un código como el que indicas lo podrías añadir en cualquier archivo CSS que se cargue con tu plantilla. Por ejemplo, podrías añadirlo al final del archivo templates/uber/local/css/themes/style_benchmarketing/template.css

Eso sí, en el código que has puesto falta la llave de cierre final (la que se abre con el @media).


 
Respondido : 22/05/2015 2:15 pm
Javier
Respuestas: 517
Honorable Member
Topic starter
 

ok, muchas gracias,

Pero la duda que tengo que como lo hago para una POSICION DE PLANTILLA ESPECIFICA y como lo hago para un MODULO EN CONCRETO... quiero decir... que diferencias tengo que poner en el codigo?


 
Respondido : 22/05/2015 10:33 pm
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola,

Puedes revisar los siguientes artículos si te son de utilidad:


 
Respondido : 23/05/2015 12:07 am
Javier
Respuestas: 517
Honorable Member
Topic starter
 

Si eso lo se hacer sin problemas, pero necesito saber como incluir un codigo css como este:

@media (max-width:768px){
.debug { display:none; }

que afecte a TODA LA POSICION DE LA PLANTILLA (Ejemplo posicion: Footer-1)

GRACIAS


 
Respondido : 23/05/2015 12:19 pm
Julen
Respuestas: 2894
Famed Member Admin
 

Hola,

Tendrías que hacer una referencia dentro del media queries, a los módulos o componentes que va a afectar el código indicado. Por ejemplo:

@media (max-width:768px){
.modulo1 { display:none; }
.complemento1 {
width: 33%;
float: right;
background-color: #6ee;
}
}

En el caso de querer aplicarlo a una posición especifica, puede aplicarse siempre que esa posición tenga una clase o un id asignada.

Saludos


 
Respondido : 25/05/2015 10:49 am
Javier
Respuestas: 517
Honorable Member
Topic starter
 

Contenido solo visible a usuarios registrados


 
Respondido : 25/05/2015 11:03 am
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

De manera general no deberías usar la posición debug para poner un módulo visible, ya que esta posición esta reservada para desarrollo para depuración de código, te aconsejo usar otra posición de ser posible

En tu código en lugar de : .debug debes usar .t3-debug , además asegurate de tener correctamente la sintaxis, sería algo como :

@media (max-width:768px){
.t3-debug { display:none; }
}

Saludos.


 
Respondido : 25/05/2015 6:04 pm
Javier
Respuestas: 58
Trusted Member
 

que quiere decir desarrollo para depuración de código?

Pero si lo tengo hay tampoco es que pase nada no?


 
Respondido : 25/05/2015 6:06 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Si, debug, viene de depuración, es una posición estandar en las plantillas que sirve para mostrar mensajes de depuración de código

Si, no pasa nada, pero lo decía por un tema de orden en caso tu o alguien más active la depuración si quiere ver problemas en tu plantilla, etc.

Saludos.


 
Respondido : 25/05/2015 10:21 pm