Unofficial WebSite X5
Categoria generale => Discussioni generali => Topic aperto da: Miss. Lin - 18 Febbraio, 2014, 11:43:59
-
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#
-
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 (http://prestashop-demo.net/PRS06/PRS060126/index.php)
-
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:
http://www.unofficialwsx5.com/index.php?topic=1462.msg11366#msg11366 (http://www.unofficialwsx5.com/index.php?topic=1462.msg11366#msg11366)
Non va bene come hai fatto tu:
[attachimg=1]
Nella sezione Esperto c'è un altro "posto" dove potresti provare ad inserire tutti i div necessari.
-
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.
-
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.
-
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.
-
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?
-
Perché inserire un'altra libreria jQuery?
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...
-
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.
-
Se non lo sai tu dove posizionarlo...
Nota: Userei, se necessari, gli attributi "classici":
http://www.w3schools.com/TAGS/att_a_target.asp (http://www.w3schools.com/TAGS/att_a_target.asp)
-
Ma io sto usando gli attributi, il fatto è che mi ritrovo con l'assetto del foother sfasato.
-
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?
-
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 (http://www.doublelldesignz.altervista.org/DARSAN/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 (http://www.doublelldesignz.altervista.org/DARSAN/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?
-
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?
-
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 ???
-
Non conosco Pasquale e non so dove prende i codici, probabile che le ricerche si somiglino...sto smanettando parecchio per trovare dei codici adatti, adesso ho provato ad inserire il seguente codice nella head della pagina
<style type="text/css">
body { background:url('file/images/sfondo2.png') repeat-x; top: 223px;}
</style>
purtroppo funziona solo in parte xkè non riesco ad abbassare l'immagine a livello. :'(
-
Ho provato anche ad inserire il codice che segue, ma quando lo inserisco si sfasa tutta la pagina:
<style type="text/css">
div {position:absolute;
top:223px;
left:720px;
height:420px;
background-image: url(file/images/sfondo2.png);
background-repeat: repeat-x;
}
</style>
-
<style type="text/css">
div {position:absolute;
top:223px;
left:720px;
height:420px;
background-image: url(file/images/sfondo2.png);
background-repeat: repeat-x;
}
</style>
:-\ (non è la faccia giusta ma si avvicina parecchio)
Una pagina html è composta quasi tutta da div... chissà come mai si sfasa tutta la pagina!
Consiglio: http://www.html.it/guide/guida-css-di-base/ (http://www.html.it/guide/guida-css-di-base/)
-
Ho visto la guida ed il codice corretto dovrebbe essere il seguente, ma purtroppo l'immagine non si posiziona come dovrebbe e non capisco il perchè.
<style type="text/css">
body { background:url('file/images/sfondo2.png') repeat-x 223px 50px;}
</style>
-
selettore {background-position: valoreOriz | valoreVert;}
Quindi:
Only registered users can see contents. Please click here to Register or Login.
-
Grazie Lemonsong, premetto che i valori li avevo sistemati in precedenza anche io con i valori invertiti, ma si vede che il browser non si aggiornava e non mi permetteva di vedere l'aggiornamento stesso.
-
Cmq ho notato che su internet explorer l'immagine risulta posiizonata + in alto, mentre con gli altri browser si vede correttamente. C'è qualche codice che forse si può inserire?
-
Non devi inserire ma togliere.
File: file/css/demo.css
body{
bla bla bla...
overflow-y: scroll;
}
Altro consiglio:
Quando si integra qualcosa, bisognerebbe togliere il "superfluo".
-
lemonsong, grazie sei stato gentile come sempre, adesso l'immagine di sfondo si vede correttamente anche con IE ;)