Funcionalidad #3290
cerradaCambio Configuración Logo GONG
90%
Descripción
Tareas
- Propuesta de diseño
- Maquetación
- Implementación
Instancias
- General
- Demo
- Desarrollo
- ONG
Ficheros
Actualizado por Antonio León hace más de 6 años
- Añadido Fichero logo_GONG_ONG.jpg logo_GONG_ONG.jpg
- Añadido Fichero logo_GONG_DEMO.jpg logo_GONG_DEMO.jpg
- Añadido Fichero logo_GONG_General.jpg logo_GONG_General.jpg
- Añadido Fichero logo_GONG_DESARROLLO.jpg logo_GONG_DESARROLLO.jpg
Actualizado por Antonio León hace más de 6 años
- Añadido Fichero maquetacion_logo_GONG.zip maquetacion_logo_GONG.zip
- Asignado a cambiado de Antonio León a Jaime Ortiz
- % Realizado cambiado de 0 a 50
Subo la maquetación
Hay dos posibilidades
General http://gong.es/maquetacion/views/layouts/logo_General_GONG.html
Instancia http://gong.es/maquetacion/views/layouts/logo_Instancia_GONG.html
Posibles Instancias:
logo_Instancia_APS_BN.png
logo_Instancia_DESARROLLO_BN.png
logo_Instancia_DEMO_BN.png
logo_Instancia_OPAN_BN.png
logo_Instancia_Centraldocerrado_BN.png
logo_Instancia_CISP_BN.png
logo_Instancia_FUNDACIONJUANCIUDAD_BN.png
logo_Instancia_ANSA_BN.png
logo_Instancia_OEI_BN.png
logo_Instancia_VSF_BN.png
logo_Instancia_FAS_BN.png
logo_Instancia_MEDICUSMUNDI_BN.png
logo_Instancia_CPT_BN.png
logo_Instancia_MUNDUBAT_BN.png
Adjunta va una carpeta con todos los logos. (Son los mismos que el cuadro de mando. No se duplican)
CAMBIOS
En HTML
ANTES
<div id="logogong"></div>
AHORA
1.
<div id="logo_GONG">
<img src="../../app/images/logo_GONG_BN.png" alt="Logo FAS"/>
</div>
2.
<div id="logo_GONG">
<img src="../../app/images/logo_GONG_small_BN.png" alt="Logo GONG"/>
<img src="../../app/images/logo_Instancia_APS_BN.png" alt="Logo APS"/>
</div>
EN aplicattion.css añadir
#logo_GONG {
padding: 5px 0px 0px 10px;
width: 161px;
position: absolute;
}
#logo_GONG img {
float:left;
clear: both;
padding:0px 0px 5px 0px!important;
}
Actualizado por Antonio León hace más de 6 años
- Añadido Fichero maquetacion_logo_GONG.zip maquetacion_logo_GONG.zip
Añado cambios para hacerlo responsive:
http://gong.es/maquetacion/views/layouts/logo_Instancia_GONG.html
http://gong.es/maquetacion/views/layouts/logo_General_GONG.html
HTML
Instancia
<div id="logo_GONG">
<img src="../../app/images/logo_GONG_small_BN.png" alt="Logo GONG"/>
<div class="logo_org"><img src="../../app/images/logo_Instancia_APS_BN.png" alt="Logo APS"/></div>
<div class="nombre_org">APS</div>
</div>
General
<div id="logo_GONG">
<div class="gong"><img src="../../app/images/logo_GONG_BN.png" alt="Logo FAS"/></div>
</div>
CSS
#logo_GONG {
padding: 5px 0px 0px 10px;
width: 161px;
position: absolute;
}
#logo_GONG img {
float:left;
clear: both;
padding:0px 0px 5px 0px!important;
}
.nombre_org {
display:none;
}
/*RESPONSIVE*/
/*DESKTOP*/
/*Horizontal - Max-width - 1263px*/
@media (max-width : 1263px) {
.logo_org {
display:none;
}
.gong img {
width:60px;
}
.nombre_org {
display:inline;
float:left;
clear:both;
color:#FFFFFF;
font-size:33px;
margin-top:5px;
}
}
/*Horizontal - Max-width - 1118px*/
@media (max-width : 1118px) {
.nombre_org {
font-size:23px;
}
.gong img {
display:none;
}
}
Actualizado por Jaime Ortiz hace más de 6 años
- Asignado a cambiado de Jaime Ortiz a Santiago Ramos
- % Realizado cambiado de 50 a 90
Hola,
Paso el ticket antes de cerrarlo a Santi para que chequee la solucion propuesta.
Hemos pasado el tema del logo a una variable de configuracion "LOGO_ORG" en vez de una variable de entorno.
No se elimina el anterior código (el que se basaba en la variable en ENV["GOR_LOGO"]) hasta que se confirme la solución.
Gracias!
Actualizado por Jaime Ortiz hace más de 6 años
- Estado cambiado de Nueva a Resuelta