Implementación de iFrame

Introducción

CODE24 proporciona un script iFrame para una fácil integración. Con este script puede transferir su propia hoja de estilo como parámetro. De este modo, el iFrame se adapta al diseño de su sitio web.

Podemos definir por adelantado la configuración básica de los siguientes elementos:

  • Imagen opcional (banner publicitario)
  • Buscador de claves de imagen opcional (gráfico .jpg o .png)
  • Color primario (botón: estado normal)
  • Color secundario (botones: estado hover)
  • Titulares Color
  • Radio del botón
  • Logotipo del cliente

Ejemplo de código

Para que la aplicación funcione correctamente en todos los navegadores, es importante que utilice el siguiente ejemplo de código:

Parámetro:

    • empresa (Firma)
      Es necesario. (Cadena) - El nombre de la empresa para cargar el archivo maestro.
      (Ejemplo: ?company=lokaso)
    • externalCSS (hoja de estilo externa)
      Opcional. (Cadena) (URL absoluta) - Para integrar su propio CSS.
      (Ejemplo: &externalCSS=https://bootswatch.com/4/lumen/bootstrap.min.css)
    • privacidad (enlace a la política de privacidad)
      Opcional. (Cadena) - Mostrar un enlace con la política de privacidad (la política de privacidad enlaza con el sitio web de Code24)
      (Ejemplo: ?privacy=true)
    • lang (idioma)
      Opcional. (Cadena) - Transferencia de la lengua. (de, en, fr, es, it)
      (Ejemplo: &lang=fr)

Un ejemplo de enlace completo sería el siguiente:

https://code24.de/partner-iframe/?company=FCBayern&externalCSS=https://code24.de/css/demo.css&privacy=true

Ejemplo de CSS

h4{
color:#ff3300 !importante;
}
.btn-primary {
color:#ffff !importante;
background-color: #ff3300 !important;
border-color: #ff3300 !important;
border-radius: 4px !important;
}

.btn-primary:hover {
color: #000000 !importante;
background-color: #ffcc00 !important;
border-color: #ffcc00 !important;
border-radius: 4px !important;
}

Ejemplo en vivo

Fijar la altura dinámica

Dado que el iframe siempre tiene una altura fija después de ser incluido, puede utilizar el script para ajustar automáticamente el iframe a la altura del contenido.

Puede obtener toda la información necesaria aquí:

https://github.com/davidjbradshaw/iframe-resizer

Actualmente se utiliza la siguiente versión: v4.0.4 - 2019-03-04

Soporte

Para que usted también pueda utilizar las interfaces sin problemas, tiene a su disposición nuestro competente y amable servicio de asistencia.

agencia de publicidad millenium GmbH
Agencia de comunicación visual
Carretera del puerto 86
68159 Mannheim

Correo electrónico: info@millenium.de

Sugerir edición