burger
infomaniak
infomaniak
cloud-computing-logo
Cloud Computing
web-domain-logo
Web & Domini
event-marketing-logo
Eventi & Marketing
  • I nostri prodotti
    • Strumenti collaborativi icon chevron
    • Web & Domini icon chevron
    • Cloud Computing icon chevron
    • Eventi & Marketing icon chevron
    • Streaming icon chevron

      ksuiteSuite collaborativa

      Scopri la suite collaborativa → Scoprire →
    • kSuite Indirizzi e-mail professionali, cloud e IA sovrana per prestazioni sostenibili
    • kSuite La suite per la comunicazione, l'archiviazione e la condivisione in piena sicurezza
    • kdrive
      kDrive Archivia, collabora e condividi i tuoi file
    • mail service
      Servizio Mail Crea i tuoi indirizzi e-mail con il tuo dominio
    • kChat
      kChat Comunica in tempo reale con i tuoi team
    • kmeet
      kMeet Organizza le tue riunioni online in tutta sicurezza
    • swisstransfer
      SwissTransfer Invia gratuitamente file fino a 50 GB.
    • kpaste
      kPaste Condividi e cripta le informazioni sensibili
    • ksuite
      Custom Brand Gestisci l'immagine del marchio dei tuoi prodotti
    • kChat
      Chk Riduttore di link e generatore di codici QR
      Trova l’hosting Web di cui hai bisogno
    • Domain name
      Nome di dominio Prenota il tuo nome di dominio al miglior prezzo
    • Site Creator
      Site Creator Crea il tuo sito in tutta facilità
    • web hosting
      Hosting Web Crea il tuo sito con oltre 100 CMS
    • web hosting
      Hosting WordPress Crea il tuo sito WordPress in tutta facilità
    • Cloud Server
      Server Cloud Gestisci i tuoi siti con risorse garantite
    • SSL Certificat
      Certificati SSL Assicura i tuoi siti con un certificato EV o DV
    • Opzioni
    • Domain privacy
      Domain Privacy Proteggi i dati riservati dei tuoi domini
    • DNS Fast Anycast
      DNS FastAnycast Accelera il tempo di accesso dei tuoi siti
    • Dyn DNS
      DynDNS Accedi ai tuoi dispositivi da remoto
    • Dyn DNS
      Renewal Warranty Assicura i tuoi domini contro la perdita o il furto
      Trova la giusta soluzione di Cloud Computing

      Servizi cloud

    • public cloud
      Public Cloud (IaaS) Crea i tuoi progetti in un Cloud di alto livello e ultra-competitivo
    • Cloud Server
      VPS Cloud Crea un server Windows/Linux
    • Kubernetes Service Implementa le tue applicazioni containerizzate su larga scala.
    • VPS Lite
      VPS Lite Crea un server Windows/Linux a un prezzo vantaggioso
    • Servizio database Gestisci i tuoi database con una soluzione gestita
    • jelastic cloud
      Jelastic Cloud (PaaS) Crea i tuoi ambienti personalizzati
    • Altri servizi

    • llm api
      AI Tools Incrementa la tua produttività con la nostra IA sovrana
    • swiss backup
      Swiss Backup Esegui il backup in Cloud dei tuoi dispositivi
    • nas synology
      NAS Synology Noleggia un NAS nei nostri data center sicuri
    • High availibility
      Altissima Disponibilità Crea un'infrastruttura multi-data center con SLA su misura
    • Housing
      Housing Installa i tuoi server nei nostri datacenter
    • Auth Aggiungi un metodo di login rispettoso della privacy alle tue app
      Infomaniak Events, il portale eventi locale e indipendente
      Biglietteria online con un'ampia scelta di concerti, spettacoli ed eventi.
    • online shop
      Biglietteria online Crea la tua biglietteria e vendi i biglietti
    • kdrive
      Controllo di accesso Controlla gli accessi ai tuoi eventi in modo facile
    • kdrive
      Manager di invitati Automatizza gli inviti dei tuoi eventi
    • kdrive
      Newsletter Invia le tue newsletter a prezzi competitivi
    • Streaming radio
      Streaming radio Crea e trasmetti in diretta la tua radio online
    • streaming video
      Streaming video Crea e trasmetti in diretta i tuoi eventi e TV online
    • VOD and AOD
      Servizio VOD & AOD Ospita e trasmetti le tue registrazioni senza limiti
  • Risorse
    documentation icon Documentazione
    Guide e tutorial
    Documentazione API
    special offers icon Offerte speciali
    Iniziare gratuitamente
    Programma per studenti
    Diventare affiliato
    partner program icon Programma partner
    Trovare un partner
    Diventare partner
    support icon Servizio di assistenza e contatti
    Contattare l'assistenza
    Servizio di assistenza premium - 24/24 7/7
    Contatta il servizio commerciale
    Incarica un esperto
    Migra a Infomaniak
  • A proposito
    forest
    icon Impegno ecologico
    Anche noi inquiniamo. Ma stiamo agendo per ridurre l’impronta dei nostri servizi e della nostra infrastruttura
    Scopri i nostri impegni →
    icon Informazioni su Infomaniak
    La nostra visione, i nostri valori
    I nostri team
    Infomaniak assume personale
    Stampa e comunicazione
    Blog e news
    icon Sicurezza
    Riservatezza dei dati
    Programma Bug Bounty
  • Iniziare gratuitamente
    Accedi
  • search-icon
    close-icon
      icon

      Le tue esigenze superano le nostre soluzioni? Per scoprirlo, contattaci in modo da poterti consigliare personalmente.

      I nostri prodotti in evidenza:
  • search-icon
  • Iniziare gratuitamente
    Accedi
Prezzo Prezzo
Base di conoscenze

1000 FAQ, 500 tutorial e video esplicativi. Qui ci sono delle soluzioni!

Base di conoscenza Modificare il codice (sorgente / CSS) su Site Creator

    Modificare il codice (sorgente / CSS) su Site Creator

    Questa guida spiega come personalizzare il codice sorgente, modificare il CSS, modificare la parte HEAD o BODY di un sito web realizzato con Site Creator Infomaniak.

     

    Prerequisiti

    • Accedi a Site Creator:
      1. Clicca qui per accedere alla gestione del tuo prodotto su Manager Infomaniak (hai bisogno di aiuto?).
      2. Clicca direttamente sul nome attribuito al prodotto interessato.
      3. Clicca su Personalizza il mio sito:

     

    Aggiungere codice personalizzato

    Una volta in Site Creator:

    1. Clicca su Design nel menu laterale sinistro.
    2. Clicca su Altri parametri.
    3. Clicca su Codice personalizzato in basso:
      sign
    4. Inserisci codice HTML, JavaScript (con i suoi tag script) o CSS personalizzato (con i suoi tag stile) - leggere più in basso per alcuni esempi.
    5. Salva le modifiche in fondo alla pagina.

     

    Metadati in HEAD & BODY

    Per aggiungere codice JavaScript o qualsiasi altro codice nella sezione HEAD o BODY del codice sorgente del tuo sito:

    1. Fai clic su Impostazioni nel menu laterale sinistro.
    2. Fai clic su SEO & Metadati nella sezione Configurazione del sito web.
    3. Scendete fino a Codice personalizzato.
    4. Scegliete di aggiungere sotto le schede HEAD o sotto BODY.
    5. Registra le modifiche in fondo alla pagina:
      sign

    Esempi di personalizzazione CSS

    Questi esempi permettono di iniziare la personalizzazione avanzata delle pagine del sito web. Tuttavia, esiste il rischio che, a seconda delle modifiche apportate, non si possa più accedere all'editor stesso, il che vi obbligherà a ricominciare da capo.

    È vivamente consigliato di non inserire mai tag di tipo html, head o body che potrebbero entrare in conflitto con il codice sorgente dell'applicazione stessa ⚠️ Per ulteriori assistenza contattate un partner o lanciate gratuitamente una richiesta di offerta — scoprite anche il ruolo dell'host.

    sign

    Personalizzare lo sfondo del sito web

    Per impostare l'immagine di tua scelta (da caricare nella biblioteca dei file) come sfondo della pagina e personalizzare la sua visualizzazione:

    1. Andate al punto 3 visibile nella prima immagine in alto di questa guida.
    2. Inserisci il codice <style> per indicare che desideri modificare il codice CSS,
    3. poi body { per indicare che si desidera modificare il corpo della pagina e il "{" per aprire lo spazio che consente di inserire i comandi,
    4. poi background-image: url("../data/files/fond01.jpg"); con il percorso & il nome esatto dell'immagine caricata nella libreria senza dimenticare il punto e virgola per poter inserire il comando successivo.
    5. background-repeat: repeat; per ripetere l'immagine inserita.
    6. background-attachment: fixed; per far sì che l'immagine di sfondo rimanga fissa anche se il visitatore fa scorrere la pagina verso il basso o verso l'alto per leggere il contenuto.
    7. } per chiudere lo spazio di inserimento aperto in precedenza.
    8. </style> per indicare che il codice termina qui.

     

    Spaziare le lettere di tutti i collegamenti del sito

    Per allargare molto lo spazio tra le lettere nei collegamenti cliccabili:

    1. Andate al punto 3 visibile nella prima immagine in alto di questa guida.
    2. Inserisci il codice (se non ancora presente) <style> per indicare che desideri modificare il codice CSS,
    3. poi .container div a { per indicare che si desidera modificare i blocchi della pagina e, più precisamente, i collegamenti ("a") e la "{" per aprire lo spazio che consente di inserire i comandi,
    4. poi letter-spacing:1em; riducendo il valore (0.9em ad esempio) senza dimenticare il punto e virgola per poter inserire il comando successivo o terminare.
    5. } per chiudere lo spazio di inserimento aperto in precedenza.
    6. </style> per indicare che il codice termina qui.

     

    Prendi visione di questi altri esempi di codice CSS da inserire nel tuo sito.



    Link a questa FAQ:
    Questa FAQ è stata utile?
    Grazie per la vostra opinione. Apportare dei perfezionamenti a questa FAQ?
    Non fate domande tramite questo modulo, esso serve solo a migliorare le nostre FAQ.
    Se avete una domanda, si prega di utilizzare il nostro modulo di contatto.
    Il vostro messaggio è stato inviato. Grazie per aver proposto un perfezionamento per questa FAQ.
    Vedere tutte le FAQ di questo prodotto
    logo infomaniak
    I prezzi non includono l'IVA
    facebook
    twitter
    linkedin
    instagram

    Infomaniak

    Informazioni su Infomaniak Il team Infomaniak assume personale Area stampa Blog di Infomaniak Tutti i certificati Prodotti e offerte Opinioni dei clienti

    Supporto

    Servizio di assistenza 7/7 FAQ e Guide Servizio di assistenza Premium Contatto commerciale API REST Segnalare un abuso WHOIS

    Partnership

    Diventare rivenditori Programma di affiliazione Elenco dei partner Richiesta preventivo

    Ecologia

    Host ecologico Certificati e Riconoscimenti

    Segui la nostra evoluzione

    L'indirizzo e-mail non è valido
    earth icon
    • IT
      • IT
      • DE
      • EN
      • ES
      • FR
    ©2025 Infomaniak - Documenti legali - Note legali - Protezione dei dati - Informativa sulla privacy - Mappa del sito - Gestisci i tuoi cookie
    icann-logo
    swiss
    new-iso
    swiss-hosting
    logo infomaniak
    I prezzi non includono l'IVA

    Infomaniak

    Informazioni su Infomaniak Il team Infomaniak assume personale Stampa e media Blog di Infomaniak Tutti i certificati Prodotti e offerte Opinioni dei clienti

    Supporto

    Servizio di assistenza 7/7 FAQ e Guide Offerta Servizio di assistenza Premium Contatto commerciale API REST Segnalare un abuso WHOIS

    Partnership

    Diventare rivenditori Programma di affiliazione Elenco dei partner Richiesta preventivo

    Ecologia

    Host ecologico Certificati e Riconoscimenti

    Segui la nostra evoluzione

    L'indirizzo e-mail non è valido
    icann-logo
    swiss
    new-iso
    swiss-hosting

    facebook
    twitter
    linkedin
    instagram
    ©2025 Infomaniak
    Contratti - Note legali - Protezione dei dati - Informativa sulla privacy - Mappa del sito - Gestisci i tuoi cookie

    Dirigenti

    earth icon
    • IT
      • IT
      • DE
      • EN
      • ES
      • FR
    Il vostro browser è obsoleto, la sicurezza e la navigabilità non sono più garantite. Vi consigliamo di aggiornare il prima possibile cliccando qui.