WebSite X5Help Center

 
Pasquale D.
Pasquale D.
User

Immagine background menù fondo pagina  it

Autor: Pasquale D.
Visitado 1247, Seguidores 1, Compartilhado 0  

Buon giorno, vi chiedo una cosa che avevo già fatto, solo che non mi riesce più......

Se guardate l'immagine allegata forse riesco a spiegarmi, non ho il sito in line.

Intanto ho questo codice :

<style>

#imPgMn
{
position: fixed;
margin-left:810px;
pdding:0px;
top:270px;
}

#imBtMn a, #imBtMn a:visited, #imBtMn a:hover, #imBtMn a:active {color: #000000; }
#imBtMn a
{
font-family: Arial;
font-size: 9pt;
text-align: center;
color: #b1afa5;


}

#imBtMn a.highlight
{
font-size: 9pt;
text-align: center;
color: #b1afa5;
font-weight: bold;
text-decoration: underline;
}

#imBtMn
{
font-family: Arial;
font-size: 9pt;
text-align: center;
height:30px;
color: #b1afa5;
background-image:url('images/back-white-shaders-footer.jpg');
background-repeat:repeat-x;

}

#imFooter
{
top:-30px;

}

</style>

In pratica debbo inserire un immagine di fondo (un filo d'ombra) al menù di fondo pagina, che si ripete in orizzontale. Ci sono riuscito, solo che il filo d'ombra mi attraversa il menù di fondo pagina.

Quindi dovrei cercare di spostare 10/15 pixel il testo del menù.

Potete aiutarmi?

Grazie!

Publicado em
24 RESPOSTAS - 2 ÚTEIS
A. Lika
A. Lika
User

Ciao, dovresti risolvere cosi.. con i margini a zero, sinistra e destra, che tra l'atro si puo impostare anche andando in STILI E MODELLI, E IMPOSTARE I MARGINI A ZERO.

Spero di avere capito quello che ti serviva. ciao

#imBtMn
{
font-family: Arial;
font-size: 9pt;
text-align: center;
height:30px;
margin-left: 0;
margin-right: 0;
color: #b1afa5;
background-image:url('images/back-white-shaders-footer.jpg');
background-repeat:repeat-x;

}

Ler mais
Publicado em de A. Lika
Pasquale D.
Pasquale D.
User
Autor

grazie per avermi risposto, ho già i margini a zero.

Provo come mi hai detto, non capisco però cosa c'entrano i margini dx e sx quando il problema sussiste in top e bootom del menù a fondo pagina.

Eventualmente posto un immagine di come lo vorrei per essere più chiaro.

Ler mais
Publicado em de Pasquale D.
Pasquale D.
Pasquale D.
User
Autor

Eccomi, come supponevo, non è cambiato nulla.

In allegato un immagine di quello che vorrei realizzare e un immagine di quello che ho ottenuto. In pratica si tratta di muovere verticalmente il menù di fondo pagina(il testo), fino a centrarlo in un'altezza di 30 pixel. Sono intervenuto con vari codici : top, bottom, margin, padding etc; ma il risultato che ottengo è che il menù di fondo pagina (il testo), si muove insieme all'immagine di fondo(la fascia con il bordo superiore con l'ombra) e non si "stacca" dal bordo superiore di questa immagine di fondo. 

E' più chiaro? Mi ero spiegato male?

Riuscite ad aiutarmi?

Grazie!

Ler mais
Publicado em de Pasquale D.
A. Lika
A. Lika
User

C......O   e imposibile veramnete ho provato anche io in tutti i modi, niente da fare.

e pure lo avevo gia fatto una volta se non sbaglio mahhhhh. mi sta facendo davero incazzare..

invece l'unico modo e copiare il codice html del footer inserirlo manualmente in modifica modello pié di pagina. Ativare in menu footer originale e nasconderlo. e cominciare a lavorare con il menu manualmente una volta inserito il codice HTML nel pié di pagina.

Ler mais
Publicado em de A. Lika
Pasquale D.
Pasquale D.
User
Autor

macchinoso, vedo se quella riga di ombra la posso inserire al termine del body, mediante codice. Intanto grazie!

Ler mais
Publicado em de Pasquale D.
Pasquale D.
Pasquale D.
User
Autor

si questo, a prescindere dal filo d'ombra, che è un caso specifico, potrei metterci qualsiasi immagine, solo che il bordo superiore dell'immagine, mi attraversa il testo del menù di fondo pagina.

Provo e ti dico, nel tuo codice c0è il padding, che avevo già provato e non mi funzionava.

Riproviamo. Grazie! 

off topic, non è che hai uno script per l'altra mia discussione? (quella con i link sul pecorso della pagina o menù di pagina orizzontale.

Grazie!

Ler mais
Publicado em de Pasquale D.
Pasquale D.
Pasquale D.
User
Autor

Allora funziona, ho integrato anche qualche altro codice, ma a monte ho un problemino, sempre avuto. Vediamo se riusciamo a risolverlo.

Per capirci, guardate l'allegato, ho dato un colore al body per evidenziare il problema. In pratica tra il menù di fondo pagina e il body c'è un imFooPad, alto 0px, ma visivamente è alto 3 pixel circa. Vorrei eliminarlo, o portarlo effettivamente a 0 px di altezza.

C'è la possibilità?

Grazie!

Ler mais
Publicado em de Pasquale D.
A. Lika
A. Lika
User

Azz ma e questo che volevi, ma quello era facile, io stavo lavorando solamente sul menu. non avevo capito porca miseria. mi ha fatto diventare matto.... hihihihi

Ler mais
Publicado em de A. Lika
Mirko Boschetti
Mirko Boschetti
Moderator
Pasquale D.
Allora funziona, ho integrato anche qualche altro codice, ma a monte ho un problemino, sempre avuto. Vediamo se riusciamo a risolverlo. Per capirci, guardate l'allegato, ho dato un colore al body per evidenziare il problema. In pratica tra il menù di fondo pagina e il body c'è un imFooPad, alto 0px, ma visivamente è alto 3 pixel circa. Vorrei eliminarlo, o portarlo effettivamente a 0 px di altezza. C'è la possibilità? Grazie!

Il margine basso della pagina è già a 0...?

Ler mais
Publicado em de Mirko Boschetti
Pasquale D.
Pasquale D.
User
Autor

si, è già zero. Ma mi succede sempre.

Ho dimenticato di direm che il problemasussiste anche al top del body.

Ci sono sempre quei 2/3 pixel.

Ho provato con questo :

#imContent
{ margin-bottom: 0px;
padding-bottom:0px;
border-bottom-width:0px;}

ma ho capito che non c'entra nulla

Grazie!

Ler mais
Publicado em de Pasquale D.
Pasquale D.
Pasquale D.
User
Autor

mi correggo, quello superiore, l'ho risolto con padding-top, però il filo d'ombra non si sovrappone al contenuto.

Invece, per la parte inferiore, non ho ancora risolto.

Ler mais
Publicado em de Pasquale D.
Pasquale D.
Pasquale D.
User
Autor
Pasquale D.
mi correggo, quello superiore, l'ho risolto con padding-top, però il filo d'ombra non si sovrappone al contenuto. Invece, per la parte inferiore, non ho ancora risolto.

falso allarme, non ho risolto :)

Ler mais
Publicado em de Pasquale D.
Pasquale D.
Pasquale D.
User
Autor

Ecco vedete? (guardate l'allegato) 

il filo d'ombra orizzontale e verticale, una volta finito, mostra il background del body che è bianco, se ci mettessi un colore sarebbe più visibile.

Mentre invece, l'ombra non si sovrappone all'immagine(o il contenuto del body), pur agendo sul padding.

ecco il codice :

#imContent
{
background-image:url('images/ombra-menu.png');
background-repeat:repeat-x;
border-width: 0px;
z-index:0;


}

#imPgTitle

{
position: relative;
margin-left:;
padding:0px;
top:-30px;
font-weight: bold;
}

#imPgMn
{
position: fixed;
margin-left:820px;
padding:0px;
top:270px;
}


#imBtMn a, #imBtMn a:visited, #imBtMn a:hover, #imBtMn a:active {color: #000000; }
#imBtMn a
{
font-family: Arial;
font-size: 9pt;
text-align: center;
color: #b1afa5;


}

#imBtMn a.highlight
{
font-size: 9pt;
text-align: center;
color: #b1afa5;
font-weight: bold;
text-decoration: underline;
}

#imBtMn
{
font-family: Arial;
font-size: 9pt;
text-align: center;
height:30px;
color: #b1afa5;

padding-top: 10px;
padding:0px,0;

background-image:url('images/ombra-footer.png');
background-repeat:repeat-x;
border-width: 0px;

}
#imFooter
{
top:-12px;

}

Ler mais
Publicado em de Pasquale D.
 lemonsong  
 lemonsong  
User
Pasquale D.
pdding:0px;
Pasquale D.

margin-left:;

Pasquale D.

padding:0px,0;

Questi sopra sono errori.

Anche se non c'entrano niente con il tuo "problema" è bene farteli notare.

Se metti un link con un esempio, forse è meglio.

_______ oltre il 5° step ________

http://www.unofficialwsx5.com

Ler mais
Publicado em de  lemonsong  
Pasquale D.
Pasquale D.
User
Autor

Scusate, eravamo rimasti che pubblicavo il link per farvi capire meglio.

Premesso che è l'ultimo o penultimo sito in wsx5, poi ci vediamo su wp,  riuscite ad aiutarmi per risolvere questo?

Riepilogo : in pratica ho un filo d'ombra in png, vorrei che il body sia sotto questo filo d'ombra.

Riuscite ad aiutarmi?

Grazie!

Ler mais
Publicado em de Pasquale D.
 lemonsong  
 lemonsong  
User
Pasquale D.
Premesso che è l'ultimo o penultimo sito in wsx5, poi ci vediamo su wp [...]

Dopo questa premessa devi trovare proprio un buon samaritano... magari mi sbaglio eh

_______ oltre il 5° step ________

http://www.unofficialwsx5.com

Ler mais
Publicado em de  lemonsong  
Mi Lux
Mi Lux
User

dovrebbe esserci in giro un unofficialwp..

Ler mais
Publicado em de Mi Lux
Pasquale D.
Pasquale D.
User
Autor

si, ma riesci ad aiutarmi per questo?

Ler mais
Publicado em de Pasquale D.
 lemonsong  
 lemonsong  
User

Premesse:

  • si sta andando OT rispetto al titolo di questo post
  • hai dei CSS scritti in HEAD "superflui" (per alcuni puoi usare le impostazioni di WS)

Dopo le premesse, se hai sfruttato tutte le impostazioni che WS mette a disposizione e se ho capito bene a cosa ti riferisci, puoi provare con questo CSS:

#imObjectMap_1{
margin-bottom: -3px;
}

P.S.

Ah, dimenticavo: facci sapere quale forum frequenterai

_______ oltre il 5° step ________

http://www.unofficialwsx5.com

Ler mais
Publicado em de  lemonsong  
Pasquale D.
Pasquale D.
User
Autor

Ciao Lemonsong, non ho provato, la pagina che ho linkato è solo un esempio, ma in realtà il problema si pone in tutto il sito, e quindi non solo con la mappa di google, quindi suppongo che dovrei utilizzare #imContent al posto di #imObjectMap_1

Provo e ti dico, intanto grazie!

p.s.

ma dimmi piuttosto quelli che frequentate voi, così facciamo prima

Ler mais
Publicado em de Pasquale D.
Pasquale D.
Pasquale D.
User
Autor

Ho provato, ma stranamente non cambia nulla, ovviamente ho provato con diversi valori e anche con incontentgraoics.....

probabilmente non mi sono spiegato bene cosa volevo ottenere.

Provo a postare un immagine, forse riesco a spiegarmi meglio

Ler mais
Publicado em de Pasquale D.
Pasquale D.
Pasquale D.
User
Autor

Ecco, credevo di voler realizzare una cosa semplice : un body, che nel top e nel bottom, abbia una fascia bianca che proietta un ombra sul body.(nell'immagine l'ombra c'è solo sul top)

Ler mais
Publicado em de Pasquale D.