WebSite X5Help Center

 
Marco B.
Marco B.
User

Wow slider centro pagina  it

Autore: Marco B.
Visite 2663, Followers 2, Condiviso 0  
Parole Chiave: slider,wow

Come posizionare uno slide creato cn wow slider in full widht come nell'esempio

http://www.provews.altervista.org/wowslider/index.html ?

Se inserisco in oggetto html si visualizza al centro pagina ma nn in full width bensi in box devo modificare il css e sto provando senza riuscire....

Postato il
14 RISPOSTE - 1 UTILE - 1 CORRETTO
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT

... intanto posta il LINK di quello che hai fatto tu...

... non ho il programma, ma, nell'esempio che hai postato, se guardi nel codice, vi troverai un DIV CUSTOM "wowslider-container1", con stile dichiarato in HEAD, quindi nel pannello ESPERTO | /HEAD e posizionato nel BODY quindi nel pannello ESPERTO | /BODY...

.

ciao



Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Marco B.
Marco B.
User
Autore

Link mio progetto: anxtv.altervista.org.

Leggi di più
Postato il da Marco B.
Marco B.
Marco B.
User
Autore

Ho inserito il DIV CUSTOM:

<style>
div#wowslider-container1 {top: 100px;}
</style>

in esperto-header della pagina e nell'oggetto html ma nn va....

Leggi di più
Postato il da Marco B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT

... non vedo traccia del DIV CUSTOM in HEAD (ESPERTO | /HEAD)(*)

... e sempre per come già detto prima, per il BODY non devi usare un Oggetto Codice HTML, ma la sezione (ESPERTO | /BODY)(*), che dovrebbe essere l'ultima delle opzioni disponibili  (considera che non ho il programma, le puoi verificare tu)...

(*) - nelle versioni EVO/PRO; ...per esempio per il BODY:

Passo 4 - Impostazioni Avanzate > Statistiche, SEO e Codice | Sezione Esperto | "Prima della chiusura del tag BODY"

.

... per la v8 dovresti già essere esperto, e/o saperlo anche da qui:   https://answers.incomedia.eu/post/118853#3

.



Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Marco B.
Marco B.
User
Autore

DIV CUSTOM inserito in Proprietà pagina/esperto/head ed anche Proprietà pagina/esperto/tag body niente da fare....

Leggi di più
Postato il da Marco B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT

... mi sembra che non hai fatto per come detto...

... questo:

<!-- Start WOWSlider.com BODY section -->

<div id="wowslider-container1">ECCETERA... ... ... . .

... deve andare in fondo, prima della chiusura del TAG BODY (/BODY)

... e le dichiarazioni SCRIPT andare in HEAD (anche se funziona lo stesso)

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Marco B.
Marco B.
User
Autore

Questo in oggetto html:

<!-- Start WOWSlider.com BODY section -->
<div id="wowslider-container0">
<div class="ws_images"><ul>
<li><img src="data0/images/1.jpg" alt="1" title="1" id="wows0_0"/></li>
<li><a href="http://wowslider.com"><img src="data0/images/2.jpg" alt="carousel bootstrap" title="2" id="wows0_1"/></a></li>
<li><img src="data0/images/3.jpg" alt="3" title="3" id="wows0_2"/></li>
</ul></div>
<div class="ws_bullets"><div>
<a href="#" title="1"><span><img src="data0/tooltips/1.jpg" alt="1"/>1</span></a>
<a href="#" title="2"><span><img src="data0/tooltips/2.jpg" alt="2"/>2</span></a>
<a href="#" title="3"><span><img src="data0/tooltips/3.jpg" alt="3"/>3</span></a>
</div></div><div class="ws_script" style="position:absolute;left:-99%"><a href="http://wowslider.com/vi">carousel slider</a> by WOWSlider.com v8.0</div>
<div class="ws_shadow"></div>
</div>

<style>
div#wowslider-container0 {top: 100px;}
</style>

Questo in head:

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

Risultato sempre lo stesso mi compare lo slideshow 'chiuso' nella cella...

Leggi di più
Postato il da Marco B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT
Marco B.
Questo in oggetto html: <!-- Start WOWSlider.com BODY section --> <div id="wowslider-container0"> ... ... ... ... ... ... 

... perchè ...?...!?...

... rileggi tutto; ... style e script in HEAD, div in fondo pima di (/BODY)

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Marco B.
Marco B.
User
Autore

Ho fatto così :

Sezione 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 -->

In proprietà della pagina-esperto-inserire dentro il Tag Body

<!-- 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><a href="http://wowslider.com"><img src="data1/images/2.jpg" alt="slider css" title="2" id="wows1_1"/></a></li>
<li><img src="data1/images/3.jpg" alt="3" title="3" id="wows1_2"/></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>
</div></div><div class="ws_script" style="position:absolute;left:-99%"><a href="http://wowslider.com">bootstrap carousel</a> by WOWSlider.com v8.0</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 -->

Risultato: si vusualizza in Full-width ma al disopra della pagina vedi link mio test:www.anxtv.altervista.org

Leggi di più
Postato il da Marco B.
 lemonsong  
 lemonsong  
User
Marco B.
In proprietà della pagina-esperto-inserire dentro il Tag Body

Se ti serve per una pagina e vuoi inserirlo lì è sintatticamente scorretto se non scrivi prima il carattere di chiusura del tag body e non rimuovi l'ultimo carattere di chiusura dal codice di WOWSlider.

Esempio:

><!-- Start WOWSlider.com BODY section -->


bla bla bla...


<!-- End WOWSlider.com BODY section --

Sembra (è) scorretto ma WS penserà a "sistemare" tutto.

Se invece la vuoi in tutte le pagine del sito, devi inserire il codice HTML in Impostazioni generali - Esperto - Codice per attivazione delle statistiche

Marco B.

Risultato: si vusualizza in Full-width ma al disopra della pagina vedi link mio  test:www.anxtv.altervista.org

Per questo "problema", se ho capito bene, puoi aggiungere/modificare la regola con il selettore #wowslider-container1 presente nel file /engine1/style.css

Esempio:

#wowslider-container1 {

    bla bla bla...


    position: absolute;
    top:165px;
}

Sempre se ho capito bene...

Leggi di più
Postato il da  lemonsong  
Marco B.
Marco B.
User
Autore

Lo slider va in una pagina specifica...Provo quindi a modificare il CSS...

Leggi di più
Postato il da Marco B.
Marco B.
Marco B.
User
Autore

Ragazzi nn riesco proprio a modificare il css....

Leggi di più
Postato il da Marco B.
 lemonsong  
 lemonsong  
User

Online non sembra tu abbia fatto tentativi.

Sempre se ho capito bene cosa vuoi, in allegato puoi vedere le modifiche (suggerite) apportate con Firebug (frecce rosse in basso a destra).

Se è quello che vuoi, rileggi bene il mio post precedente.

Altrimenti come non detto...

Leggi di più
Postato il da  lemonsong  
Marco B.
Marco B.
User
Autore

Risolto...Css modificato secondo tue indicazioni.Grazie 1000!!

Leggi di più
Postato il da Marco B.