WebSite X5Help Center

 
Giovanni Bevilacqua
Giovanni Bevilacqua
User

Galleria immagini 100%  it

Autore: Giovanni Bevilacqua
Visite 939, Followers 1, Condiviso 0  

vorrei fare una galleria immagini a tutto schermo possibilmente cosi se si puo fare http://www.caministufe.it/

Altrimenti se e troppo difficile anche una cosa semplice ad esempio io avevo scaricato la template gratuita gusto di web site x5 ma non capisco dove andare per cambiare le immagini  http://giancarlob.altervista.org/template.html

Se riuscite ad aiutarmi senza mandarmi questo tutorial  http://giancafoto.altervista.org/wowslider-v13/ che ho provato e riprovato ma non va

Postato il
81 RISPOSTE
Giancarlo B.
Giancarlo B.
User

Ciao Giovanni, il tutorial  è molto semplice funzionale .. forse ti sfugge qualche passaggio.. poi se hai scaricato ancge quel template ... anche quello è realizzato con il metodo spiegato su quel tutoria.

Cosa non capisci di preciso ?

Per le immagini .. devi crearti il progetto con wowslider e poi inserirlo sul template con il metodo descritto sul tutorial.

Leggi di più
Postato il da Giancarlo B.
Giovanni Bevilacqua
Giovanni Bevilacqua
User
Autore

io ho il template ma non capisco come fare con wowslide

Leggi di più
Postato il da Giovanni Bevilacqua
Giovanni Bevilacqua
Giovanni Bevilacqua
User
Autore

ho scaricato wowslide inserito le immagini ma poi per avere il codice non so cosa schiacciare nel programma e poi dove mettere il codice riccavato

Leggi di più
Postato il da Giovanni Bevilacqua
Giancarlo B.
Giancarlo B.
User
Giovanni Bevilacqua
io ho il template ma non capisco come fare con wowslide

Giovanni spiegati... cosa intendi come fare ? quale passaggio ?

Leggi di più
Postato il da Giancarlo B.
Giancarlo B.
Giancarlo B.
User

oppure ... forse NON sai usare wowslider ?

Leggi di più
Postato il da Giancarlo B.
Giovanni Bevilacqua
Giovanni Bevilacqua
User
Autore

Ok adesso tramite wow slide ho il codice head e body ma non capisco dove metterlo

Leggi di più
Postato il da Giovanni Bevilacqua
Giancarlo B.
Giancarlo B.
User

ok provo a semplificarti (forse) le cose.

hai il codice  head procedi con step 2 del tutorial quando hai fatto dimmelo.

Leggi di più
Postato il da Giancarlo B.
Giovanni Bevilacqua
Giovanni Bevilacqua
User
Autore

Praticamente io ho i 3 file di wowslide sono andato sul passo 1 - Statistiche seo...-Esperto - in basso File allegato al codice devo aggiungere i 3 file uno alla volta con Agiungi.. giusto?

Leggi di più
Postato il da Giovanni Bevilacqua
Giovanni Bevilacqua
Giovanni Bevilacqua
User
Autore

Tieni presente che io sto facendo direttamente questa cosa utiklizzando il file gusto 

Leggi di più
Postato il da Giovanni Bevilacqua
Giancarlo B.
Giancarlo B.
User

.. dimenticavo ... solo il codice di wowslider quello nel quadrato rosso, lascia perdere il resto del codice che vedi sopra... ripeto incolla solo quello di wowslider in propprietà di pagina ... prima della chiusura del tag Head

Leggi di più
Postato il da Giancarlo B.
Giancarlo B.
Giancarlo B.
User
Giovanni Bevilacqua
Tieni presente che io sto facendo direttamente questa cosa utiklizzando il file gusto 

ahh!! umm ... ora purtroppo non ho ne il template ne il programma sotto... perche io volevo farti semplificare il tutto usando meno codice... quindi così c'è caso che dovrai cancellare del codice superfluo.. sarebbe stato meglio partire da zero.

Leggi di più
Postato il da Giancarlo B.
Giovanni Bevilacqua
Giovanni Bevilacqua
User
Autore

Ok llora facciamo cosi partiamo da 0 che e mglio apro il template nuovo cosa faccio ora che codice inserisco

wow slide mi da questo 

2

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

3

<!-- Start WOWSlider.com BODY section -->
<div id="wowslider-container1">
<div class="ws_images"><ul>
<li><a href="http://wowslider.com"><img src="data1/images/shutterstock_4563895.jpg" alt="wow slider" title="" id="wows1_0"/></a></li>
<li><img src="data1/images/shutterstock_120527473.jpg" alt="shutterstock_120527473" title="shutterstock_120527473" id="wows1_1"/></li>
</ul></div>
<div class="ws_bullets"><div>
<a href="#" title=""><span><img src="data1/tooltips/shutterstock_4563895.jpg" alt=""/>1</span></a>
<a href="#" title="shutterstock_120527473"><span><img src="data1/tooltips/shutterstock_120527473.jpg" alt="shutterstock_120527473"/>2</span></a>
</div></div><div class="ws_script" style="position:absolute;left:-99%"><a href="http://wowslider.com/vi">cssslider</a> by WOWSlider.com v8.7</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 -->

Leggi di più
Postato il da Giovanni Bevilacqua
Giancarlo B.
Giancarlo B.
User

aspetta!! vuoi solo sostituire le immagini al template GUSTO ?

Leggi di più
Postato il da Giancarlo B.
Giovanni Bevilacqua
Giovanni Bevilacqua
User
Autore

Si mi basterebbe cambiare le immagini

Leggi di più
Postato il da Giovanni Bevilacqua
Giancarlo B.
Giancarlo B.
User

ok ripartiamo da questo!!

hai creto un progetto con wowslider di che dimensioni ?

Leggi di più
Postato il da Giancarlo B.
Giovanni Bevilacqua
Giovanni Bevilacqua
User
Autore

1024 × 768pero io lo vorrei a tutto schermo quindi 1900 pixel

Leggi di più
Postato il da Giovanni Bevilacqua
Giancarlo B.
Giancarlo B.
User

all'ura... devi creare il progetto con wowslider a 1920 px imposta le dimensioni personalizzate poi c'è la funzione larhezza schermo

Leggi di più
Postato il da Giancarlo B.
Giovanni Bevilacqua
Giovanni Bevilacqua
User
Autore

fatto

2

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

3

<!-- Start WOWSlider.com BODY section -->
<div id="wowslider-container1">
<div class="ws_images"><ul>
<li><a href="http://wowslider.com/vi"><img src="data1/images/shutterstock_4563895.jpg" alt="css slider" title="" id="wows1_0"/></a></li>
<li><img src="data1/images/shutterstock_120527473.jpg" alt="shutterstock_120527473" title="shutterstock_120527473" id="wows1_1"/></li>
</ul></div>
<div class="ws_bullets"><div>
<a href="#" title=""><span><img src="data1/tooltips/shutterstock_4563895.jpg" alt=""/>1</span></a>
<a href="#" title="shutterstock_120527473"><span><img src="data1/tooltips/shutterstock_120527473.jpg" alt="shutterstock_120527473"/>2</span></a>
</div></div><div class="ws_script" style="position:absolute;left:-99%"><a href="http://wowslider.com/vi">cssslider</a> by WOWSlider.com v8.7</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 -->

Scusami se ti rompo l'anima ma mi servirebbe davvero perche faccio 2 lavori cosi in home uno potrebbe vedere le immagini di entrambi

grazie mille ancora

Leggi di più
Postato il da Giovanni Bevilacqua
Giancarlo B.
Giancarlo B.
User

ok avrai esportato il progetto sul desktop o dove volevi tu..

ora.. prendi le cartelle create con wowslider

data1
engine1

e mettile dentro la cartella Preview del tuo progetto

Leggi di più
Postato il da Giancarlo B.
Giancarlo B.
Giancarlo B.
User

sovrascrivi le vecchie

Leggi di più
Postato il da Giancarlo B.
Giovanni Bevilacqua
Giovanni Bevilacqua
User
Autore

ok trovate ma dove e questa cartella preview

Leggi di più
Postato il da Giovanni Bevilacqua
Giancarlo B.
Giancarlo B.
User

tu sai dove vendono salvati i tuoi progetti ?

lo puoi vedere in preferenze si website...

dovrebbe poi esserci la cartelle Gusto, e dentro quella.. c'è la cartelle Preview.

Poi dentro a Preview incolli le due cartelle

data1
engine1

quando hai fatto mi dai conferma.

Leggi di più
Postato il da Giancarlo B.
Giovanni Bevilacqua
Giovanni Bevilacqua
User
Autore

per capire dove devo andare su preferenze ma dovè

Leggi di più
Postato il da Giovanni Bevilacqua
Giovanni Bevilacqua
Giovanni Bevilacqua
User
Autore

ok lho trovata

C:\Users\Karlo\Documents\Incomedia\WebSite X5 v13 - Evolution\

Leggi di più
Postato il da Giovanni Bevilacqua
Giovanni Bevilacqua
Giovanni Bevilacqua
User
Autore

fatto le ho messe 

Leggi di più
Postato il da Giovanni Bevilacqua
Giancarlo B.
Giancarlo B.
User
Giovanni Bevilacqua
fatto le ho messe 

ti ha chiesto di sovrascrivere giusto ?

Leggi di più
Postato il da Giancarlo B.
Giovanni Bevilacqua
Giovanni Bevilacqua
User
Autore

no si sono incollate e basta

embarassed

Leggi di più
Postato il da Giovanni Bevilacqua
Giancarlo B.
Giancarlo B.
User

allora le hai messe nel posto sbagliato

Leggi di più
Postato il da Giancarlo B.
Giancarlo B.
Giancarlo B.
User

verifica bene 

Leggi di più
Postato il da Giancarlo B.
Giovanni Bevilacqua
Giovanni Bevilacqua
User
Autore

ok fatto ho rifatto il procedimento prima avevo sbagliato una cosa adesso mi ha chiesto di sostituire il file cosa faccio ora :)

Leggi di più
Postato il da Giovanni Bevilacqua
Giancarlo B.
Giancarlo B.
User

e dentro alla cartella Preview ...

Leggi di più
Postato il da Giancarlo B.
Giancarlo B.
Giancarlo B.
User
Giovanni Bevilacqua
3 <!-- Start WOWSlider.com BODY section --> <div id="wowslider-container1"> <div class="ws_images"><ul> <li><a href="http://wowslider.com/vi"><img src="data1/images/shutterstock_4563895.jpg" alt="css slider" title="" id="wows1_0"/></a></li> <li><img src="data1/images/shutterstock_120527473.jpg" alt="shutterstock_120527473" title="shutterstock_120527473" id="wows1_1"/></li> </ul></div> <div class="ws_bullets"><div> <a href="#" title=""><span><img src="data1/tooltips/shutterstock_4563895.jpg" alt=""/>1</span></a> <a href="#" title="shutterstock_120527473"><span><img src="data1/tooltips/shutterstock_120527473.jpg" alt="shutterstock_120527473"/>2</span></a> </div></div><div class="ws_script" style="position:absolute;left:-99%"><a href="http://wowslider.com/vi">cssslider</a> by WOWSlider.com v8.7</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 -->

ora prendi il tuo codice e lo incolli e sostituisci come da step3 del tutorial

proprietà di pagina... dopo l'apertura del tag BODY.

Leggi di più
Postato il da Giancarlo B.
Giovanni Bevilacqua
Giovanni Bevilacqua
User
Autore

si fatto

Leggi di più
Postato il da Giovanni Bevilacqua
Giancarlo B.
Giancarlo B.
User

ok ora premi CTRL e clicca su Anteprima dovrebbe essere ok...

Leggi di più
Postato il da Giancarlo B.
Giovanni Bevilacqua
Giovanni Bevilacqua
User
Autore

non va purtroppo :(

Leggi di più
Postato il da Giovanni Bevilacqua
Giancarlo B.
Giancarlo B.
User
Giovanni Bevilacqua
non va purtroppo :(

cosa vuol dire NON va ?

Leggi di più
Postato il da Giancarlo B.
Giovanni Bevilacqua
Giovanni Bevilacqua
User
Autore

Praticamente quando vado a mettere il codice non ne trovo ubo simile ma uno da 2 righe

Leggi di più
Postato il da Giovanni Bevilacqua
Giovanni Bevilacqua
Giovanni Bevilacqua
User
Autore

Praticamente quando vado a sostituire il codice non ne trovo uno simile da sostiture ma queste 4 righe

<div id="div_iframe">
<iframe src="wowslider.html" style="width:1970px;height:594px;max-width:100%;overflow:hidden;border:none;padding:0;margin:0 auto;display:block;" marginheight="0" marginwidth="0"></iframe>
</div>

Leggi di più
Postato il da Giovanni Bevilacqua
Giancarlo B.
Giancarlo B.
User
Giovanni Bevilacqua
Praticamente quando vado a mettere il codice non ne trovo ubo simile ma uno da 2 righe

ma perchè non me lo hai detto ?

quindi cosa hai fatto ?

Leggi di più
Postato il da Giancarlo B.
Giovanni Bevilacqua
Giovanni Bevilacqua
User
Autore

Te per caso hai provato e ti funziona ?

Leggi di più
Postato il da Giovanni Bevilacqua
Giovanni Bevilacqua
Giovanni Bevilacqua
User
Autore

lho sostituito ma non e cambiato nulla

Leggi di più
Postato il da Giovanni Bevilacqua
Giancarlo B.
Giancarlo B.
User

quello è fatto con l'iframe cacchio ? undecided

Leggi di più
Postato il da Giancarlo B.
Giancarlo B.
Giancarlo B.
User

riparti con il progetto da zero... quello scaricato dal mio sito !!

Leggi di più
Postato il da Giancarlo B.
Giovanni Bevilacqua
Giovanni Bevilacqua
User
Autore

adesso ho rimesso il codice quello che cera prima 

praticamente mi manca da mettere il codice wowslide adesso sul file gusto dentro website x5 

Leggi di più
Postato il da Giovanni Bevilacqua
Giancarlo B.
Giancarlo B.
User

è più semplice prendi tutto quello generato da wowslider cartelle e file e lo copi e sovrascrivi nella cartelle Preview

Leggi di più
Postato il da Giancarlo B.
Giovanni Bevilacqua
Giovanni Bevilacqua
User
Autore

oh finalmente funziona però mi viene fuori la scritta wow slide in basso come posso fare per toglierla è unaltra cosa praticamente l'immagine viene fuori giusta tutto schermo ma mi mette una barra verticale perche l'immagine e troppo alta cosa devo modificare per fare in modo che sparisca laltezza

Leggi di più
Postato il da Giovanni Bevilacqua
Giancarlo B.
Giancarlo B.
User

allo step2 del tutorial per iframe vedi il codice con le dimensioni... se l'altezza delle immagini di wowslider è differente da quella presente nel codice la devi modificare e aggiornare.

La scritta wowslider per eliminarla in teoria dovresti comprare il software... se lo vuoi gratis.. la scritta resta.

Leggi di più
Postato il da Giancarlo B.
Giovanni Bevilacqua
Giovanni Bevilacqua
User
Autore

Va tutto tranne che non capisco come cambiare l'altezza che e 600 px

Leggi di più
Postato il da Giovanni Bevilacqua
Giovanni Bevilacqua
Giovanni Bevilacqua
User
Autore

*Passo 3 del programma web site x5:

------Prima della chiusura del tag head

<style>
#div_iframe {position:absolute;top:300px;width:100%; z-index:1}

#imContent{
top: 65px;
}


/* distanza contenuti pagina della HOME da Slide */
#imContent {margin-top: 150px;}

</style>


<!-- Menu per sito monopagina -->
<script src="files/jquery.singlePageNav.ws.js"></script>

<script>
$(document).ready(function () {
$('#imMnMn li').removeClass('imMnMnCurrent');

//singlePagNav - options
$("#imMnMn").singlePageNav({
offset: $('#imMnMn').outerHeight(),
threshold: 140
});
});
</script>

--------Dopo l'apertura del tag body 

<div id="div_iframe">
<iframe src="wowslider.html" style="width:1970px;height:650px;max-width:100%;overflow:hidden;border:none;padding:0;margin:0 auto;display:block;" marginheight="0" marginwidth="0"></iframe>
</div>

Leggi di più
Postato il da Giovanni Bevilacqua
Giancarlo B.
Giancarlo B.
User

<script>function h_iframeK(){
var ww =1920; // larghezza immagini;
var hh =800; // altezza immagini;
var wdiviframe = document.getElementById('div_iframe').offsetWidth;
var hiframe=Math.round(wdiviframe*hh/ww);
document.getElementById('iframek').style.height=hiframe +"px";
document.getElementById('imHeader').style.height=hiframe +"px";}
window.onload = function () {h_iframeK();}
window.onresize = function () {h_iframeK();} </script>

Leggi di più
Postato il da Giancarlo B.
Giancarlo B.
Giancarlo B.
User

però ora non ricordo se quel template ha l'iframe elatico forse NO !!! puoi mettere il link della tua prova ?

Leggi di più
Postato il da Giancarlo B.
Giancarlo B.
Giancarlo B.
User

<div id="div_iframe"><iframe src="wowslider.html" style="width:1970px;height:594px;max-width:100%;overflow:hidden;border:none;padding:0;margin:0 auto;display:block;" marginheight="0" marginwidth="0"></iframe></div>

se non ricordo male (ora non ho il programma) dovrebbe avere l'iframe proposto da wowslider ...

l'altezza è quella in grassetto... fai una prova..

Leggi di più
Postato il da Giancarlo B.
Giovanni Bevilacqua
Giovanni Bevilacqua
User
Autore

se vuoi ti do il mio acccount drop box poi li trovi il file

Leggi di più
Postato il da Giovanni Bevilacqua
Giovanni Bevilacqua
Giovanni Bevilacqua
User
Autore

cosi fai prima insomma

Leggi di più
Postato il da Giovanni Bevilacqua
Giovanni Bevilacqua
Giovanni Bevilacqua
User
Autore

Perche ho fatto ogni prova possibile però nessuno mi cambia l'altezza dellimmagine 

Leggi di più
Postato il da Giovanni Bevilacqua
Giancarlo B.
Giancarlo B.
User

.... metti un link con il test online

Leggi di più
Postato il da Giancarlo B.
Giovanni Bevilacqua
Giovanni Bevilacqua
User
Autore

online non va su web site x5 si

Leggi di più
Postato il da Giovanni Bevilacqua
Giancarlo B.
Giancarlo B.
User

devi esportare anche le due cartelle 

data1
engine1

usa filezilla

Leggi di più
Postato il da Giancarlo B.
Giovanni Bevilacqua
Giovanni Bevilacqua
User
Autore

ci sono mi da varie cartelle tipo style public menu ... in quale cartella devo mettere i 2 file

Leggi di più
Postato il da Giovanni Bevilacqua
Giancarlo B.
Giancarlo B.
User

in nessuna cartella root dove c'è la index.html

metti anche wowslider.html

Leggi di più
Postato il da Giancarlo B.
Giancarlo B.
Giancarlo B.
User

in preatica Giovanni devi esportare le stesse cartelle e file che hai messo sul progetto in Preview

Leggi di più
Postato il da Giancarlo B.
Giovanni Bevilacqua
Giovanni Bevilacqua
User
Autore

fatto come vedi cwe la linea perocry

Leggi di più
Postato il da Giovanni Bevilacqua
Giovanni Bevilacqua
Giovanni Bevilacqua
User
Autore

kolAsim in che senso perche esiste il file si apre se cerchi il link

Leggi di più
Postato il da Giovanni Bevilacqua
Giancarlo B.
Giancarlo B.
User

<iframe src="wowslider.html" style="width:1970px;height:594px;max-width:100%

prova a mettere il codice con la quota in grassetto a 770px poi vediamo.

Leggi di più
Postato il da Giancarlo B.
Giancarlo B.
Giancarlo B.
User

in realtà volendo essere precisi nella cartella dove hai esportato wowslider trovi anche un file wowslider-howto.html

se editi quel file troverai il codice esatto con le dimensioni da mettere al posto di quello che c'è ora es:

<div id="div_iframe"><iframe src="wowslider.html" style="width:1970px;height:594px;max-width:100%;overflow:hidden;border:none;padding:0;margin:0 auto;display:block;" marginheight="0" marginwidth="0"></iframe></div>

Leggi di più
Postato il da Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT
Giovanni Bevilacqua
kolAsim in che senso perche esiste il file si apre se cerchi il link

... adesso sì, ... ma quando avevo postato il link era errore 404 ...!...  ...pagina mancante ... 

.

... x Giancarlo, ... se può esserti/esservi di aiuto, se si fa uso del mio codice, lo style nell'iframe non servirebbe, in quanto l'ho progettato per renderlo dinamico; ...nella pagina di Giovanni mancano gli ID dell'IFRAME...

... il codice originale si può rilevare da questo > esempio ...

... per sezione /HEAD copiare dal rigo 5 al rigo 17 ... ...del sorgente (Ctrl+U) ...
... per sezione /BODY copiare dal rigo 23 al rigo 24 ... ...del sorgente (Ctrl+U) ...

.

ciao

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

Grazie Kol.. siamo in una critalleria... tongue-out visto che è un template già fatto volevo far fare a Giovanni... il minimo possibile wink

Leggi di più
Postato il da Giancarlo B.
Giancarlo B.
Giancarlo B.
User

... e invece guarda che po..po di post ...laughing

Leggi di più
Postato il da Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT
Giancarlo B.
... e invece guarda che po..po di post ...

... sì, il tuo template andava già bene con l'iframe ed header ad altezza fissa, che era il primo che a suo tempo avevo proposto ed attuato grazie a Mirko ...e maximage, ma adatto a qualsiasi slideshow  ...wink

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Giovanni Bevilacqua
Giovanni Bevilacqua
User
Autore

wow perfetto kol molto piu semplice e meno codice ma cosa dovrei fare di preciso ce mi basta prendere il codice di wowslide praticamente gisto? e dove lo metto tutto questo grazie

<html xmlns="http://www.w3.org/1999/xhtml"><head><style> #div_iframe {position:absolute;top:0px;width:100%; z-index:1} body { margin:0px;} </style><script>function h_iframeK(){ var ww =9; // larghezza immagini; var hh =3; // altezza immagini; var wdiviframe = document.getElementById('div_iframe').offsetWidth; var hiframe=Math.round(wdiviframe*hh/ww); document.getElementById('iframek').style.height=hiframe +"px"; document.getElementById('imHeader').style.height=hiframe+ 10 +"px";} window.onload = function () {h_iframeK();} window.onresize = function () {h_iframeK();} </script></head><body><div id="div_iframe"><iframe id="iframek" name="iframek" width="100%" height="200" src="maximage.html" scrolling="no" frameborder="no"></iframe></div><div id="imHeader" style="width:100%; height:300px;background-color:blue"></div><div id="corpo" style="width:100%; height:700px;background-color:yellow"> TESTA CORPO PAGINA</div><div id="intermedia" style="width:100%; height:500px;background-color:green"> ZONA INTERMEDIA</div><div id="fondo" style="width:100%; height:300px;background-color:blue"> FONDO PAGINA</div><br></body></html>

Leggi di più
Postato il da Giovanni Bevilacqua
Giovanni Bevilacqua
Giovanni Bevilacqua
User
Autore

non capisco se metterlo prima dell'appertura del tag body oppure dopo 

Leggi di più
Postato il da Giovanni Bevilacqua
Giovanni Bevilacqua
Giovanni Bevilacqua
User
Autore

e da dove poi mi prende le immagini dovrò sempre fare la procedura incollando i 3 file e mettendo data1 engine 1?

Leggi di più
Postato il da Giovanni Bevilacqua
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT

... di quel codice devi usare le righe che avevo indicato; ...in pratica NON devi usare i TAG di pagina <HTML></HTML><HEAD></HEAD><BODY></BODY> che sono da eliminare...

... del resto, come da indicazioni corrette di Giancarlo:

A ... nella sezione ESPERTO | Codice personalizzato | Prima della chiusura di HEAD devi incollare questa parte:

<style> #div_iframe {position:absolute;top:0px;width:100%; z-index:1} body { margin:0px;} </style>
<script>function h_iframeK(){ var ww =9; // larghezza immagini; var hh =3; // altezza immagini; var wdiviframe = document.getElementById('div_iframe').offsetWidth; var hiframe=Math.round(wdiviframe*hh/ww); document.getElementById('iframek').style.height=hiframe +"px"; document.getElementById('imHeader').style.height=hiframe+ 10 +"px";} window.onload = function () {h_iframeK();} window.onresize = function () {h_iframeK();} </script>

........................................

B ... nella sezione ESPERTO | Codice personalizzato | Dopo l'apertura di BODY devi incollare SOLO questa parte:

<div id="div_iframe"><iframe id="iframek" name="iframek" width="100%" height="200" src="http://www.associazioneferdinando.it/wowslider.html" scrolling="no" frameborder="no"></iframe></div>

.................................

...!... ti ho messo l'URL assoluto al tuo slideshow, così dovrebbe funzionarti anche in anteprima...!...

.



Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Giovanni Bevilacqua
Giovanni Bevilacqua
User
Autore

fatto mi mette praticamente il risultato sopra il titolo un macello :(

Leggi di più
Postato il da Giovanni Bevilacqua
Giovanni Bevilacqua
Giovanni Bevilacqua
User
Autore

metto quello che mi e venuto fuori

www.associazioneferdinando.it

Leggi di più
Postato il da Giovanni Bevilacqua
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT

... mi sembra che non hai usato il layout dell'esempio di base del tutorial di Gianfranco, basato su questo layout del menu:

 Orizzontale - Menu sopra l'Header

... con altri tipi di impostazione dovrai riprogrammarti il codice...

... non avendo io il programma per ora non posso metterci mano...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Giovanni Bevilacqua
Giovanni Bevilacqua
User
Autore

Mi sarebbe utilissimo avere quel opzione ma purtroppo non mi riesce proprio sono disperato non so piu che fare ormai

Leggi di più
Postato il da Giovanni Bevilacqua
Giancarlo B.
Giancarlo B.
User

Giovanni, se fai quella semplice modifica che ti avevo chiesto nel post, dovresti avere risolto il problema dello spazio sopra.

Se invece vuoi ricominciare e cimentarti nell'iframe elastico, devi ripartire da un progetto pulito oppure fare modifiche sostanziali al Template che stai utilizzando. Per questo ti basta seguire attentamente il tutorial iframe.


Però vedendo le tue difficoltà, come consiglio personale.. io farei la via più breve.. vedi tu.

Leggi di più
Postato il da Giancarlo B.