Wow slider centro pagina
Autor: Marco B.
Visitado 2608,
Followers 2,
Compartido 0
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....
Publicado en
... 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
Autor
Link mio progetto: anxtv.altervista.org.
Autor
Ho inserito il DIV CUSTOM:
<style>
div#wowslider-container1 {top: 100px;}
</style>
in esperto-header della pagina e nell'oggetto html ma nn va....
... 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
.
Autor
DIV CUSTOM inserito in Proprietà pagina/esperto/head ed anche Proprietà pagina/esperto/tag body niente da fare....
... 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)
.
Autor
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...
... perchè ...?...!?...
... rileggi tutto; ... style e script in HEAD, div in fondo pima di (/BODY)
.
Autor
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
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
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...
Autor
Lo slider va in una pagina specifica...Provo quindi a modificare il CSS...
Autor
Ragazzi nn riesco proprio a modificare il css....
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...
Autor
Risolto...Css modificato secondo tue indicazioni.Grazie 1000!!