Aiuto per personalizzare i livelli con z-index 
Author: Giampy ッRagazzi ho implementato una slide utilizzando delle sorgenti al di fuori da quello che ci permette il software. Ho utilizzato questo codice per richiamare i file che ho allegato alla graffetta inserito dentro l header: [removed][removed] [removed][removed][removed][removed] [removed][removed] [removed] $(window).load(function() { $('.flexslider').flexslider({ animation: "slide", controlsContainer: ".flex-container", start: function(slider) { $('.total-slides').text(slider.count); }, after: function(slider) { $('.current-slide').text(slider.currentSlide); } }); }); [removed]
Il mio problema è che la slide si visualizza come livello superiore a tutti e non riesco a far comparire il logo al di sopra di essa. Ho provato anche questi codice per cercare di dargli io il livello adatto: mentre l header ha questo: ma nonostante tutto non mi compare il logo, ma compare al di sotto della slide. Chi mi darebbe una manina a capire dove sbaglio? sarei molto grato grazie!
Author
Allego anche l'immagine stamp dell articolo sopra scritto qual ora non si visualizzasse correttamente :-)
con un link sarebbe più facile capire, ma direi che se applichi uno z-index adeguato anche al logo lo porti sopra la slide, il logo inseriscilo con html e non da programma.
Author
Ah buona idea...provo grazie
Author
purtroppo questo metodo non va bene...anche perchè se voglio inserire un campo di ricerca o altro che mi fa inserire il programma di suo facilmente...mi complico solo le cose inserendolo io manualmente..attendo magari qualche risposta riguardo z-index di quel codice..
... come suggerito prima, avrei/avremmo voluto vedere la pagina linkata o un esempio di essa, contenente il problema, senza blocco del destro del mouse...
.
Se mettessi il link del sito esportato sarebbe cosa gradita, o altrimenti andiamo ad intuito XD
bè allora anche la slide la inserisci da programma facilmente, se hai deciso di inserirne una esterna ti devi adeguare...se cambi musica cambi anche il ballo...e non penso che inserire qualche oggetto html sia poi una gran complicazione, anche il campo ricerca lo posizioni con z-index superiore.
Il problema é che dovremmo vedere visivamente e poi dopo tramite codice, qual'é lo z index di riferimento precedente.
Author
http://faidate.net/2/
Author
ho deciso di inserire una slide esterna perchè cosi c e la possibilità di poterla estendere a tutto schermo senza dover ingrandire l header..cosa che con quelle del programma non fa fare
Author
ah dimenticavo..ora qualcosa ho risolto...solo che le immagini le riporta sempre al di sotto della slide
Potrei sbagliarmi ma sotto lo slide non ho visto immagini, ho visto solo il search form.
Author
sisi le ho tolte infatti..aspetta che ora ne metto una giusto per esempio e farvi capire
Se vuoi mettere le immagini sopra allo slide é sufficiente che nel foglio di stile che si trova in http://faidate.net/2/flexslider.css tu vada ad aggiungere alla riga 41 nella classe
.flex-container {zoom: 1; position: relative;}
questo tag z-index:-1;
dovrebbe diventare cosí
.flex-container {zoom: 1; position: relative; z-index: -1;}
ok come detto da Roberto
oppure puoi aggiungere la stessa cosa allo stile in linea come ho fatto qui
http://zonatest.altervista.org/flexslider/
vedi tutto nel sorgente,
dove l'ho riassemblato a mio modo perchè la tua pagina è un caos con un po' troppe cose ripetute
Author
Grazie 1000 ragazzi...siete stati gentilissimi e utili con poche parole. Ho inserito proprio come detto da roberto il codice z-index nella riga 41 e tutto è andato indietro...grazie ancora...l unica cosa è che non capisco il perchè il mio codice risulta a silver molto sporco visto che ho inserito solo il codice della slide per il momento...mi piacerebbe capire dove sbaglio :-)
Come prima cosa direi che questi due non ti dovrebbero piú servire
<styletype="text/css">
#imHeader {position: auto; width: 980px; z-index:1 ; }
#imMenuMain {position: fixed; width: 980px; z-index: 2 }
</style>
inoltre per un fattore di ordine tendo a chiudere gli script che inserisco tra questi due tag cosi da separare il codice mio da quello di website
<!-- Codice Personale START -->
<scripttype="text/javascript" charset="utf-8">
$(window).load(function() { $('.flexslider').flexslider({ animation: "slide", controlsContainer: ".flex-container", start: function(slider) { $('.total-slides').text(slider.count); }, after: function(slider) { $('.current-slide').text(slider.currentSlide); } }); });
</script>
<scripttype="text/javascript" src="files/jquery.flexslider.js"></script>
<scripttype="text/javascript" src="files/jquery.flexslider-min.js"></script>
<linkrel="stylesheet" type="text/css" href="files/flexslider.css" media="screen, print" />
<!-- Codice Personale END -->
inoltre nella tua pagina hai a doppio queste righe
<linkrel="stylesheet" href="flexslider.css" type="text/css">
<scriptsrc="files/jquery.flexslider.js"></script>
In effetti la pagina va un po ripulita
Author
okey grazie roberto...cercherò di prendere i tuoi suggerimenti per ripulire il codice...senti una cosa...ma qualche preloader particolare da implementare facilmente dove lo posso trovare? magari che si veda la percentuale di caricamento..o qualcosa di carino..
Ciao
volevo chiedere a Silver come ha fatto a creare la slide nel esempio
http://zonatest.altervista.org/flexslider/
grazie
... come ha già detto lo stesso
, ... è tutto nella pagina HTML, basta aprirla col destro del mouse, o in quella dell'autore dello slider...
... essendo un argomento extra del programma e dell'argomento, per avere spiegazioni dettagliate, puoi contattarlo dal suo profilo, oppure da qui: http://answers.websitex5.com/post/31927
.
bye, KolAsim