Autore Topic: Menu LOGIN e Sez. CERCA leggermente sballati  (Letto 2724 volte)

Offline patrizia.ola

  • Nuovo arrivato
  • *
  • Post: 9
    • Mostra profilo
Menu LOGIN e Sez. CERCA leggermente sballati
« il: 16 Mar 2011, 13:01:47 »
Ciao a tutti!!  :D

Mi presento, sono Patrizia e mi sono registrata da poco... conosco Joomla da qualche anno... ma in realtà è solo da 3-4 settimane che ho iniziato a "smanettarci" di brutto... hahahhaa
Avevo fatto altri 2-3 tentativi in passato, ma mi ero sempre arresa.. preferendo siti statici, ora però ho deciso che è giunta l'ora di imparare!!!  8)

Ma veniamo al dunque, ho messo un sito di prova online su http://scuola16.altervista.org, ho caricato un template adattato da me... che funziona abbastanza bene, ma ho notato due errorini:
  • uno è nel menu di login utente, in pratica vorrei ci fosse scritto "Nome utente" e la barretta per digitare su una nuova riga, e poi "Password" e di nuovo barretta su nuova riga... perchè così com'è ora è bruttino...
  • l'altro riguarda la pagina che si apre quando clicchi su CERCA, la sezione "CERCA SOLO" è leggermente sballata... come faccio a sistemarla??

Ho provato a guardare in index.php e in layout.css ma non ho ben capito come aggirare il problema... qualche consiglio sul dafarsi?

Grazie!

Offline patrizia.ola

  • Nuovo arrivato
  • *
  • Post: 9
    • Mostra profilo
Re:Menu LOGIN e Sez. CERCA leggermente sballati
« Risposta #1 il: 17 Mar 2011, 00:36:23 »
Allora, scrivo per aggiornare la situazione...
bazzicando sul forum e usando il caro amico google ho scoperto l'esistenza di firebug!!  ;D

Ho capito dov'era l'errore nel modulo LOGIN, è bastato aggiungere un invio a fine riga nel label e per ora il primo dei miei due problemi si è risolto!!!  ;)

Quindi nel file:
...\modules\mod_login\tmpl\default.php ho aggiunto semplicemente
Codice: [Seleziona]
<br> al termine del label:
Codice: [Seleziona]
<p id="form-login-username">
<label for="modlgn-username"><?php echo JText::_('MOD_LOGIN_VALUE_USERNAME'?></label><br>
<input id="modlgn-username" type="text" name="username" class="inputbox"  size="18" />
</p>
<p id="form-login-password">
<label for="modlgn-passwd"><?php echo JText::_('JGLOBAL_PASSWORD'?></label><br>
<input id="modlgn-passwd" type="password" name="password" class="inputbox" size="18"  />
</p>

Domani vedrò di risolvere anche il secondo problemino..  :P
« Ultima modifica: 17 Mar 2011, 00:38:05 da patrizia.ola »

Offline conti1

  • Global Moderator
  • Instancabile
  • ********
  • Post: 9052
  • Sesso: Maschio
    • Mostra profilo
Re:Menu LOGIN e Sez. CERCA leggermente sballati
« Risposta #2 il: 17 Mar 2011, 02:05:17 »
ciao
benvenuta nel forum
per il box pw ti basta mettere questo css

Codice: [Seleziona]
#modlgn-passwd {
    margin-left: 15px;
}
in questo modo si allinea.

x il cerca prova se ti puo andare
template.css (riga 2239)
Codice: [Seleziona]
div.search input {
    border: 1px solid #CCCCCC;
    margin: 5px 0;
    width: 85%;<<<<<<qui
}

« Ultima modifica: 17 Mar 2011, 02:14:41 da conti1 »
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline patrizia.ola

  • Nuovo arrivato
  • *
  • Post: 9
    • Mostra profilo
Re:Menu LOGIN e Sez. CERCA leggermente sballati
« Risposta #3 il: 17 Mar 2011, 12:58:54 »
Allora intanto grazie mille a conti1!!

Per il box nome utente e password ho risolto mettendo margin left 20, con 15 ancora non si allineava bene!
Sicuramente è molto meglio la tua soluzione, rispetto a quella che avevo trovato io, perchè si lavora solo sul css e non nei files del core di joomla!  ;)

Per il cerca, ho provato a cambiare la width, per funzionare funziona... però cambia la larghezza anche della casella cerca "classica" ora faccio due, tre prove e vedo se riesco a trovare qualche soluzione!

Offline patrizia.ola

  • Nuovo arrivato
  • *
  • Post: 9
    • Mostra profilo
Re:Menu LOGIN e Sez. CERCA leggermente sballati
« Risposta #4 il: 17 Mar 2011, 14:31:35 »
Ecco qua... direi che ora ho quasi risolto...

allora, impostando il valore width a 10% ottengo un effetto molto gradevole nelle sezioni search phrases e only

Però mi stringe troppo la casella dove inserire i termini di ricerca.... per il "modulo cerca" ho risolto applicando uno stile nelle opzioni avanzate (che ho chiamato _findbox) e che ho inserito così al termine del mio foglio template.css
Codice: [Seleziona]
div.search_findbox input {
    border: 1px solid #CCCCCC;
    margin: 5px 0;
    width: 95%;
}

Ma resta un piccolo problema per il plugin cerca nella sezione word, perchè lì la casella per l'inserimento del testo giustamente resta al 10% e mi pare un po' bruttina... suggerimenti??

Visto che quella parte è gestita dalla sezione plugin e non nei moduli, non sono stata in grado di applicare uno stile solo a quella singola parte...  :-[

Patrizia

In allegato l'immagine di come (in locale) appare ora il mio sito di prova....


Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12763
  • Sesso: Maschio
    • Mostra profilo
Re:Menu LOGIN e Sez. CERCA leggermente sballati
« Risposta #5 il: 20 Mar 2011, 19:07:21 »
Ciao patrizia.ola, non risolvi modificando questa regola?:
Codice: [Seleziona]
div.search input {
    border: 1px solid #CCCCCC;
    margin: 10px 0;
    width: 10%;
}
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

 

Host

Torna su