CSS - Posso sostituire il banner di una presentazione CSS ?

Il principio Ŕ d'importare, di modificare poi di rinviare nel tuo sito Oxatis il nuovo banner immagine per la tua presentazione. Prerequisiti : Devi imperativamente avere importato un modello di presentazione nelle tue presentazioni personalizzate per potere modificarne il banner. La procedura dettagliata Ŕ descritta nell' aiuto online : Come personalizzare la mia presentazione CSS ? Ti invitiamo a consultare ugualmente nostri consigli per modificare una presentazione CSS prima d'abbordare questa pagina. Imaginiamo che vuoi modificare l'immagine del banner del tuo sito e che non sei un' esperto in CSS. Visualizzando semplicemente l'immagine del banner utilizzato dal modello di presentazione, non hai da ri-parametrare tutto il foglio di stile.
 
 1) Ricupera l'immagine attuale del banner
Apri un [Anteprima] del tuo sito con il navigatore Mozilla Firefox, poi clicca sul pulsante destro del mouse sull' immagine del banner. Scegli l'opzione "Visualizza immagine di sfondo" per aprire il banner immagine nel navigatore. Clicca sull'immagine nella finestra che si apre con il pulsante destro poi seleziona l'opzione "Salva immagine con nome" per salvare l'immagine banner sul tuo computer. Consigliamo una larghezza di banner di 980 pixels, che corrisponde al standard attuale di risoluzione degli schermi (visualizzazione in 1024 su uno schermo 17").
 
 2) Modifica l'immagine
Lo scopo di questa tappa Ŕ d'integrare in quest' immagine banner, il tuo logo, i colori, e le immagini che vuoi vedere presentate su tutte le pagine del tuo sito. Apri quest' immagine con il tuo software di rittocco foto preferito e modificalo al tuo gusto. Attenzione : stai attento a che le sue dimensioni (altezza e larghezza in pixels) non siano cambiate in confronto all' immagine originale. In questo caso, questo impliccherebbe di modificare i parametri del tuo foglio di stile in conseguenza. Per informazione, il software Gimp propone delle funzionalitÓ equivalente a Photoshop e ha il vantagio di essere liberamente distribuibile, quindi scaricabile gratuitamente. Salva la tua immagine con un formatto compatibile con il web (Gif, Jpg, Png). Se l'opzione "Salva per il web" Ŕ disponibile sul tuo software, ti consigliamo di optare per questo modo di salvare. Stai attento a che il nome del file immagine sia compattibile con Internet (niente spazio, niente accento, niente apostrofo...). Per esempio : mia-immagine-header.jpg . Se non rispetti queste regole, il nome del file sarÓ modificato automaticamente dal sistema durante l'importazione e sostituito con dei numeri aleatori.
 
 3) Importa quest' immagine nella tua galleria
Vai nel men¨ [Galleria\Immagine] e clicca sul pulsante [Aggiungi]. Attenzione : stai attento a non utilizzare la funzione di ridimensionamento automatico durante l'importazione. Seleziona l'opzione di dimensione che permette d'inviare la tua immagine senza modifica : Dimensione : Libera (Nessun modifica delle dimensioni dell' immagine). Valida la tua immagine banner nella tua galleria d' immagini.
 
 4) Identifica la classe riguardante
Con l'aiuto di Firebug, analizza la tua pagina per spaere in quale classe CSS Ŕ definita l'immagine di questo banner. Per fare questo, ti invitiamo a leggere l'aiuto online seguente : Consigli per modificare una presentazione CSS. La classe riguardante per il banner orizzontale Ŕ generalmente chiamata "headerarea" o "headercontainer" L'instruzione CSS permette di visualizzare un' immagine di sfondo in una classe Ŕ : background-image. Esempio : background-image:url(/DesignCss/17000/366/header366.jpg);
 
 5) Modifica il codice CSS
Clicca nel men¨ [Sito\Presentazione], poi clicca sul pulsante [Gestire le presentazioni personalizzate] per potere accedere all' icona [Visualizza le proprietÓ] della linea di presentazione CSS. Ritrova la classe riguardante nella zona del contenuto CSS, (pensa a serviriti di "Ctrl + F" o "Cmd + F" per localizzare facilmente questa classe in questa lunga zona di testo) e modifica la linea di codice permettendo di visualizzare quest' immagine. Per applicare l'immagine che hai importato nella tua galleria, devi conoscere la sua URL relativa; per farlo riferisciti all' aiuto online seguente : Come trovare l'indirizzo URL dove si trovono le immagini del mio sito ? Se il tuo numero di account fosse 12345 e che avessi chiamato il tuo nuovo banner "mia-immagine-header.jpg" , questa linea di codice assomiglierebbe a : background-image: url(/Files/12345/Img/12/mia-immagine-header.jpg); Salva le modifiche della tua presentazione su misura.
 
 6) Elimina le immagini utilizzate nell' intestazione del sito
Ti sconsigliamo di utilizzare le funzionalitÓ presenti nel men¨ [Sito\Intestazione e logo] quando usi la tecnologia delle presentazioni CSS per il tuo sito. E consigliato d'inserire queste immagini direttamente nel banner che utilizzerai nella tua presentazione personalizzata. Se avevi precedentemente aggiunto un logo o un' immagine intestata nel men¨ [Sito\Intestazione e logo], ti invitiamo quindi a eliminarle.
 

Aggiungi ai preferiti: http://www.oxatis.com/Help/HelpCenterContent.asp?ActionID=1024&TID=55155&MID=55583%7C16001&LangID=4
© 2001-2019 Oxatis. Tutti i diritti riservati.