Aggiungere un grosso tasto cerca in alto nella home

[poggi37]

Salve a tutti
ho cercato un pò ma non ho trovato nulla del genere gia trattato sul forum
Avevo intenzione di aggiungere un grosso tasto cerca in alto nella home, per essere più precisi nella zona bianca sotto la scritta pannello di controllo utente / FAQ / Iscritti / Login o Logout

Il problema nasce dal fatto che nella stessa zona ho inserito la mchat, e, nonostante le avvertenze, gli user continuano a usarla proprio come un tasto cerca, nonostante ci sia ben scritto che il tasto cerca è posto in alto a destra come di default anche su questo sito vedo.

Allora chiedo, è possibile inserirlo in quella zona modificandone le dimensioni in modo da renderlo MOLTO visibile?

perchè copiando semplicemente il codice del cerca in alto a destra mi appare, ma non riesco a modificarne le dimensioni per renderlo più grande e lasciare quello di default cosi come è
grazie mille in anticipo

[Anto]

Ciao,
secondo me dovresti fregartene che ci siano utenti che non sappiano leggere o duri di comprendonio. Credo più che non capire, non vogliano capire.

Se invece, nonostante l' inutilità e perdita di tempo (poichè ben visibile e ben posizionato), vuoi spostare e ridimensionare il box di ricerca devi spostare il codice html e regolare le preferenze di dimensione via fogli di stile (css)

[poggi37]

ti ringrazio per la risposta
purtroppo il fatto è che intasano parecchio la chat, quindi vorrei apportare tale modifica

sapresti dirmi come modificare il codice da inserire in modo tale da ingrandire il tasto cerca senza modificare però quello di default in alto a destra?

[Anto]

Copia tutto il modulo di ricerca che trovi nel file overall_header.html e incollalo nel file del template index_body.html nella posizione che desideri, cambia l' ID o gli ID di riferimento e crea la regola corrispondente nel file css colours.css oppure common.css. Svuota la cache et voilà, hai finito.

[poggi37]

questo è il codice se non ho copiato male

overall_header.html

Codice: Seleziona tutto

<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
             <div id="search-box">
                <form action="{U_SEARCH}" method="post" id="search">
                <fieldset>
                   <input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
                   <input class="button2" value="{L_SEARCH}" type="submit" /><br />
                   <a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
                </fieldset>
                </form>
             </div>
          <!-- ENDIF --> 

commons.css

Codice: Seleziona tutto

    #search-box {
      color: #FFFFFF;
      position: relative;
      display: block;
      text-align: right;
      white-space: nowrap; /* For Opera */
      line-height: 1em;
    }

mettendo per esempio id="search2" e search-box2 (perchè deve cambiare anche la dimensione)

overall_header.html

Codice: Seleziona tutto

<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
             <div id="search-box2">
                <form action="{U_SEARCH}" method="post" id="search2">
                <fieldset>
                   <input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
                   <input class="button2" value="{L_SEARCH}" type="submit" /><br />
                   <a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
                </fieldset>
                </form>
             </div>
          <!-- ENDIF --> 

commons.css

Codice: Seleziona tutto

   #search-box2 {
      color: #FFFFFF;
      position: relative;
      display: block;
      text-align: right;
      white-space: nowrap; /* For Opera */
      line-height: 1em;
    }

può funzionare?
chiedo perchè non sono molto esperto, vado quasi sempre a tentativi
grazie mille

[Anto]

Per quanto riguarda il codice del box ricerca hai prelevato tutto il blocco correttamente. Se vuoi visualizzarlo solo nella home dovrai inserirlo nel file index_body.html

Invece nel caso degli id stai sbagliando : cambiando l' id del form non funzionerà più il modulo di ricerca (lascia invariato l' id "search").
Devi solo cambiare l' id del tag div contenitore con ad esempio search-box2, quindi creare la regola alla fine del file common.css inserendo tutte le proprietà che dovrà avere il box di ricerca (dimensioni, colore, posizione, ...).

Codice: Seleziona tutto

/* Search box 2
--------------------------------------------- */
#search-box2 {
   color: #FFFFFF;
   position: relative;
   display: block;
   text-align: center;
   white-space: nowrap; /* For Opera */
}

#search-box2 #keywords {
   width: 300px;
   height: 100px;
   background-color: #FFF;
}

#search-box2 input {
   border: 1px solid #b0b0b0;
}

#search-box2 input.button2 {
   padding: 1px 5px;
   width: 100px;
}

Non ho avuto modo di provare il codice ma credo che non manchi nulla a parte una regolata in base alle tue preferenze.

[poggi37]

ti ringrazio

[Anto]

Di nulla.