Spostare un modulo

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.

the.arch

grazie

the.arch

nessuna soluzione?:?

the.arch

ho provato ad impostare cosi il file index.php

e il file template_css.php

div.moduloricerca{
width: 400px;margin-bottom: 10px;
}

div.moduloricerca img{
align:left;
margin: 10px
}

però l'immagine esce sopra il modulo di ricerca ...
come puoi vedere h t t p : //clab.altervista.org

e inoltre non ho trovato il codice per allineare tutto il modulo al centro...

pikadilly

Prova:

div.moduloricerca
{
padding-left:10px;/ho messo dieci, ma dovresti mettere la larghezza dell'immagine/
background-image: url(../images/nomeimmagine.jpg);
background-repeat: no-repeat;
background-position: left;
}