Sfondo menu adattabile alla risoluzione video 
Autore: Massimo F.
Visite 1469,
Followers 1,
Condiviso 0
Salve,
è possibile creare uno sfondo continuo oltre la misura del contenuto della pagina del menù?
Ad esempio
http://www.templaza.com/demo/j/scrollart/#about
Nel mio sito di prova lo sfondo nero del menù resta al limite del contenuto di pagina
http://www.flores-freelance.it/Test/Test v10/ancore.html
Grazie
Postato il
guarda
http://templatex5.altervista.org/lotusslider/index.html
Autore
width:100% nello sfondo di navigazione?
Autore
aggiungendolo all'interno del codice nella head
'width':'100%',
quando scrollo verso il basso si aggiunge solo la parte destra
http://www.flores-freelance.it/Test/Test v10/ancore.html
in pratica il menu di x5 è trasparente, ho aggiunto un div
<div id="top-nav"></div>
in spazio per le statistiche
poi il css che hai visto e collegato l'immagine da un oggetto html.
Autore
Io ho inserito questo codice nella head
<SCRIPT>
$(window).scroll(function(){
var h= $(this).scrollTop();
if (h >550){
$('#imMnMn').css({
'top': '0px',
'position': 'fixed',
'width':'100%',
'left': 'auto'
}
);
}
else{
$('#imMnMn').css({
'top': '550px',
'position': 'absolute',
'left': '0'
});
}
});
</SCRIPT>
non centra con quello che ho fatto io, è un'altra cosa
il mio css è
/*sfondo navigazione*/ #top-nav{ position: absolute; z-index: -1; top: 48px; width:100%; height: 128px; background-image: url('files/nav-bg.png'); background-repeat: repeat-x; background-position: center top; } /*fine sfondo navigazione*/
con il div di prima
<div id="top-nav"></div>
ma come detto sono cose differenti.
Autore
Capisco Silver, ma volevo provare a la barra di navigazione come questo sito
http://www.templaza.com/demo/j/scrollart/#about
Grazie per il tuo tempo dedicato, ma purtroppo non mastico codici cerco di arrangiarmi
ecco,
il codice è tutto visibile, sicuramente è un po' raffazzonato e si potrebbe semplificare,
qualche volontario?
il risultato comunque è quello cercato, sarebbe da verificare in produzione.
http://templatex5.altervista.org/menuscroll/
Se sono identici (a prima vista sembra di sì), non occorre duplicare il codice jQuery ma è (dobrebbe esssere) sufficiente aggiungere l'id top-nav nel primo.
Esempio:
[...]
if (h >205){
$('#imMnMn, #top-nav').css({
[...]
else{
$('#imMnMn, #top-nav').css({
[...]
Sperando che Answers non stravolga il codice.
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Ho fatto una prova veloce.... http://www.testws9.altervista.org/menuscroll/ o non ho capito....?
non vedo il div
<div id="top-nav"></div>
in spazio statistiche
Verooooo....azz...e si che era li scritto....ok funzia...
Ok, grazie
Autore
funziona anche a me grazie infinite!!!!!