Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => : lord.poeticus 02 Dec 2013, 16:05:03
-
Vorrei spostare il pulsante di login in alto senza nessun margine.
Nel css c'è solo questo parametro: margin-bottom: 0;
Potrei creare quello che mi serve ex-novo ad esempio scrivendo sotto quel parametro: margin-top: 0; ?
grazie
-
ti occorre appunto una posizione in alto libera, che se non esiste puoi creare.
-
Il template è provvisto di una posizione in alto a sinistra dove serve a me: il problema è che il pulsante rimane un po' distanziato rispetto al margine alto.
Per nuova posizione intendi quello che ho scritto prima, ossia: scrivere margin-top: 0px in modo da operare sulla posizione esistente per modificarla solamente, oppure creare una posizione completamente nuova più in alto rispetto a quella esistente?
-
in joomla le posizioni sono ad esempio, le colonne oppure lo spazio per il dove siamo o magari lo slider.
In genere sono zone definite dove inserire un modulo;
- il login
- una slider
- un menù
- pubblicità
- iscrizione newsletter
- ultimi articoli inseriti e molto altro.
adesso a seconda di cosa ci inserirai dentro, di che tipo di modulo, potrebbe verificarsi che quel qualcosa non sia perfettamente posizionato, così dobbiamo fare degli aggiustamenti modifivando uno dei file css o scrivendo una nuova regola.
la cosa migliore da fare in questi casi per ottenere aiuto, è quella di avere il sito on-line, magari anche su uno spazio gratuito come altervista o joomlafree. Solo così è possibile avere le istruzioni precise che ti occorreranno per loa tua modifica.
-
Mea culpa, questo è il sito: http://loscrano.altervista.org/joomla/ (http://loscrano.altervista.org/joomla/)
In alto a destra vedo con firebug: login, login container, e top menu.
Forse dovrei prima modificare le dimensioni del login container in modo da creare lo spazio per modificare poi l'altezza del pulsante login?
Con google chrome il pulsante è più in alto rispetto alla visualizzazione tramite firefox, quindi lo vorrei portare il più in alto possibile in modo che anche con firefox si noti poco che è staccato dal margine
-
per prima cosa eliminiamo il margine superiore di 11px che non ti serve:
il file
http://loscrano.altervista.org/joomla/templates/constructionco-fjt/css/styles.css (http://loscrano.altervista.org/joomla/templates/constructionco-fjt/css/styles.css)
alla riga 109 contiene
#main {
margin: 11px auto 0;
position: relative;
}diventerà
#main {
margin: 0px auto 0;
position: relative;
}
-
poi sempre nel file
http://loscrano.altervista.org/joomla/templates/constructionco-fjt/css/styles.css (http://loscrano.altervista.org/joomla/templates/constructionco-fjt/css/styles.css)
aggiungi all'ultima riga
#je-login {
margin: 0px !important;
}
-
Perfetto, risolto,
Ti ringrazio, sei sempre molto disponibile e paziente
-
Immagino che non sia facilissimo poi equilibrare le caselle username e password una volta che si clicca sul pulsante di login, perchè premendoci sopra le caselle son sfasate
-
inserisci anche questa istruzione allutima riga de file styles.css
#je-login input[type="text"], #je-login input[type="password"] {
margin-top: 0px !important;
}
-
e per voler spaccare il capello inserisci anche questo che ti aumenta il pulsante striminzito di fianco a remember me
#je-login .btn {
height: 30px !important;
}
-
grazie, grazie, info utili anche per chiederne meno in futuro ;)
-
quel modulo login come si chiama?
(cita il nome solo se non commerciale)
Grazie
-
Il modulo si chiama jE login. Ti chiedo una cosa a riguardo: le modifiche hanno funzionato perfettamente sia su chrome che su firefox, ma ad un certo punto su firefox è completamente sparito il pulsante e ha spostato la scritta molto più a sinistra, invece su chrome il risultato è rimasto perfetto.
Anche aprendo firebug su firefox vedo che mancano tutti i parametri del layout del pulsante: non capisco cosa sia successo:
L'unica cosa che noto ma non so se dipenda da questo è:
}
#loginButton42 span {
display: block;
ho provato tramite firebug a scrivere active, ma non cambia nulla.
Cosa posso fare?
-
non so cosa è successo....ripristina i file originali e procedi nuovamente, cambiando e provando una regola alla volta.
ricordati di ricaricare la pagina con ctrl+F5
-
i comandi nel css son sicuramente giusti visto che su chrome si vede tutto bene, ma non capisco perchè su firefox non li recepisca più considerando che inizialmente le modifiche erano attive sia su chrome che su firefox
-
devi tornare indietro nel tempo come ti ho indicato e riprovare un pò per volta.....