implementazione di iFrame

Introduzione

CODE24 fornisce uno script iFrame per una facile integrazione. Con questo script potete trasferire il vostro foglio di stile come parametro. In questo modo, l'iFrame si adatta al design del vostro sito web.

Possiamo definire in anticipo per voi le impostazioni di base per i seguenti elementi:

  • Immagine opzionale (banner pubblicitario)
  • Cercatore di chiavi di immagine opzionale (grafica .jpg o .png)
  • Colore primario (pulsante: stato normale)
  • Colore secondario (pulsanti: stato hover)
  • Titoli di giornale a colori
  • Raggio del pulsante
  • Logo del cliente

Esempio di codice

Affinché l'applicazione funzioni correttamente in tutti i browser, è importante utilizzare il seguente esempio di codice:

Parametro:

    • azienda (Firma)
      Richiesto. (Stringa) - Il nome della società per caricare il file principale.
      (Esempio: ?company=lokaso)
    • externalCSS (foglio di stile esterno)
      Opzionale. (String) (URL assoluto) - Per integrare il proprio CSS.
      (Esempio: &externalCSS=https://bootswatch.com/4/lumen/bootstrap.min.css)
    • privacy (link all'informativa sulla privacy)
      Opzionale. (String) - Mostra un link con l'informativa sulla privacy (l'informativa sulla privacy rimanda al sito di Code24)
      (Esempio: ?privacy=true)
    • lang (lingua)
      Opzionale. (String) - Trasferimento della lingua. (de, en, fr, es, it)
      (Esempio: &lang=fr)

Un link completo di esempio sarebbe come questo:

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

Esempio CSS

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

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

Esempio dal vivo

Imposta l'altezza dinamica

Poiché l'iframe ha sempre un'altezza fissa dopo essere stato incorporato, potete usare lo script per regolare automaticamente l'iframe all'altezza del contenuto.

Potete ottenere tutte le informazioni necessarie qui:

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

La seguente versione è attualmente in uso: v4.0.4 - 2019-03-04

Supporto

Affinché anche voi possiate utilizzare le interfacce senza problemi, il nostro supporto competente e amichevole è a vostra disposizione.

millenium advertising agency GmbH
Agenzia per la comunicazione visiva
Strada del porto 86
68159 Mannheim

E-mail: info@millenium.de

Suggerisci Modifica