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 => : patrizia.ola 16 Mar 2011, 13:01:47

: Menu LOGIN e Sez. CERCA leggermente sballati
: patrizia.ola 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:

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!
: Re:Menu LOGIN e Sez. CERCA leggermente sballati
: patrizia.ola 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
:
<br> al termine del label:
:
<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
: Re:Menu LOGIN e Sez. CERCA leggermente sballati
: conti1 17 Mar 2011, 02:05:17
ciao
benvenuta nel forum
per il box pw ti basta mettere questo css

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

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

: Re:Menu LOGIN e Sez. CERCA leggermente sballati
: patrizia.ola 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!
: Re:Menu LOGIN e Sez. CERCA leggermente sballati
: patrizia.ola 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
:
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....

: Re:Menu LOGIN e Sez. CERCA leggermente sballati
: tonicopi 20 Mar 2011, 19:07:21
Ciao patrizia.ola, non risolvi modificando questa regola?:
:
div.search input {
    border: 1px solid #CCCCCC;
    margin: 10px 0;
    width: 10%;
}