Inserire una gallery a tutto schermo al di sotto del menù

[Miss. Lin]

Salve a tutti, sto realizzando un nuovo sito, ho implementato il "ParallaxContentSlider" e fin qui diciamo tutto bene, l'ho inserito visibile soltanto nella home, unico neo è che vorrei che fosse al di sotto del menù e nn sopra... potete indicarmi gentilmente come fare?
Grazie a tutti in anticipo.
Di seguito il link:
http://www.doublelldesignz.altervista.org/DARSAN/index.html#

[Miss. Lin]

In poche parole, io vorrei realizzare la homepage inserendo:
- Banner
- Menù
- Parallax
Il problema è che se il parallax lo inserisco nella home page, questo viene delimitato nella pagina e non prosegue in orizzontale, in prativa diventa un contenuto interno alla pagina e non si estende in laterale.
Se poi addirittura il parallax lo inserisco nell'intestazione, si vede in tutte le pagine e nn solo nella home, perde il ridimensionamento automatico e non posso mettere il banner sopra al menù.


Spero di essermi spiegata in maniera comprensibile, anche se sarebbe + facile a farsi k a dirsi. Cmq vorrei creare la stessa impostazione di questo link [/size]http://prestashop-demo.net/PRS06/PRS060126/index.php

[lemonsong]

http://www.doublelldesignz.altervista.org/DARSAN/index.html#

Se lo vuoi inserire subito sotto il tag body, devi usare questa tecnica spiegata da stesil, qui:
https://www.unofficialwsx5.com/index.php?topic=1462.msg11366#msg11366

Non va bene come hai fatto tu:

[ Guests cannot view attachments ]


Nella sezione Esperto c'è un altro "posto" dove potresti provare ad inserire tutti i div necessari.

[Miss. Lin]

Il fatto è che se lo inserisco nel corpo della home, poi non riesco + a dare al modulo il senso di continuità, si blocca all'interno della pagina come una galleria normale.

[stesil]

Ma lemonsong ti ha scritto una cosa diversa... se inserisci tutto il codice all'interno del tag body, devi prima chiudere il tag stesso. Altrimenti puoi inserirlo in "Prima della chiusura del tag body".

Prova poi a spostare il div container con position absolute e top 220px, in modo che si posizioni sotto l'header.

[Miss. Lin]

Dunque ho inserito il codice in prima della chiusura del tag body e allo stato attuale la modifica è la seguente http://www.doublelldesignz.altervista.org/DARSAN/contatti.html




poi ho inserito position absolute e top 220px e finalmente, va bene.


Grazie x le dritte, domni proco ad inserire i jcarousel.

[Miss. Lin]

Ragazzi sto provando ad inserire il jcarousel nella home, ma non so se il problema della staticità del jcarousel è dovuto ad un conflitto conil parallax.


Ho inserito il seguente codice in proprietà di pagina della homepage in prima della chiusura del tag head:



<script type="text/javascript" src="http://www.doublelldesignz.altervista.org/lib/jquery.jcarousel.min.js"></script>


<link rel="stylesheet" type="text/css" href="skins/tango/skin.css"/>


  <script type="text/javascript">
$(document).ready(function() {
$('#mycarousel').jcarousel({
scroll: 1,
wrap: 'circular',
auto: 5,
start: 0,
visible: 5
});
});
</script>


ed ho inserito il restante codice in prima della chiusura del tag body:



<div id="wrap">


<ul id="mycarousel" class="jcarousel-skin-tango">
 
    <li><a href="http://www.prova.it" target="_new""><img src="example/lube.png" width="150" height="70" alt="" /></a></li>
    <li><a href="http://www.prova.it" target="_new""><img src="example/comfort.png" width="148" height="70" alt="" /></a></li>
    <li><a href="http://www.prova.it" target="_new""><img src="example/customhome.png" width="148" height="70" alt="" /></a></li>
    <li><a href="http://www.prova.it" target="_new""><img src="example/decor.png" width="130" height="70" alt="" /></a></li>
    <li><a href="http://www.prova.it" target="_new""><img src="example/finesse.png" width="160" height="70" alt="" /></a></li>
    <li><a href="http://www.prova.it" target="_new""><img src="example/furniture.png" width="149" height="70" alt="" /></a></li>
    <li><a href="http://www.prova.it" target="_new""><img src="example/homedesign.png" width="149" height="70" alt="" /></a></li>
    <li><a href="http://www.prova.it" target="_new""><img src="example/interior.png" width="150" height="70" alt="" /></a></li>
  </ul>


<>             
               


Premetto che su altri siti come questo http://www.doublelldesignz.altervista.org/index.html il jcarousel funziona correttamente, forse sto omettendo qualcosa che non vedo?


Ho fatto anche una prova inserendolo in un'altra pagina dove nn c'è il parallax e funziona, anche se la posizione è un pò a casaccio e quindi da aggiustare.


Avete qualche cosniglio da darmi x questo conflitto?

[lemonsong]

Perché inserire un'altra libreria jQuery?

Codice:

Only registered users can see contents. Please click here to Register or Login.


Hai anche degli altri errori:

<li><a href="http://www.prova.it" target="_new"">

etc...

[Miss. Lin]

lemonsong ho modificato questi errori e adesso come puoi notare da link funziona http://www.doublelldesignz.altervista.org/DARSAN/index.html
 ma cambia l'assetto alla pagina, sto provando a modifcare il css  .jcarousel-container ma nn trovo la soluzione adatta x la posizione.

[lemonsong]

Se non lo sai tu dove posizionarlo...




Nota: Userei, se necessari, gli attributi "classici":

http://www.w3schools.com/TAGS/att_a_target.asp

[Miss. Lin]

Ma io sto usando gli attributi, il fatto è che mi ritrovo con l'assetto del foother sfasato.

[Miss. Lin]

Allo stato attuale ho il jcarousel che mi sposta l'assetto del foother ed in + se volessi inserire un testo o un immagine questa si sovrapporrebbe al parallax.


Suggerimenti x evitare che il foother si disallinei?

[Miss. Lin]

Sto facendo un'altra prova, ho deciso di inserire le gallerie all'interno della homepage e non nell'head di impostazioni generali.
Ho inserito poi di sfondo 2 immagini con i seguenti codici all'interno della home in prima della chiusura del tag head

<div style="position: absolute; top: 223px; left: 0px; height: 420px; width: auto;  overflow: hidden; z-index: 1;"><img  src="file/images/sfondo2.png" width="auto" ></a>
<div style=="position: absolute; top: 645px; left: 0px; width: auto; height: 650px; overflow: hidden;"><img src="images/bg3.png" width="auto" ></a>

adesso volevo cercare di far ripetere queste immagini ma non ci riesco ho così provato ad inserire questi codici al passo 1 nel'head

<style type="text/css">
body { background:url('images/sfondo2.png') repeat-x; }   
</style>

<style type="text/css">
body { background-image:url('images/bg3.png') background-repeat: repeat-x;}   
</style>                 

 ma non funziona in nessun modo. Qualcuno può aiutarmi x favore?

[Miss. Lin]

Ho risolto il problema a metà. Adesso lo sfondo pagina è ok, l'unica cosa che non riesco a sistemare in nessun modo riguarda l'immagine che inserisco nel background sotto la gallery in quanto non riesco a farla ripetere con i vari codici.
Qualcuno può aiutarmi please?

[lemonsong]

foother = footer

Per quanto riguarda i codici che hai postato: ci sono errori di sintassi.
In head non si mettono div.
Anche se hai risolto in parte, sarebbe opportuno non ripetere gli stessi errori.


Secondo me prendi i codici dove li prende Pasquale