WebSite X5Help Center

 
Pasquale D.
Pasquale D.
User

Immagine background menù fondo pagina  it

Auteur : Pasquale D.
Visité 1149, Followers 1, Partagé 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!

Posté le
24 RéPONSES - 2 UTILE
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;

}

Lire plus
Posté le de A. Lika
Pasquale D.
Pasquale D.
User
Auteur

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.

Lire plus
Posté le de Pasquale D.
Pasquale D.
Pasquale D.
User
Auteur

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!

Lire plus
Posté le 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.

Lire plus
Posté le de A. Lika
Pasquale D.
Pasquale D.
User
Auteur

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

Lire plus
Posté le de Pasquale D.
Pasquale D.
Pasquale D.
User
Auteur

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!

Lire plus
Posté le de Pasquale D.
Pasquale D.
Pasquale D.
User
Auteur

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!

Lire plus
Posté le 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

Lire plus
Posté le 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...?

Lire plus
Posté le de Mirko Boschetti
Pasquale D.
Pasquale D.
User
Auteur

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!

Lire plus
Posté le de Pasquale D.
Pasquale D.
Pasquale D.
User
Auteur

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.

Lire plus
Posté le de Pasquale D.
Pasquale D.
Pasquale D.
User
Auteur
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 :)

Lire plus
Posté le de Pasquale D.
Pasquale D.
Pasquale D.
User
Auteur

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;

}

Lire plus
Posté le 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

Lire plus
Posté le de  lemonsong  
Pasquale D.
Pasquale D.
User
Auteur

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!

Lire plus
Posté le 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

Lire plus
Posté le de  lemonsong  
Mi Lux
Mi Lux
User

dovrebbe esserci in giro un unofficialwp..

Lire plus
Posté le de Mi Lux
Pasquale D.
Pasquale D.
User
Auteur

si, ma riesci ad aiutarmi per questo?

Lire plus
Posté le 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

Lire plus
Posté le de  lemonsong  
Pasquale D.
Pasquale D.
User
Auteur

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

Lire plus
Posté le de Pasquale D.
Pasquale D.
Pasquale D.
User
Auteur

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

Lire plus
Posté le de Pasquale D.
Pasquale D.
Pasquale D.
User
Auteur

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)

Lire plus
Posté le de Pasquale D.