WebSite X5Help Center

 
Lorenzo S.
Lorenzo S.
User

Slideshow responsive nell'intestazione di un sito web monopagina  it

Автор: Lorenzo S.
Просмотрено 1554, Подписчики 3, Размещенный 0  

Ciao a tutti  in questi giorni volevo realizzare un sito web monopagina.

Vorrei mettere nell'intestazione una slideshow che si adattasse alle dimensioni dello schermo.

Qualcuno di voi sa dirmi come posso fare?

Vi ringrazio per l'attenzione

Размещено
10 Ответы
Lorenzo S.
Lorenzo S.
User
Автор

Ciao, ti ringrazio per la risposta.

Tuttavia alla fine ho deciso che opterò per wowslider per creare una slideshow per l' intestazione

Detto questo correggimi se sbaglio:

1)Creo la slideshow con il programma... dimensioni slider: larghezza piena 

e la salvo su una cartella nel pc

2) carico ftp tutte le cartelle sulla root del sito (solo: [engine1, data1,] anche se di per se il programma crea altri tre file: wowslider-iframe.html, wowslider-howto.html, wowslider.html ) 

3) Passo 1 > esperto = prima della chiusura head

<!-- Start WOWSlider.com HEAD section -->
<link rel="stylesheet" type="text/css" href="engine1/style.css" />
<script type="text/javascript" src="engine1/jquery.js"></script>
<!-- End WOWSlider.com HEAD section -->

4) Passo 1 modifica del modello > intestazione > inserisco codice html

<!-- Start WOWSlider.com BODY section -->
<div id="wowslider-container1">
<div class="ws_images"><ul>
<li><img src="data1/images/1.jpg" alt="1" title="1" id="wows1_0"/></li>
<li><img src="data1/images/2.jpg" alt="2" title="2" id="wows1_1"/></li>
<li><img src="data1/images/3.jpg" alt="3" title="3" id="wows1_2"/></li>
<li><img src="data1/images/4.jpg" alt="4" title="4" id="wows1_3"/></li>
<li><img src="data1/images/5.jpg" alt="5" title="5" id="wows1_4"/></li>
<li><img src="data1/images/6.jpg" alt="6" title="6" id="wows1_5"/></li>
<li><a href="http://wowslider.net"><img src="data1/images/7.jpg" alt="jquery slideshow" title="7" id="wows1_6"/></a></li>
<li><img src="data1/images/8.jpg" alt="8" title="8" id="wows1_7"/></li>
</ul></div>
<div class="ws_bullets"><div>
<a href="#" title="1"><span><img src="data1/tooltips/1.jpg" alt="1"/>1</span></a>
<a href="#" title="2"><span><img src="data1/tooltips/2.jpg" alt="2"/>2</span></a>
<a href="#" title="3"><span><img src="data1/tooltips/3.jpg" alt="3"/>3</span></a>
<a href="#" title="4"><span><img src="data1/tooltips/4.jpg" alt="4"/>4</span></a>
<a href="#" title="5"><span><img src="data1/tooltips/5.jpg" alt="5"/>5</span></a>
<a href="#" title="6"><span><img src="data1/tooltips/6.jpg" alt="6"/>6</span></a>
<a href="#" title="7"><span><img src="data1/tooltips/7.jpg" alt="7"/>7</span></a>
<a href="#" title="8"><span><img src="data1/tooltips/8.jpg" alt="8"/>8</span></a>
</div></div><div class="ws_script" style="position:absolute;left:-99%"><a href="http://wowslider.com/vi">bootstrap slider</a> by WOWSlider.com v8.4</div>
<div class="ws_shadow"></div>
</div>
<script type="text/javascript" src="engine1/wowslider.js"></script>
<script type="text/javascript" src="engine1/script.js"></script>
<!-- End WOWSlider.com BODY section -->

Dato che parliamo di un sito monopagina il problema non si pone ma se dovessi creare un sito web classico, la slideshow verrebbe applicata in automatico a tutte le pagine? se si, se volessi toglierla dalle altre pagine senza perdere il menù come dovrei fare?

Ti ringrazio

Читать больше
Размещено От Lorenzo S.
Lorenzo S.
Lorenzo S.
User
Автор

Come non detto, basta che metto:

<style type="text/css">

#imHeader {display: none;}

#imFooter {display: none;}

</style>

Così sparisce la slideshow dalla pagina e mi resta il menù 

Читать больше
Размещено От Lorenzo S.
Mirko Boschetti
Mirko Boschetti
Moderator

oppure basta inserire i codici solo in proprietà pagina dove vuoi che si veda, e le altre le lasci normali con intestazione visibile...

Читать больше
Размещено От Mirko Boschetti
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... se possibile, sarei curioso di vedere il risultato che si è ottenuto, apunto per vedere e capire come si comporta questo sfondo responsive...

.

ciao

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... direi ottimo, anche se è appunto responsive, cioè scrolla la pagina, e grazie...

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Nino C.
Nino C.
User

dai un'occhiata al blog "quelli del cucuzzolo"

Читать больше
Размещено От Nino C.
Lorenzo S.
Lorenzo S.
User
Автор
Template By Silver™

a proposito di questo template sarebbe bello capire come creare l'effetto della gru presente nel template di Silver 

Читать больше
Размещено От Lorenzo S.