[Risolto] Centrare top menų e cambiare immagine di sfondo

[cesco v91]

Salve ragazzi ho un po di problemi con la gestione dei top menų.
Il template che sto usando č a4joomla OCEAN FREE

Innanzitutto non sono centrati.
Penso che la parte che interessi questo problema sia questa parte di codice.

Codice: [Seleziona]

#topmenu {

  text-align: left;

  margin: 0px;

  padding: 0 16px;

  font-family: Arial, Helvetica, sans-serif;

  text-transform: uppercase;

  font-weight: normal;

  font-size: 14px;

  height:35px;
 
 
  position: relative;

  z-index:1000;

}
Ma modificando weight non succede niente. -.-
Ho sbagliato file da modificare o riga? Come risolvo?

Ancora, voglio modificare l'immagine di sfondo dei top menu. Credo che il codice che interessi questo aspetto sia il seguente.

Codice: [Seleziona]

#topmenu {
 
  background none;
  border-top: 1px solid #000;
}
Modificandolo in background #colore che voglio; funziona tutto perfettamente.
Ho pensato quindi che sarebbe bastato modificare il codice cosi come ho fatto per header e quindi

Codice: [Seleziona]

#topmenu {
 
  background none;
  background-image: url ("link all'immagine nella cartella del template")
  border-top: 1px solid #000;
}
Ma niente non esce nessuna immagine.

Vi ringrazio in anticipo

[maicolstaip]

Ciao cesco,
metti se puoi un link al tuo sito altrimenti sarā difficile aiutarti.

Ciao!

[cesco v91]

http://www.diabolico.net/

Ecco qui

Non l'ho messo perché in genere lo metto offline

[Rasjah]

Per centrare il tuo div prova:

  padding-left:50%;

  padding-right:50%;

Invece per lo sfondo prova ad impostare anche

  background-repeat: repeat;

  background-position: top;

[cesco v91]

Innanzitutto grazie per la risposta. E' un ora che provo a cambiare, ma niente non funziona se uno ne l'altro.

Forse sbaglio dove inserirli?

Codice: [Seleziona]

padding-left:50%;

  padding-right:50%;
Questo lo metto qui

Codice: [Seleziona]

#topmenu {

  text-align: left;

  margin: 0px;

  padding: 0 16px;

Ma non succede nulla.

Questo invece

Codice: [Seleziona]

background-repeat: repeat;

  background-position: top;
qui

Codice: [Seleziona]

#topmenu {
 
  background none;
  background-image: url ("link all'immagine nella cartella del template")
  border-top: 1px solid #000;
}
E anche qui niente. Sbaglio i file che vado a modificare? O devo modificare qualche altra cosa?

[Rasjah]

Guarda se ti va bene questo in template.css riga 175


#topmenu {
    text-align: left;
    margin: 0px 150px;
    padding: 0px 16px;
    font-family: Arial,Helvetica,sans-serif;
    text-transform:


Per il  background


background-image: url ("link all'immagine nella cartella del template")


background-repeat: repeat;

  background-position: top;



Anche perchč , non ha senso scrivere quello che hai fatto tu nel background




 

[cesco v91]

Mi scuso per il ritardo, ma in questi giorni il DB non funzionava e qualsiasi cosa cambiassi non succedeva niente. Ora sembra tutto ok.

I menu sono centrati e ho messo 180px invece di 150px, ma il punto č che funziona e quindi grazie. Almeno un problema č risolto.

Ma ne č sorto un altro. Se vai sul sito capirai. Praticamente i divisori dei menu sono spostati di qualche pixel sotto e non so come spostarli verso sopra visto che sono gia a 0.

Per quanto riguarda l'immagine di background non va. Devo rispettare determinate misure?

Ancora grazie

EDIT:

Ma ne č sorto un altro. Se vai sul sito capirai. Praticamente i divisori dei menu sono spostati di qualche pixel sotto e non so come spostarli verso sopra visto che sono gia a 0.

Ho risolto spostando
#topmenuwrap {

  margin: 10px;
invece che 0. Rimane quello dell'immagine

[ellezero]

ottimo che hai risolto!
potresti inserire [risolto] nel titolo del tuo primo link?
grazie mille!

[cesco v91]

Vorrei, ma ho risolto solo un punto manca l'altro XD

[ellezero]

scusami, sara il freddo ma son rimbambita.
ho rileto meglio, ma il mio problema persiste e nn capisco se ti resta in sospeso la righina tra le voci di menu o il colore di sfondo...

[cesco v91]

Il top menu č centrato e messo in linea anche la righina.

Il problema č che non riesco a cambiare lo sfondo. Ho provato anche sulla voce

#topmenuwrap

ma niente.

[Rasjah]

#topmenuwrap quello in color1.css riga 17 ?

[berry]

nel css /templates/a4joomla-ocean-free/css/color1.css sono due le voci su cui devi intervenire:

la prima alla riga 17 #topmenuwrap  che definisce lo sfondo di tutta la barra orizzontale

la seconda alla riga 31 #topmenu che definisce lo sfondo del solo menu

[cesco v91]

nel css /templates/a4joomla-ocean-free/css/color1.css sono due le voci su cui devi intervenire:

la prima alla riga 17 #topmenuwrap  che definisce lo sfondo di tutta la barra orizzontale

la seconda alla riga 31 #topmenu che definisce lo sfondo del solo menu

Si l'ho notato usando firebug in cosa differivano. Ma comunque l'immagine non si vede in nessuno dei 2 casi sia mettendola in #topmenu e in #topmenuwrap.

Ho prato a metterlo in #topmenuwrap perche effettivamente a me serve tutta la barra con delle righe di sfondo, ma niente non va. Ho prato anche a cambiare immagine formato e grandezza niente.

[berry]

posta il codice dei due elementi

[ellezero]

posso? mi intrometto (e via con la caccia al tesoro!)
fai una prova, metti nel tuo #topmenuwrap dentro a template.css questa dicitura
background:url("/templates/a4joomla-ocean-free/images/diabolicoLOGO.jpg") repeat scroll 0 0 #FFFFFF !important;

e vedrai comparire il tuo logo come sfondo ai lati

poi in topmenu, dentro color1.css commenta la riga relativa al background, questa

background:none repeat scroll 0 0 #31353E;

dovrebbe andare no?

[cesco v91]

Grazie ellezero. Funziona perfettamente. L'unica cosa che ho cambiato č stato nel file color1.css ho messo semplicemente

background: none; in modo che uscisse solamente l'immagine che c'era in #topmenuwrap tanto č la stessa.

Ringrazio tutti moltissimo. Senza di voi non avrei potuto finire il sito.

Metto risolto )