Inserisci un campo di ricerca per una singola sezione


Tutorial Inserisci un campo di ricerca per una singola sezione

Messaggio Da Niko Lun 18 Gen 2021 - 16:59

Inserisci un campo di ricerca per una singola sezione


Configurazione del codice

Per prima cosa dobbiamo configurare il codice HTML, quindi aggiungere il codice CSS.
<div class="desc-search"><form method="get" action="/search"><input class="inputbox search" type="text" name="search_keywords" id="search_keywords" size="20" value="Buscar..." onclick="if (this.value == 'Pesquisa') this.value = '';" onblur="if (this.value == '') this.value = 'Pesquisa';"><input class="button2" type="submit" value="Buscar"><input type="hidden" value="fN" name="search_where"></form></div>

Rosso: è necessario inserire il numero del forum, utilizzando il forum "Avvisi ed Aggiornamenti" di questo forum ad esempio (https://aiuto.forumattivo.it/f9-avvisi-ed-aggiornamenti) il suo numero è "9".

Aggiungere il codice HMTL

Andiamo verso Pannello di amministrazione ► Forum ► Forum e Categorie e modifichiamo o creiamo un nuovo forum. Il codice andrà inserito nel campo descrizione.

Nella descrizione è necessario aggiungere il codice configurato prima di ogni altro contenuto.

Aggiungere il codice CSS

Poiché ogni versione ha la sua specificità in relazione alle classi CSS, utilizzeremo un rispettivo codice per ciascuna versione. Andiamo quindi verso Pannello di amministrazione ► Visualizzazione ► CSS ► Foglio di stile CSS e aggiungiamo il codice corrispondente alla nostra versione. Quindi salviamo :bene:

  • PhpBB3
    Codice:
    ul.topiclist.forums li.row:hover .desc-search {
    visibility: visible;
    }
    .desc-search {
    visibility: hidden;
    margin: 3px 0 0;
    }
    .desc-search .inputbox {
    width: 180px;
    }

  • PhpBB2
    Codice:
    td.row1.over:hover .desc-search {
    visibility: visible;
    }
    .desc-search {
    visibility: hidden;
    margin: 3px 0 0;
    }
    .desc-search .inputbox {
    width: 180px;
    }

  • Invision
    Codice:
    td.row2.icon:hover .desc-search {
    visibility: visible;
    }
    .desc-search {
    visibility: hidden;
    margin: 3px 0 0;
    }
    .desc-search .inputbox {
    width: 180px;
    }

  • PunBB
    Codice:
    td.tcl:hover .desc-search {
    visibility: visible;
    }
    .desc-search {
    visibility: hidden;
    margin: 3px 0 0;
    }
    .desc-search .inputbox {
    width: 180px;
    }


Se hai ancora bisogno di assistenza, puoi contattarci nella sezione di supporto di questo forum :good:

:zen:


Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 26
Messaggi : 9068
Località : Provincia di Varese

Visualizza il profilo https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto

- Argomenti simili

 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.