Spostare un modulo

the.arch

Spostare un modulo

Ciao a tutti mi rivolgo a voi fiducioso del vostro aiuto.
Nel mio sito web vorrei inserire un modulo di ricerca subito sotto il top menu.

h t t p : // i32.tinypic.com/29nghlj.jpg

Come vedete dall'immagine il modulo di ricerca (quello nel rettangolo rosso) vorrei spostarlo nel rettangolo nero , subito sotto il menù . Se è possibile vorrei pure allargare l'area dove si scrive la parola chiave per la ricerca.

Se vi serve il codice CSS del template , o quello html , o il php del modulo ditemi pure. Grazie

pikadilly

Ciao,
devi creare un div per la ricerca e piazzarlo sotto il menu in alto...se hai l'esempio on line è meglio.

the.arch

grazie per la risposta il sito web è questo
h t t p ://clab.altervista.org
mi spieghi meglio cosa dovrei fare??

pikadilly

Allora,
credo che i tuoi contenuti di sinistra siano nel div main_content_no_left.

Se vuoi che il modulo ricerca sia sopra i contenuti di sinistra allora devi mettere il div che li contiene ora sotto a:

<divid="main_content_no_left">

Nel index.php.

Quindì sarà così:
<div id="main_content_no_left">
<div class="miomoduloricerca"></div>

resto della pagina
</div> <--- fine del div #main_content_no_left"

Se vuoi che il tuo modulo ricerca sia al di sopra delle parti, ovvero sopra il div sinistro e sopra il div destro, allora dovrai metterlo sotto il div id wrap.
<div id="wrap">
<div class="miomoduloricerca"></div>

resto della pagina
</div> <--- fine del div #wrap.

Non so che versione di joomla usi ma in quelle precedenti alla 1.5 il campo ri cerca si chiamava con user4, ovvero:

<?php mosLoadModules ( 'user4', -1 ); ?>.

Spero di averti aiutato.

the.arch

Innanzi tutto grazie per l'aiuto

allora io vorrei spostare il modulo di ricerca che si trova a destra e metterlo in alto sotto il menu principale.
il modulo è già costruito e come posizione io uso "right"
uso joomla 1.5

e nel file index.php del mio template ho trovato la parte che dici tu relativa al "wrap" , ed è cosi :

        <?php if (mosCountModules('left')) { ?>
        <div id="left_sidebar" class="column">
            <?php mosLoadModules( 'left', -2 );?>
        </div><!-- end div#left_sidebar -->
        <?php } ?>
    
        <div id="main_content<?php echo $style; ?>" class="column">
            <?php mosMainBody(); ?>
        </div><!-- end div#main_content -->
    
        <?php if (mosCountModules('right')) { ?>
        <div id="right_sidebar" class="column">
            <?php mosLoadModules( 'right', -2 );?>
        </div><!-- end div#right_sidebar -->
        <?php } ?>
        
        <?php if (mosCountModules('footer')) { ?>
        <div id="footer">
            <?php mosLoadModules( 'footer', -2 );?>
        </div><!-- end div#footer -->
        <?php } ?>
        
        <div id="designer">
            <?php include($mosConfig_absolute_path."/templates/" . $mainframe->getTemplate() . "/js/template.css.php"); ?>
        </div>
        
    </div><!-- end div#wrap -->
</div><!-- end div#main_content_wrapper -->

</body>
</html>

ora per spostare quel modulo e inserirlo come si vede da quest'immagine
h t t p : // i32.tinypic.com/29nghlj.jpg
(posizionarlo nel rettangolo nero)

che codice devo scrivere? dopo che inserisco il codice immagino che devo cambiare le impostazioni del modulo per quanto riguarda la posizione
il modulo di ricerca si chiama mod_jdirectorysearch

grazie

the.arch

ok sono riuscito a farlo , mi hai aiutato molto .
Alla fine ho inserito il codice cosi

<div id="main_content_wrapper">
    <div id="wrap">
    
        <div class="moduloricerca"></div>
        <?php mosLoadModules ( 'user7', -1 ); ?>.

ora vorrei chiederti un ultima cosa
se vai sul sito h t t p : / / clab.altervista.org/

vorrei allargare l'area testo di ricerca, il box dove inserisco i termini di ricerca. E centrarlo nella pagina
Come faccio?? devo modificare il file php del modulo??
A sinistra del box di ricerca vorrei inoltre inserire una piccola immagine con scritto cerca, sai come si può fare??

grazie

pikadilly

Forse mi sono spiegata male.

Tu hai inserito il div "moduloricerca" ma all'interno non hai inserito il campo di ricerca, lo hai inserito fuori:

<div class="moduloricerca"></div>
            <form action="index.php" method="get">
<input type="hidden" name="option" value="com_jdirectory" />
<input type="hidden" name="directory" value="1" />
<input type="hidden" name="Itemid" value="1" />
<input type="hidden" name="task" value="search" />
<input type="text" name="text_search" value="" onblur="if(this.value=='') this.value='';" onfocus="if(this.value=='') this.value='';"/>
<select name="catid" id="category">
<option value="0" selected='selected'>Seleziona Categoria</option>
            <option value="13" >Xbox</option>
                        <option value="36" > >> Console</option>
                        <option value="22" > >> Giochi</option>
                        <option value="31" > >> Accessori</option>
                        <option value="15" >PlayStation2</option>
                        <option value="18" > >> Console</option>
                        <option value="16" > >> Giochi</option>
                        <option value="17" > >> Accessori</option>
                        <option value="12" >Sony PSP</option>
                        <option value="21" > >> Console</option>
                        <option value="19" > >> Giochi</option>
                        <option value="20" > >> Accessori</option>
                        <option value="11" >NintendoDS</option>
                        <option value="37" > >> Console</option>
                        <option value="26" > >> Giochi</option>
                        <option value="27" > >> Accessori</option>
                        <option value="10" >PlayStation3</option>
                        <option value="35" > >> Console</option>
                        <option value="25" > >> Giochi</option>
                        <option value="30" > >> Accessori</option>
                        <option value="9" >Wii</option>
                        <option value="33" > >> Console</option>
                        <option value="24" > >> Giochi</option>
                        <option value="29" > >> Accessori</option>
                        <option value="5" >Xbox 360</option>
                        <option value="7" > >> Console</option>
                        <option value="6" > >> Giochi</option>
                        <option value="8" > >> Accessori</option>
                        <option value="14" >GameCube</option>
                        <option value="32" > >> Console</option>
                        <option value="23" > >> Giochi</option>
                        <option value="28" > >> Accessori</option>
            </select>
<input type="submit" value="Cerca"/>
</form>
<div><a href="http://clab.altervista.org/index.php/component/jdirectory/?task=show_search&amp;directory=1&amp;catid=-1">Ricerca Avanzata</a></div>

```Lo devi inserire dentro al div "moduloricerca" ovvero così:

<div class="moduloricerca">
<form action="index.php" method="get">
<input type="hidden" name="option" value="com_jdirectory" />
<input type="hidden" name="directory" value="1" />
<input type="hidden" name="Itemid" value="1" />
<input type="hidden" name="task" value="search" />
<input type="text" name="text_search" value="" onblur="if(this.value=='') this.value='';" onfocus="if(this.value=='') this.value='';"/>
<select name="catid" id="category">
<option value="0" selected='selected'>Seleziona Categoria</option>
<option value="13" >Xbox</option>
<option value="36" > >> Console</option>
<option value="22" > >> Giochi</option>
<option value="31" > >> Accessori</option>
<option value="15" >PlayStation2</option>
<option value="18" > >> Console</option>
<option value="16" > >> Giochi</option>
<option value="17" > >> Accessori</option>
<option value="12" >Sony PSP</option>
<option value="21" > >> Console</option>
<option value="19" > >> Giochi</option>
<option value="20" > >> Accessori</option>
<option value="11" >NintendoDS</option>
<option value="37" > >> Console</option>
<option value="26" > >> Giochi</option>
<option value="27" > >> Accessori</option>
<option value="10" >PlayStation3</option>
<option value="35" > >> Console</option>
<option value="25" > >> Giochi</option>
<option value="30" > >> Accessori</option>
<option value="9" >Wii</option>
<option value="33" > >> Console</option>
<option value="24" > >> Giochi</option>
<option value="29" > >> Accessori</option>
<option value="5" >Xbox 360</option>
<option value="7" > >> Console</option>
<option value="6" > >> Giochi</option>
<option value="8" > >> Accessori</option>
<option value="14" >GameCube</option>
<option value="32" > >> Console</option>
<option value="23" > >> Giochi</option>
<option value="28" > >> Accessori</option>
</select>
<input type="submit" value="Cerca"/>
</form>
<div><a href="http://clab.altervista.org/index.php/component/jdirectory/?task=show_search&directory=1&catid=-1">Ricerca Avanzata</a></div>

</div>

Hai creato la classe .moduloricerca ?

Capito questo ti dico come cambiare quello che hai chiesto. ;)

the.arch

allora ho sostituito questo :

<div id="main_content_wrapper">
    <div id="wrap">
    <div class="moduloricerca"></div>
        <?php mosLoadModules ( 'user7', -1 ); ?>.

con questo

<div class="moduloricerca">
<form action="index.php" method="get">
<input type="hidden" name="option" value="com_jdirectory" />
<input type="hidden" name="directory" value="1" />
<input type="hidden" name="Itemid" value="1" />
<input type="hidden" name="task" value="search" />
<input type="text" name="text_search" value="" onblur="if(this.value=='') this.value='';" onfocus="if(this.value=='') this.value='';"/>
<select name="catid" id="category">
<option value="0" selected='selected'>Seleziona Categoria</option>
<option value="13" >Xbox</option>
<option value="36" > >> Console</option>
<option value="22" > >> Giochi</option>
<option value="31" > >> Accessori</option>
<option value="15" >PlayStation2</option>
<option value="18" > >> Console</option>
<option value="16" > >> Giochi</option>
<option value="17" > >> Accessori</option>
<option value="12" >Sony PSP</option>
<option value="21" > >> Console</option>
<option value="19" > >> Giochi</option>
<option value="20" > >> Accessori</option>
<option value="11" >NintendoDS</option>
<option value="37" > >> Console</option>
<option value="26" > >> Giochi</option>
<option value="27" > >> Accessori</option>
<option value="10" >PlayStation3</option>
<option value="35" > >> Console</option>
<option value="25" > >> Giochi</option>
<option value="30" > >> Accessori</option>
<option value="9" >Wii</option>
<option value="33" > >> Console</option>
<option value="24" > >> Giochi</option>
<option value="29" > >> Accessori</option>
<option value="5" >Xbox 360</option>
<option value="7" > >> Console</option>
<option value="6" > >> Giochi</option>
<option value="8" > >> Accessori</option>
<option value="14" >GameCube</option>
<option value="32" > >> Console</option>
<option value="23" > >> Giochi</option>
<option value="28" > >> Accessori</option>
</select>
<input type="submit" value="Cerca"/>
</form>
<div><a href="htt p://clab.altervista.org/index.php/component/jdirectory/?task=show_search&directory=1&catid=-1">Ricerca Avanzata</a></div>

</div>

funziona bene ....
ma non ho agito nel foglio di stile e non ho creato la classe .moduloricerca
a cosa serve??
se mi spieghi come si fa sono in fase apprendimento...

pikadilly

Scuami ma mi sono ancora una volta spiegata male...quando arriva l'estate combino danni.

Quello che ti ho postato è quello che legge il browser.

Tu devi infilare nel div moduloricerca questo codice:

Ovvero il richiamo al modulo.

Per quanto riguarda il css, devi leggere una guida per creare e modificare fogli di stile.

In breve devi aprire il file template_css.css del tuo template e scrivere

.moduloricerca{ }

Tra le due parentesi devi scrivere i paramentri di formattazione del modulo.
Tutto questo però lo devi fare solo dopo aver capito il funzionamento e l'utilizzo dei fogli di stile.

the.arch

capisco quindi immagino che devo inserire tra le due parentesi i dettagli per modificare la textbox dell'area ricerca

Potresti essere cosi gentile da dirmi cosa devo fare per inserire un immagine proprio accando alla textbox??

e poi come posso allargare la text box e centrarla nel template??

grazie mille

pikadilly

Per cambiare la textbox devi scrivere nel css:

.moduloricerca input { }

E sempre tra parentesi metti i tuoi parametri.

Ti riporto il link di un tutorial che ti spiega per bene il funzionamento dei css:

http://css.html.it/guide/leggi/2/guida-css-di-base/

the.arch

ho provato a scrivere cosi

.moduloricerca{width:100px ; }

però non funziona bene

pikadilly

Ma così formatti il moduloricerca non l'input...tu devi scrivere
.moduloricerca input {width:100px ; }

the.arch

ahahahah:D
l'ho fatto ma guarda come è uscito
h t t p : //clab.altervista.org

il pulsante sotto è un pò troppo grande..

the.arch

come posso rimpicciolire il pulsante e inserire un'immagine?? ... :?:?

SitiSeo

Bhè, hai impostato tu a 700 px, penso che 150 vadano piu che bene

pikadilly

Devi studiare i css, è l'unico modo per capire gli errori che fai.

Ti dovrei fa assegnare una classe al campo di ricerca così da formattare solo quello e non gli altri tag input.
Ma se non capisci quello che fai, non potrai affrontare i problemi che verranno fuori dalla modifica di un template, soprattutto se il template è di joomla.

Poco più su ti ho linkato il sito in cui puoi trovare una guida sui css.

the.arch

perfettamente d'accordo , il css come altri linguaggi li sto studiando
ma essendo che quella funzione mi serve subito potresti dirmi come realizzarla.
Vorrei che solo la text box fosse più grande , centrata e con un immagine accanto.. penso sia semplice

the.arch

pikadilly non puoi aiutarmi?

pikadilly

Io ti aiuto volentieri, ma a volte devo anche studiarle un pò le risposte.
E' semplice se parlavamo di un template normale, ma con joomla devi valutare mille cose prima di dire "se pò fa". Ora non posso rispondere perchè vado di fretta, quando torno vediamo come si può fare per mettere anche l'immagine.