Tutto ok.
Ben tornato.
Quindi il Tauriel creeremo il dispositivo di scorrimento dello sfondo per la nostra pagina di destinazione di Joachim.
Il dispositivo di scorrimento dello sfondo avrà cinque immagini che si dissolvono l'una nell'altra in modo che siano visibili
per cinque secondi.
Prendono una dissolvenza di cinque secondi e poi una dissolvenza di cinque secondi e la dissolvenza si sovrappone alla
dissolvenza per la successiva immagine creando un effetto dissolvenza incrociata.
Ho una directory chiamata background slider e in background cyder è in realtà solo la versione 11 della tua cam.
Quindi la prima cosa che farò è aprire la mia scena.
Quindi se prendi la tua versione di 11 e crei una versione 12, puoi iniziare a lavorare da quella directory.
Quindi andrò a visitare il tutorial che ho creato su get have
the euro per questo è get have dot com barra il mio nome utente che è in una T di 3 T e poi
barra di scorrimento slider di sfondo.
Quindi la prima cosa che vorremmo fare è aprire il nostro landing che la pagina di Ejaz ritorna al mio
workspace, vai nella directory views e apri l'atterraggio W. J. come se ho intenzione di tornare
qui per il tutorial e copierò tutta questa porzione di codice in modo che possa sostituire tutto questo.
Ora quello che abbiamo qui è che il nostro set di doctype è quello di montare e poi all'interno della nostra area di testa abbiamo un paio
di link.
Ne abbiamo uno per bootstrap Mendonsa SS Questo è il nostro CDN per bootstrap.
Quindi colleghiamo al nostro foglio di stile personalizzato.
Questo è un nuovo foglio di stile che ho creato perché non voglio usare nessuno
degli stili dal CSSA principale, questi stili saranno specifici per la pagina di destinazione.
Quindi dovremo anche aggiungere un atterraggio che CSSA all'interno della nostra cartella dei fogli di stile, ma torneremo
su quello in un secondo.
Ho anche aggiunto il CDN per qualcosa chiamato modernizzatore.
Quindi, cosa faranno i modernizzatori controlleremo il browser per la versione e poi aggiungeremo alcune classi
speciali alla nostra pagina nel caso in cui il browser sia più vecchio come Internet Explorer 8
e che consentirà al nostro CSSA di aggrapparsi a quelle classi che sono aggiunto dal modernizzatore e
rendere la nostra pagina più compatibile cross-browser all'interno del nostro corpo.
Abbiamo il nostro contenitore div e quindi abbiamo i nostri condizionali per i nostri errori o messaggi di successo e
quindi abbiamo un div che ho creato con un'idea di header di atterraggio.
Questo è dove ho messo l'H-1 con il benvenuto nel testo del tuo campo.
Poi abbiamo il nostro pulsante di visualizzazione di tutti i campeggi.
Abbiamo anche aggiunto un elenco ordinato con una classe di presentazione e ha cinque voci di elenco.
Quindi questo è piuttosto interessante.
In realtà non useremo il corpo per creare lo sfondo perché abbiamo sfondi multipli
che si sbiadiscono l'uno nell'altro.
Abbiamo bisogno di collegarli ad un certo tipo di elemento Tummo.
Quindi, ciò che abbiamo scelto di fare è allegare ogni sfondo a ciascuna di queste voci di elenco.
l'una nell'altra e in fondo abbiamo il filtro del nostro Parshall proprio come prima.
Quindi noterai che abbiamo cinque voci di elenco che corrispondono alle cinque immagini di sfondo che avremo
come dissolvenze incrociate
Andremo avanti e useremo il tag include e poi diretto a Parshall's per Slash per.
Quindi diciamo per l'atterraggio di UJA e andiamo avanti ed eseguiamo il nostro server in modo da eseguire Mongar e che ottiene il
mio demone Monga in esecuzione, quindi possiamo aprire un'altra scheda ed eseguire il nodo su.
Se non si conosce ancora Pneumon, andare e installarlo è un'alternativa all'utilizzo dell'app nodo.
Sì.
salvato, procede e riavvia il server per te, che non dobbiamo continuare ad andare avanti e indietro sulla scheda del server.
E ciò che fa è ascoltare le modifiche ai file sul tuo server e se
viene modificato e
Chiudendolo e riavviando il nodo in modo da installare, eseguiremo il comando NPM installate Dutchie per global
e quindi node 9 o nessun daemon, quindi una volta installato finché siamo nella nostra directory padre per il nostro
progetto possiamo non eseguire daemon e quindi cercare il file jazz di Apter.
Oppure puoi dirlo esplicitamente.
Nessuna applicazione daemon che Jad.
Così ora che abbiamo il nostro server in esecuzione andiamo e l'anteprima lo aprirò a schermo intero qui.
E attualmente abbiamo questo H-1 e poi abbiamo un pulsante e abbiamo le nostre cinque voci di elenco.
Quindi ora quello che dobbiamo fare è tornare indietro e Stuy tutto questo per arrivare a dove questo è centrato e questi elementi
di elenco sono tutti i proiettili per gli elementi dell'elenco sono nascosti e quindi sostituiti con un'immagine
di sfondo gigante che occupa l'intero pagina.
Noterai che non abbiamo più la barra di navigazione in cima perché nella pagina di destinazione non ne
abbiamo davvero bisogno.
Possiamo solo andare a vedere tutti i campeggi e poi l'utente vuole firmarlo e possono registrarsi o
accedere da lì.