Autore Topic: Serio problema di sfondo!  (Letto 7570 volte)

DeathNote83

  • Nuovo arrivato
  • *
  • Post: 55
Serio problema di sfondo!
« il: 03 Ottobre, 2014, 15:44:33 »
Salve amici,
a  causa di una mia negligenza ho perso il sito che avevo fatto ad un mio amico albergatore.
Sto cercando di ricostruirlo come lo feci 1 annetot e passa fa,tutto ok,ho solo un grande e fastidiosissimo problema.
Mi spiego... ho usato per la realizzazione un template gia fatto perchè abbiamo utilizzato in qualche pagina del sito,le slider di fondo. Fin qui tutto ok,in tutte le pagine in cui applico le slider va tutto bene,il problema nasce nelle pagine a sfondo fermo. Mi spiego meglio,se queste pagine hanno un oggetto dentro,tipo pdf. ok, ma in alcune pagine se io voglio lasciare solo lo sfondo che ho atriubuito ho un fastidiosissimo problema...ovvero il programma mi taglia l'immagine a metà e mezzo sfondo resta vuoto... lascio un esempio in allegato.... ho provato di tutto,ma proprio non riesco a metterlo a posto.
Premetto che ho inserito uno script in PROPRIETA' DELLA PAGINA , GRAFICA, PRIMA DEL TAG HEAD che è questo qui:

<script type="text/javascript">
$(document).ready(function(){
//LAYER
widthpage();
});
$(window).resize(function(){
widthpage();
});
function widthpage(){
var w = $(window).width();
var h = ($(document).height())-48;
$('div#sfondo').css('width', w);
$('div#sfondo').css('height', h);
};



$(document).ready(function(){
//FOOTER IN BASSO
var h = $('body').outerHeight(true);
var hwin = $(window).height();
if(h < hwin){
$("div#imFooterBg").css({
'position':'fixed',
'bottom':'0'
});
};
});



$(document).ready(function(){
//POSIZIONE LOGO
$('div#imHeader div:has(#logo)').css({
'top':'10px',
'left':'-1px',
'z-index':'10001'});
});
</script>

<style type="text/css">

#bs0{z-index:-2;}

/*layer*/

#sfondo{position:absolute;
display: block;
top: 30px;
z-index: -2;
background: url('files/layer.png') repeat left top;
}
/*fine layer*/

/*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*/
       

/*modifiche css base*/
#imMnMn {margin-top: -8px;}
#imMnMn ul ul { margin-top: -1px;}
                                           
.imBgStretcher {z-index:-2 !important ;}

/*fine modifiche css base*/

/*note a fondo pagina*/
       
.copyright { 
font-family: 'Helvetica neue' , Helvetica, Arial, sans-serif;
letter-spacing: 2px;
text-align: right;
text-transform: uppercase;
line-height: 2;
font-size: 9px;
color: #999;
}
                                                           
.copyright  a:link, .copyright a:visited {color: #FFF; text-decoration: underline; }
.copyright  a:active, .copyright a:hover {color: #666; text-decoration: underline; } 
/* fine note */


/*costumer*/
.costumer { 
font-family: 'Helvetica neue' , Helvetica, Arial, sans-serif;
text-align: right;
line-height: 2;
font-size: 12px;
color: #fff;
}
.costumer  a:link, .costumer a:visited {color: #fff; text-decoration: underline; }
.costumer  a:active, .costumer a:hover {color: #99c; text-decoration: underline; } 
/*fine costumer*/
       
       
/*plugin  bottone */

a.btn{
padding:5px 20px 5px 20px; 
color:#fff; margin:5px;
display:inline-block;
font-size:12px;
font-weight:400;
text-decoration:none;
-moz-border-radius:2px;
-webkit-border-radius:2px;
 border-radius:2px;

}
       
a.btn.dark{background:#666; color:#fff;}
a.btn.dark:hover{color:#FFF; background:#333;}
       
a.btn.red{background:#C00; color:#fff;}
a.btn.red:hover{color:#FFF; background:#900;}
       
       
a.btn.green{background:#69C524; color:#fff;}
a.btn.green:hover{color:#FFF; background:#390;}
       
a.btn.blu{background:#098EB5; color:#fff;}
a.btn.blu:hover{color:#FFF; background:#069;}
       
a.btn.purple{background:#8279A8; color:#fff;}
a.btn.purple:hover{color:#FFF; background:#639;}
       
a.btn.pink{background:#F4288D; color:#fff;}
a.btn.pink:hover{color:#FFF; background:#C36;}
       
a.btn.orange{background:#E9AB2B; color:#fff;}
a.btn.orange:hover{color:#FFF; background:#C60;}
       
/*fine bottone*/

/* plugin social */

.social {
margin-top:2px;
}

.social li img {
float:left;
margin-right:10px;
margin-bottom:10px;
opacity: 1;   
-webkit-transition:all 200ms ease-in;
-o-transition:all 200ms ease-in;
-moz-transition:all 200ms ease-in;
}

.social li img:hover {
opacity: 0.5;
}

/*fine social*/

</style>


L'ho inserito perchè se lascio quella parte vuota, sarà colpa del template ma mi salta tutta la grafica del sito inteso come header, icone e varie...

Please help me !!!


stesil

  • Anziani
  • Utente storico
  • *
  • Post: 1219
    • quellidelcucuzzolo
Re:Serio problema di sfondo!
« Risposta #1 il: 03 Ottobre, 2014, 17:23:08 »
Ciao,

serve un link alla pagina che dà errore per provare a capire qualcosa.

Adriano Meis

  • Beta Tester
  • Nuovo arrivato
  • *
  • Post: 89
Re:Serio problema di sfondo!
« Risposta #2 il: 03 Ottobre, 2014, 17:27:08 »
ho inserito uno script in PROPRIETA' DELLA PAGINA , GRAFICA, PRIMA DEL TAG HEAD


va messo PRIMA DEL TAG /HEAD in impostazioni generali.
« Ultima modifica: 03 Ottobre, 2014, 17:30:30 da Adriano Meis »

DeathNote83

  • Nuovo arrivato
  • *
  • Post: 55
Re:Serio problema di sfondo!
« Risposta #3 il: 04 Ottobre, 2014, 10:14:12 »
salve ragazzi,
in primis grazie per le risposte, non posso mettere il sito online,perchè se lo faccio perdo ciò che ho in rete adesso... dovrei trovare il modo per mettere una demo cosi potete capire meglio.

La stringa si l'ho messa prima del TAG HEAD e credetemi stò impazzendo perchè con sfondo in slide va alla grande, con foto fissa,si ferma a metà.... ho provato di tutto anche a cambiare foto ecc ecc.... mi sa che per farvi capire meglo devo caricare una demo in rete.... cerco di farlo in giornata!!

Adriano Meis

  • Beta Tester
  • Nuovo arrivato
  • *
  • Post: 89
Re:Serio problema di sfondo!
« Risposta #4 il: 04 Ottobre, 2014, 10:29:18 »
come già detto prima
lo devi mettere prima del tag /head, non prima del tag head.


insomma deve stare all'interno tra<head> e </head>

milux

  • Moderatore globale
  • Utente storico
  • *****
  • Post: 1779
    • 3MD
Re:Serio problema di sfondo!
« Risposta #5 il: 04 Ottobre, 2014, 12:53:39 »
salve ragazzi,
in primis grazie per le risposte, non posso mettere il sito online,perchè se lo faccio perdo ciò che ho in rete adesso... dovrei trovare il modo per mettere una demo cosi potete capire meglio.


Crei nel sito una cartella con nome ad esempio tep_demo e puoi caricare tutto il sito lì dentro. Metti magari nel robots.txt un no-follow per quella cartella e ricordati di mettere nelle impostazioni il nomesito + nome cartella.
Quando hai finito togli il nome cartella e fai l'export nella root principale del sito.
**OS : Windows 7 - 63Bit (uno è andato perso e non lo trovo..) + W10
**Website X5 :  Evo 10(active) - Evo 11(active) - 13(active)
**Wysiwyg Web Builder 12 (passa al lato oscuro..)
**Hosting : LINUX
**Editor : Notepad ++ / Geany

DeathNote83

  • Nuovo arrivato
  • *
  • Post: 55
Re:Serio problema di sfondo!
« Risposta #6 il: 07 Ottobre, 2014, 14:27:31 »
Salve ragazzi,
sono riuscito a caricare il tutto su un server DEMO, questo è il link, quello che non funziona sono le pagine statiche, che potrete trovare a questo link:

http://higuain.cerberusinformatica.it/navetta.html

cliccando su MUOVERSI e successivamente su NAVETTA, noterete il problema sorpa citato,immagine tagliata.

stesil

  • Anziani
  • Utente storico
  • *
  • Post: 1219
    • quellidelcucuzzolo
Re:Serio problema di sfondo!
« Risposta #7 il: 08 Ottobre, 2014, 15:30:06 »
Ciao,

in head hai una funzione js e un css relativo a un div con id sfondo che non stai usando: prova ad inserire in proprietà della pagina, prima della chiusura del tag body il div con id sfondo

Codice:
Only registered users can see contents. Please click here to Register or Login.
ed attribuire a questo div l'immagine di sfondo invece che allo sfondo della pagina, modificando questa riga di css:

Citazione
/*layer*/
#sfondo{position:absolute;
display: block;
top: 48px;
z-index: -2;
background: url('images/NAVETTA.jpg') center bottom;
}
/*fine layer*/

DeathNote83

  • Nuovo arrivato
  • *
  • Post: 55
Re:Serio problema di sfondo!
« Risposta #8 il: 09 Ottobre, 2014, 16:47:08 »
ciao Stesil,
sono rientrato oggi da Bergamo e stasera proverò a fare le modifiche che hai postato,anche se la mia ignoranza non mi ha fatto ben comprendere il secondo passaggio.
Praticamente in PROPRIETA' DELLA PAGINA devo andare su PRIMA DELLA CHIUSURA DEL TAG BODY ed inserire la stringa che hai postato.

Il secondo passaggio,ovvero la modifica del DIV non mi è ben chiara....  :-X

stesil

  • Anziani
  • Utente storico
  • *
  • Post: 1219
    • quellidelcucuzzolo
Re:Serio problema di sfondo!
« Risposta #9 il: 12 Ottobre, 2014, 21:30:48 »
Praticamente in PROPRIETA' DELLA PAGINA devo andare su PRIMA DELLA CHIUSURA DEL TAG BODY ed inserire la stringa che hai postato.
Sì.

Il secondo passaggio,ovvero la modifica del DIV non mi è ben chiara....  :-X

Hai già quel codice CSS in proprietà della pagina, prima della chiusura del tag HEAD, lo hai scritto tu nel primo post. Cerca le righe di codice che ho indicato e modifica la parte in rosso.

DeathNote83

  • Nuovo arrivato
  • *
  • Post: 55
Re:Serio problema di sfondo!
« Risposta #10 il: 14 Ottobre, 2014, 15:05:38 »
Ho provato ad apportare le modifiche che mi hai postato...ma credo di toppare in qualcosa.
Intanto ho messo online ciò che ho fatto.


Se glidai un occhiata magari riesci a  risalire al problema.


grazie Stesil

stesil

  • Anziani
  • Utente storico
  • *
  • Post: 1219
    • quellidelcucuzzolo
Re:Serio problema di sfondo!
« Risposta #11 il: 14 Ottobre, 2014, 22:12:08 »
Ciao,

hai inserito questa immagine nel codice ma non è presente sul server: images/2.jpg

Togli il css che hai scritto (duplicato) prima della chiusura del tag body.

DeathNote83

  • Nuovo arrivato
  • *
  • Post: 55
Re:Serio problema di sfondo!
« Risposta #12 il: 15 Ottobre, 2014, 16:58:13 »
Ciao Stesil !!!!!!


ho seguito le tue istruzioni e pian piano inizio a capire..come uno stupido non avevo compreso che l'immagina andava caricata sul server.


L'ho fatto e guarda il risultato??


L'immagine p solo leggermente piu corta,magari la sistemo con PHOTOSHOP e riempio la pagina... che dici, può andare cosi??


ps: mi sono accorto solo ora però che c'è una scritta in nero a centro immagine.... mmmmm....credo che vada eliminata....li sulla sinistra  ::)


lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1867
    • lemonsong's world
Re:Serio problema di sfondo!
« Risposta #13 il: 15 Ottobre, 2014, 17:12:45 »
Intanto comincia col togliere quel CSS mozzato, come ti ha già scritto stesil.

Poi, l'immagine (attualmente) ha un bordo:

http://higuain.cerberusinformatica.it/images/2.jpg

[ Guests cannot view attachments ]

Se ti riferisci a questo... rimuovilo se non ti piace.


DeathNote83

  • Nuovo arrivato
  • *
  • Post: 55
Re:Serio problema di sfondo!
« Risposta #14 il: 16 Ottobre, 2014, 14:05:00 »
Si Lemon,il bordo fa parte dell'immagine... non me n'ero manco accorto pensa un po....
per il css.... ho cancellato nella pagina NAVETTA la stringa di CHIUSURA DEL TAG BODY, tu a che css ti riferisci?? dici che è quello che mi sporca l'immagine??