Pagina 1 di 1
Aggiungere un grosso tasto cerca in alto nella home
Inviato: 09/10/2014, 12:27
da 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
Re: Aggiungere un grosso tasto cerca in alto nella home
Inviato: 09/10/2014, 13:59
da 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)
Re: Aggiungere un grosso tasto cerca in alto nella home
Inviato: 09/10/2014, 14:05
da 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?
Re: Aggiungere un grosso tasto cerca in alto nella home
Inviato: 09/10/2014, 14:19
da 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.
Re: Aggiungere un grosso tasto cerca in alto nella home
Inviato: 11/10/2014, 21:37
da 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
Re: Aggiungere un grosso tasto cerca in alto nella home
Inviato: 11/10/2014, 23:47
da 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.
Re: Aggiungere un grosso tasto cerca in alto nella home
Inviato: 12/10/2014, 1:32
da poggi37
ti ringrazio
Re: Aggiungere un grosso tasto cerca in alto nella home
Inviato: 13/10/2014, 14:05
da Anto
Di nulla.
