Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => I Template di Joomla 1.6/1.7/2.5 => : cesco v91 17 Dec 2012, 19:30:11
-
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.
#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.
#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
#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 :)
-
Ciao cesco,
metti se puoi un link al tuo sito altrimenti sarà difficile aiutarti.
Ciao!
-
http://www.diabolico.net/
Ecco qui :)
Non l'ho messo perché in genere lo metto offline ;)
-
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;
-
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?
padding-left:50%;
padding-right:50%;
Questo lo metto qui
#topmenu {
text-align: left;
margin: 0px;
padding: 0 16px;
Ma non succede nulla.
Questo invece
background-repeat: repeat;
background-position: top;
qui
#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?
-
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
-
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
-
ottimo che hai risolto!
potresti inserire [risolto] nel titolo del tuo primo link?
grazie mille!
-
Vorrei, ma ho risolto solo un punto manca l'altro XD
-
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...
-
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. :(
-
#topmenuwrap quello in color1.css riga 17 ???????
-
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
-
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.
-
posta il codice dei due elementi
-
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?
-
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 :))