Spostare "Box Cerca" - "Search Box"

alex75 · Messaggio da **alex75** » 06/03/2019, 21:29

Appena provata in locale su phpBB 3.2.5 e non sembra richiedere altri permessi. Funziona regolarmente

Pierluigi · Messaggio da **Pierluigi** » 07/03/2019, 22:16

Anche io sono su 3.2.5 ma da questo problema. Tenterò con una nuova installazione e vi farò sapere.

twm · Messaggio da **twm** » 07/03/2019, 22:36

In alternativa all'estensione proposta da Barnet potreste valutare questa (Site Logo) che tra le tante opzione ha anche quella di spostare la casella "cerca"

Micogian · Messaggio da **Micogian** » 08/03/2019, 8:55

Se tra le estensioni installate ne avete una che inserisce un vostro CSS per eventuali modifiche allo stile la cosa è molto semplice.

Per default il modulo "Cerca" si trova nella parte destra della testata e la parte di codice originale del modulo "Cerca" si trova nel file overall_header.html ed è il seguente:

Codice: Seleziona tutto

<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
<div id="search-box" class="search-box search-header" role="search">
    <form action="{U_SEARCH}" method="get" id="search">
        <fieldset>
            <input name="keywords" id="keywords" type="search" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search tiny" size="20" value="{SEARCH_WORDS}" placeholder="{L_SEARCH_MINI}" />
            <button class="button button-search" type="submit" title="{L_SEARCH}">
            <i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH}</span>
            </button>
            <a href="{U_SEARCH}" class="button button-search-end" title="{L_SEARCH_ADV}">
            <i class="icon fa-cog fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH_ADV}</span>
            </a>
            {S_SEARCH_HIDDEN_FIELDS}
        </fieldset>
    </form>
</div>
<!-- ENDIF -->

La prima cosa da fare è nascondere il box "Cerca" di default e questo si può fare aggiungendo il seguente css nel vostro css personalizzato:

Codice: Seleziona tutto

.search-header {
    display: none;
}

A questo punto il "Cerca" non viene visualizzato.
Facciamo una copia del codice di default e lo inseriamo, sempre tramite l'estensione dello stile personalizzato nella posizione voluta.
Quello che dobbiamo modificare è la prima riga del codice di default, questa

Codice: Seleziona tutto

<div id="search-box" class="search-box search-header" role="search">

e sostituirla con questa

Codice: Seleziona tutto

<div id="search-box1" class="search-box search-bar" role="search">

Questo perchè non ci possono essere 2 id="search-box" uguali e pertanto lo chiamiamo id="search-box1"
L'altra cosa è sostituire il tag "search-header" che abbiamo appena nascosto con un altro visibile che chiameremo "search-bar" perchè abbiamo stabilito di inserire il "cerca" nella bar.
Ovviamente dovremo inserire il nuovo css di "search-bar" nel nostro css personalizzato copiandolo dal precedente search-header ma senza nasconderlo.

Codice: Seleziona tutto

.search-bar {
    border-radius: 4px;
    display: block;
    float: right;
    margin-right: 5px;
    margin-top: 2px;
}
.search-bar {
    box-shadow: 0 0 0px #0075B0;
}

La proprietà "box-shadow" gestisce le ombre di un oggetto, nel css originale era "0 0 10px" nel mio forum ho messo "0 0 0px" perchè lo spazio era limitato.
Disabilitiamo l'estensione dello stile personalizzato, facciamo le modifiche, riabilitiamo l'estensione, cancelliamo la cache e tutto dovrebbe funzionare regolarmente.
Nel mio forum di prova potete vedere il "cerca" nel box menu: https://www.giannidose.altervista.org/forum/index.php

Se non avete l'estensione "Style personalizzato" la trovate in questo forum.

Pierluigi · Messaggio da **Pierluigi** » 08/03/2019, 22:30

Micogian,
non potevi dare risposta più precisa! Grazie mille! Proverò a fare come suggerisci e farti sapere come andrà!

Re: Spostare "Box Cerca" - "Search Box"

Re: Spostare "Box Cerca" - "Search Box"

Re: Spostare "Box Cerca" - "Search Box"

Re: Spostare "Box Cerca" - "Search Box"

Re: Spostare "Box Cerca" - "Search Box"