Proyecto

General

Perfil

Funcionalidad #3290

Cambio Configuración Logo GONG

Añadido por Antonio León hace alrededor de 6 años. Actualizado hace casi 6 años.

Estado:
Resuelta
Prioridad:
Normal
Asignado a:
Categoría:
Desarrollo
Versión prevista:
Fecha de inicio:
2018-04-04
Fecha fin:
% Realizado:

90%


Descripción

Tareas

  • Propuesta de diseño
  • Maquetación
  • Implementación

Instancias

  • General
  • Demo
  • Desarrollo
  • ONG

logo_GONG_ONG.jpg (25,5 KB) Antonio León, 2018-04-04 11:01

logo_GONG_DEMO.jpg (23,5 KB) Antonio León, 2018-04-04 11:01

logo_GONG_General.jpg (11,3 KB) Antonio León, 2018-04-04 11:02

logo_GONG_DESARROLLO.jpg (10,8 KB) Antonio León, 2018-04-04 11:04

maquetacion_logo_GONG.zip (97,2 KB) Antonio León, 2018-04-09 18:12

maquetacion_logo_GONG.zip (101 KB) Antonio León, 2018-04-10 10:46

Histórico

#1 Actualizado por Antonio León hace alrededor de 6 años

#2 Actualizado por Antonio León hace alrededor de 6 años

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;
}

#3 Actualizado por Antonio León hace alrededor de 6 años

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;
}
}

#4 Actualizado por Jaime Ortiz hace alrededor de 6 años

  • Asignado a cambiado Jaime Ortiz por Santiago Ramos
  • % Realizado cambiado 50 por 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!

#5 Actualizado por Jaime Ortiz hace casi 6 años

  • Estado cambiado Nueva por Resuelta

Exportar a: Atom PDF

Financiado por:

Desarrollado por:
Software libre forjado en: