Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => : aleg_81 17 Jul 2014, 14:48:59
-
Salve a tutti, sono Alessandro e sono un pivellino!
Mi sto avvicinando al mondo Joomla e sto realizzando qualche sitino semplice semplice.
Ora avrei bisogno di risolvere un arcano:
ho la necessità di orientare il menu (in verde nell'esempio) (roketmenu ma posso anche cambiarlo senza problemi!) in modo tale che si sovrapponga al logo aziendale (in rosso).
Il logo è simile a una L ruotata di 90° e vorrei che il menu andasse a porsi circa così:
I------------------------------------------------------------------------
I
I MENU MENU MENU MENU MENU MENU MENU MENU
I
I
il tutto centrato nella pagina...
Idee? premetto sono parecchio ignorante in materia.
Uso RoketMenu su Template Roket Quasar.
Un grazie fin da ora!
-
è buona cosa sempre linkare il sito, così è difficile capire ...
-
Sì scusate: era offline.
www.studiomorbiato.it
è ancora acerbissimo quindi abbiate pietà... come si vede il logo è "tagliato"
-
nel file css
http://www.studiomorbiato.it/joomla/templates/rt_quasar/css/template.css
alla riga 34 inserisci le dimensioni dell'immagine, adesso hai
#rt-logo {
display: block;
height: 49px;
width: 236px;
}
mentre la tua immagine è 829x138px.
temo comunque che con un limmagine così grande avrai qualche problema nella visualizzazione su mobile.
-
ok, fatto, o meglio ho capito il discorso "dimensione"... rimane però il fatto che anche così non parte il menu all'altezza della base dell S del logo...
idee?
intanto grazie davvero!
-
inserisci in fondo al file
http://www.studiomorbiato.it/joomla/templates/rt_quasar/css/template.css
questo codice
.rt-block {
padding: 0px 15px !important;
}
-
ho fatto come consigliato giusebos (http://forum.joomla.it/index.php?action=profile;u=4750) ma non noto differenze... ho pensato eventualmente di tagliare in 2 sezioni il logo in modo da creare un immagine in alto e poi una seconda con la parte "bassa" della S e a destra di questa il menu... ma non so se sono in grado.
-
Ciao aleg_81,
sì qualche differenza c'è, magari non quello che volevi...
Comunque, lascia il css di giosebos e aggiungi questo sotto:
ul.menu {
float: left !important;
margin-left: 120px !important;
margin-top: -50px !important;
}
ma forse dovresti cambiare colore alle voci di menù, quel grigio è quasi illeggibile.
-
wow! grazie 1000 ragazzi! quando avete un secondo mi spiegate "come" ci si è riusciti? cioè a cosa corrispondono i numeri? grazie ancora
-
Per prima cosa devi scrivere un css che non influenzi gli altri, nel tuo caso usando un css esistente avresti spostato anche i sottomenù.
I margin somo la distanza dall'elemento, il contenitore del menù nel tuo caso, relativamente agli altri elementi e li puoi mettere anche negativi. Sono esterni allo stesso. I padding interni.
Per farlo devi usare Firebug per Firefox, così vedi e modifichi i css da frontend. Ottenuto quello che vuoi lo riporti sul file css che indica sempre Firebug.
-
Gentilissimo! in effetti con questo componente si ha un bel aiutone! grazie 10000 ho imparato più cose in sto post che in decine di ore a cercare nel web ;)