[risolto] beez_20: "Cerca" in Top Menu .... e' possibile ?

[willy70EB]

Ciao a tutti,
chiedo il vostro aiuto per sapere se e' possibile spostare l'inputbox "Cerca", che di default e' in
position-0, nella parte destra del Top-Menu, dalle prove che ho fatto non mi sembra che sia fattibile
usando i menu web di joomla, confesso che ho fatto vari tentativi, per questo volevo sapere se c'e' da modificare personal.css oppure altri file,io putroppo non ne so nulla di HTML e simili, mi dareste
una mano ?
grazie mille
Willy

[adottauncane]

Ciao willy70EB,
un link al sito?

[willy70EB]

nessuno siamo appena all'inizio ... dico siamo perche' insieme ad altri due amici volevamo
fare un nostro sito web ma come vedi siamo proprio all'abc

grazie
W.

[adottauncane]

È probabilmente possibile, spostando la posizione del cerca con il relativo css. Per vedere come fare scarica Firebug per Firefox e fai delle prove da front end. Poi le registri sul css originale.
http://www.joomla.it/articoli-della-community/797-tre-moschettieri-al-servizio-di-joomla.html

[willy70EB]

ciao e grazie a tutti per i vostri post,
allora posso dirvi che con firebug riesco a vedere le classi per esempio beez_20 ha <ul class="menu">
che e' proprio quella su cui dovrei inserire il mio searchbox, che al momento e' in un altra classe
<div class="search">, la classe menu e' definita  in personal.css. Per quanto riguarda la posizione
posso dirvi che il top-menu mi sembra che sia in position-1 pero per me non e' semplicissimo
capire dove e cosa modificare , ho guardato position.css ma sinceramente non riesco proprio
qualcuno puo' darmi qualche aiuto ?
eventualmente non fosse cosi' semplice spostare l'input box di ricerca secondo voi quando e'
complicato inserire sempre in Position-0 data e ora ?
grazie
W.

[adottauncane]

Per spostare il box cerca inserisci questo css nel file personal.css, al fondo:

Codice: [Seleziona]

#header form .search {
    display: block;
    margin-left: 720px;
    margin-top: 42px !important;
    width: 300px;
    position:absolute;
}
e poi regola il margin-top come ti serve per farlo coincidere con il top menù.

[willy70EB]

grazie per il codice pero' se posso .... dopo aver applicato il tuo sorgente al file la posizione del box non cambia di un pixel, neanche se modifico gli altri parametri si vede nulla , c'e' forse un mismatch con qualche nome di classe o di variabile ?
grazie
Willy

[adottauncane]

Il codice funziona su un beez_20 senza modifiche. Hai provato a ricare la pagina dopo aver inserito il codice?

[willy70EB]

purtoppo nulla di nuovo... per caso puo' essere necessaria una modifica su position.css ?
grazie di nuovo

[willy70EB]

risolto !! grazie per l' aiuto, con il tuo codice ho capito come modificare il problema era che se lo
mettevo in fondo non ottenevo nulla, allora ho modificato la sezione originale relativa a "cerca"
nel file che mi avevi giustamente indicato, personal.css:

".....
/* ++++++++++++++  search  ++++++++++++++ */
#header form,
#header form .search,
#header form .finder
{
/* questo e' il codice originale
display:inline;
padding-right:1px ;
*/

/* posiziona in modo assoluto il box cerca nel top-menu */
display: block;
margin-left: 370px;
margin-top: 32px !important;
width: 300px;
position:absolute;
}
...
"
grazie !!
Willy