Rimuovere casella di ricerca e aggiungere l'icona di ricerca nella barra di navigazione.

Area dedicata alle Guide [3.1.x] :thumbup:
Rispondi
Avatar utente
phpBB3
News PhpBB3
News PhpBB3
Messaggi: 81
Iscritto il: 6 lug 2013, 14:01

Rimuovere casella di ricerca e aggiungere l'icona di ricerca nella barra di navigazione.

Messaggio da phpBB3 » 9 nov 2016, 19:41

Se volete rimuovere la casella di ricerca e aggiungere l'icona di ricerca nella barra di navigazione, ecco i passaggi necessari da fare.

Eseguire sempre il backup dei file che si intende modificare prima di modificarli.
Attenzione Attenzione se non volete modificare i file esiste anche un Estensione Clicca qui Attenzione

Aprire: /styles/prosilver/template/navbar_header.html e trovare:

Codice: Seleziona tutto

<!-- EVENT overall_header_breadcrumbs_after -->
Aggiungi dopo:

Codice: Seleziona tutto

<!-- start of new search box -->

<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
         <div id="search-box" class="search-box search-header">
            <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 icon-button search-icon" type="submit" title="{L_SEARCH}">{L_SEARCH}</button>
               <a href="{U_SEARCH}" class="button icon-button search-adv-icon" title="{L_SEARCH_ADV}">{L_SEARCH_ADV}</a>
               {S_SEARCH_HIDDEN_FIELDS}
            </fieldset>
            </form>
         </div>
         <!-- ENDIF -->

<!-- end of new search box -->
Apri: styles/prosilver/theme/forms.css
Trova: .search-header {
Dentro quella classe, trovare margin-top: 30px; e sostituirlo con margin-top: 2px;

Svuotare la cache e aggiornare il browser. :eh:
ricerca.png
Risultato

Se vi piace il risultato è possibile eliminare la casella di ricerca da overall_header.html come di seguito:

Per rimuovere la casella di ricerca dalla dall'header Apri; root/styles/prosilver/template/overall_header.html in (prosilver_se è root/styles/prosilver_se/template/overall_header.html)) trova e rimuovi:

Codice: Seleziona tutto

<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
         <div id="search-box" class="search-box search-header">
            <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 icon-button search-icon" type="submit" title="{L_SEARCH}">{L_SEARCH}</button>
               <a href="{U_SEARCH}" class="button icon-button search-adv-icon" title="{L_SEARCH_ADV}">{L_SEARCH_ADV}</a>
               {S_SEARCH_HIDDEN_FIELDS}
            </fieldset>
            </form>
         </div>
         <!-- ENDIF -->
Svuotare la cache e aggiornare il browser - lavoro fatto! :thumbup:


Rispondi

Torna a “[3.1.x] Guide”

Chi c’è in linea

Visitano il forum: Nessuno e 2 ospiti