Spostare un modulo

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;
}

the.arch

:D:D:D grandioso
funziona perfettamente grazie mille !!!
mi potresti dire ora come allinearlo al centro??

pikadilly

Per allineare tutto al centro basta che a div.moduloricerca applici i margini destra e sinistra ad auto.

div.moduloricerca {
padding-left:10px;/ho messo dieci, ma dovresti mettere la larghezza dell'immagine/
background-image: (http://www.giorgiotave.it/forum/wikigt/os/URL)(../images/nomeimmagine.jpg);
background-repeat: no-repeat;
background-position: left;
margin-left:auto;
margin-right:auto;
}

the.arch

provato ma non funziona ...
hai idea del perchè??