Google Ricerca Personalizzata (CSEv2) guida di stile?
Ho bisogno di aiuto su styling Google Ricerca Personalizzata Box (non i risultati)
Vecchi stili, utilizzando il form
tag, dove si potrebbe facilmente stile il look & feel della casella di ricerca.
<form action="/search" id="searchbox_abc:123" class="search">
<input type="hidden" name="cx" value="abc:12">
<input type="hidden" name="cof" value="FORID:XX">
<input type="text" name="q" size="16" class="smalltext">
<input type="submit" name="sa" value="SEARCH" class="smalltext">
</form>
Con il nuovo CSEv2 codice è contenuto nel tag script:
<script>
(function() {
var cx = 'abc:123';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//www.google.com/cse/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
e hai messo il seguente tag nel punto in cui si desidera che la Casella di Ricerca per essere visualizzati.
<gcse:search></gcse:search>
Ho bisogno di aiuto su come stile per il nuovo CSE a guardare come il precedente. (dimensione del carattere, pulsante e immettere le dimensioni del campo, ecc.., esattamente lo stesso stile come prima..si applicano classi/set di font, ecc..)
Grazie!
Non c’è bisogno di fare tutto questo basta aggiungere questo al fine di ricerca di google
<script>
tag in questo Modo:Assicurarsi di aggiungere
<gcse:searchresults-only ></gcse:searchresults-only>
in fondo a quella di chiusura del tag script E aggiungere la propria forma Per esempio:Poi lo stile proprio come si farebbe con stile qualsiasi tag HTML, E sei a posto! e funziona esattamente il modo in cui È abituato a lavorare. PS. Se volete prendere qualche altro posto, per Esempio search.html Basta aggiungere questo
<form action="search.html" method="GET">
al posto di questo<form action="" method="GET">
Spero Che ti ha aiutato! -Arqetech
localhost:8080
e si cerca di direplay
, la ricerca mostra la url di ora cambialocalhost:8080/?q=play/
. Ora aggiornare l’url NON cambia, ma finisce ricerca per la parolaplay
di nuovo.$_POST
richiesta, invece, di$_GET
per impostazione predefinita utilizza$_GET
<form action="" method="GET">
per<form action="" method="POST">
POST
mette ancora la stringa di query nell’url per me.Utilizzare un DOM strumento di controllo come quello integrato in Google Chrome o Firefox. (Clic destro su un elemento e selezionare “controlla.”) Questo vi permetterà di determinare elemento IDs/classi e i loro stili corrente.
Scrivere le regole CSS che ignorare questi stili, come questo:
Sul CSE pagina,
Look and feel
Customize
schedaQuesto ha opzioni per la tematizzazione di qualsiasi componente del motore di ricerca PERSONALIZZATO che si desidera a stile.
Aggiornamento
Se volete più opzioni rispetto a quelli offerti nel pannello di controllo, si dovrà utilizzare le API, un esempio di utilizzo è in fondo alla pagina.
È particolarmente interessato in Ricerca personalizzata Elemento di Controllo API, dove è possibile specificare i tag HTML, l’id dell’elemento, che è quindi possibile stlye.
Esempio Di Demo :
PER CANCELLARE FILIGRANA:
Il modo in cui ho ottenuto questo lavoro..
1. Set asincrono per falso in google script (gcse.async = false);
2. Aggiungi css di seguito. Probabilmente dipende dall’ordine in cui il css viene caricato!
.gsc-controllo-cse{
padding:0 !importante;
}
È necessario separare il file della casella di ricerca e i risultati.
Per il file principale:
E per i risultati file (di default: search.html):
Se non funziona, forse perché del tuo sito web non è sul Motore di Ricerca Google, o probabilmente il codice di errore? Si prega di rispondere se non funziona.