template per joomla 2.5 Main Menu vorrei spostarlo nella stessa posizione 3 cm.

[mauriborzi]

Buongiorno, qualcuno saprebbe darmi un indicazione?
su questo sito a cui sto lavorando, http://www.record316.com/
mi piacerebbe spostare il main menu un po a destra, mi sapreste dire come fare?




grazie maurizio

[tonicopi]

Se ho capito qual'è il menu che vuoi spostare aggiungi i 150px di margine sinistro qui nel file tmpl.header.css (riga 208)

Codice: [Seleziona]

#header .row1 #topmenu {
  float: left;
  height: 38px;
  margin: 1px 0 0 150px;
  padding: 0;
  position: relative;
  text-align: center;
  z-index: 20;
}
Se usi gli strumenti giusti con firefox impari a far da solo:
http://www.joomla.it/articoli-della-community/797-tre-moschettieri-al-servizio-di-joomla.html
 

[mauriborzi]

sei veramente ingamba complimenti, la stringa è giusta ma purtroppo mi si sposta tutto a destra e mi salta tutta la grafica.
Secondo te potrei non pubblicare nel Main menu la home che mi da predefinita.


Scusa la domanda stupida.

[Arkimede360]

Ciao, oltre a spostare il menu (ho visto che ci stavi lavorando), modifica anche l'immagine correggi il css qui:

http://www.record316.com/templates/as002027/css/tmpl.header.css

riga 261

Attualmente l'immagine che usa il tuo menu è larga 165px; falla di 80px e risolvi. Ricordati di modificare il css però.

ciao

[mauriborzi]

(RISOLTO) grazie a tutti per la collaborazione.


Ciao

[mauriborzi]

Buonasera, relativamente al tentativo di rimpicciolire i bottoni del main menu, vorrei farlo adesso perché il bottone contact us mi va accapo, ho provato dal link che mi ha indicato gentilmente Arkimede 360 alla riga 261
suppongo sia questa
#header .row1 #topmenu ul.menu li a { width: 165px;ma non succede nulla i botoni sono larghi come prima.come posso fare?

[conti1]

ciao
io non vedo che va a capo
qui

tmpl.header.css riga 261

Codice: [Seleziona]

#header .row1 #topmenu ul.menu li.current a, #header .row1 #topmenu ul.menu li.active a, #header .row1 #topmenu ul.menu li.actives a, #header .row1 #topmenu ul.menu li:hover a {   background-image: url("../images/btn.topmenu.png");    background-position: left top;   
background-repeat: no-repeat;   
display: block;   
height: 28px;   
width: 171px;   <<<qui
}

[mauriborzi]

Si, non lo vedi perché ho tolto una voce di menù, a capo era bruttissima. non appena riesco a rimpicciolire i bottoni lo faccio.
solo che non so come rimpicciolirli cioè stringerli un po almeno mezzo cm.

[conti1]

leggi il mio post

[mauriborzi]

Finalmente sono riuscito a rimpicciolire il bottone (www.record316.com) ultimo problema il bottone ha, all'origine gli angoli in alto smussati ovviamente rimpicciolendo il sinistro era smussato e il destro no, quindi nel background position l'ho messo center.
In sostanza ho fatto queste modifiche:
#header .row1 #topmenu ul.menu li a
{
  width: 155px; < [/u][/color]Modificato da 165 a 155
  height: 28px;  display: block;    padding: 10px 0px 0px 0px;   font-weight: normal;  text-decoration: none;    border: none;  border-style: none;  outline-style: none;  position: relative;  background-image: url('../images/btn.topmenu.png');  background-position: left bottom;< [/u][/color]Modificato con center top
  background-repeat: no-repeat;  text-align: center;}#header .row1 #topmenu ul.menu li.current a,#header .row1 #topmenu ul.menu li.active a,#header .row1 #topmenu ul.menu li.actives a,#header .row1 #topmenu ul.menu li:hover a{  width: 155px; < [/u][/color]Modificato da 165 a 155
  height: 28px;    display: block;  background-image: url('../images/btn.topmenu.png');  background-position: left top; < [/u][/color]Modificato con center top
  background-repeat: no-repeat;  }#header .row1 #topmenu ul.menu li span{  display: block;}#header .row1 #topmenu ul.menu ul {  display: none;   margin: 0px 0px 0px 0px;  padding: 1px 0px 0px 0px;  top: 38px;  left: 0px;   position: absolute !important;  z-index: 0 !important;  overflow: visible;  text-shadow: none;  background-image: url('../images/bg.black.png');  background-repeat: repeat;  }#header .row1 #topmenu ul.menu > ul > li  {  float: none !important; }#header .row1 #topmenu ul.menu ul li{     width: 155px; < [/u][/color]Modificato da 165 a 155
  height: 20px;  margin: 0px 0px 1px 0px;  padding: 9px 0px 8px 0px;  background-image: url('../images/bg.subtopmenu.png');  background-repeat: repeat; 

tutto bene ma ha tolto le 2 smussature degli angoli in alto.
se volessi recuperare le due smussature come posso fare qual'è l'immagine di riferimento?


Per intenderci le smussature di cui parlo le potete vedere qui:http://www.astemplates.com/content/asj27/index.php


grazie maurizio

[conti1]

dopo tutto il lavoro fatto   ti sei dimenticati di ridurre le immagini
quelle originali sono 165px ora tu hai 155px
prendi le 2 immagini le fai di 155px e ti ritornano gli angoli  tondi.

[mauriborzi]

infatti, solo che ho provato a cambiare la dim. solo che non so perché non succede nulla.
esattamente il file:
btn.topmenu.png dimensione originale 165X75 ed io l'ho ridimensionata con 155 (rimasta invariata, non so perché)
[/size]mentre la [/color][/size]bg.subtopmenu.png il formato è 30X30[/color]
[/size][/color]
[/size]sapreste darmi un indicazione?[/color]
[/size][/color]
[/size]grazie Maurizio[/color]

[conti1]

non sai il perchè?
come hai ridimenzionato le immagini?

la tua img  url("../images/btn.topmenu.png")  è ancora di 165px
dimmi tu cosa hai ridimensionato

[mauriborzi]

photoshop>dimensione immagine>155 (mantieni le proporzioni)>salva>caricato dall'ftp>sovrascrivi>vedianteprima??

[mauriborzi]

scusa dimenticavo, poi l'ho rimessa com'era

[conti1]

io ora la vedo con angoli tondi .

[mauriborzi]

Infatti ho modificato di nuovo, pero nelle dimensioni non ho mantenuto le proporzioni e ridotto solo la larghezza.


ho risolto grazie adesso va bene scusate e grazie per l'aiuto.




maurizio