Zoeken met Google op deze site

[Jacques]

Het is sinds vandaag mogelijk op het forum te zoeken met behulp van Google.

Helemaal onderop de startpagina en ook op andere pagina's vind je een zoekvenster waarin je zoekwoorden kunt intypen.



Type je zoekwoorden in het zoekvenster (geel gemarkeerd).
Na het geven van een enter wordt de zoekactie gestart. De zoekresultaten komen onder het zoekvenster te staan.

Het leuke is dat dat je meteen een paar zoek suggesties krijgt. Maar dit hoeft je niet te beletten om je eigen zoekwoorden te gebruiken.

 


Bij de zoekresultaten kun je kiezen voor Web of voor Afbeelding.



Veel plezier met deze optie, die het terugvinden van bepaalde onderwerpen een stuk makkelijker maakt.

PS
Als iemand weet hoe het zoekicoon helemaal weergegeven kan worden houd ik mij aanbevolen.

[Bram86]

PS
Als iemand weet hoe het zoekicoon helemaal weergegeven kan worden houd ik mij aanbevolen.

Heb even voor je gekeken. In het CSS bestand minified_cfb0e559424b8efa0e1b3878847a316e.css?smf211_1649152434 staat aangegeven dat input, button en select elementen een hoogte krijgen van 2em. Omdat je knop een button-element is, heeft deze daar last van.

Je hebt op de pagina ergens style-tags staan waar ook dit stukje voorkomt:

Code Selecteer Uitklappen

.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
    border-color: #3079ED;
    background-color: #3079ED;
    background-image: none;
    filter: none;
}
Als je hier een height: inherit; aan toevoegt, dan werkt het. Komt er dan zo uit te zien:

Code Selecteer Uitklappen

.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
    border-color: #3079ED;
    background-color: #3079ED;
    background-image: none;
    filter: none;
    height: inherit;
}

[Jacques]

Heb even voor je gekeken. In het CSS bestand minified_cfb0e559424b8efa0e1b3878847a316e.css?smf211_1649152434 staat aangegeven dat input, button en select elementen een hoogte krijgen van 2em. Omdat je knop een button-element is, heeft deze daar last van.

Je hebt op de pagina ergens style-tags staan waar ook dit stukje voorkomt:

Code Selecteer Uitklappen

.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
    border-color: #3079ED;
    background-color: #3079ED;
    background-image: none;
    filter: none;
}
Als je hier een height: inherit; aan toevoegt, dan werkt het. Komt er dan zo uit te zien:

Code Selecteer Uitklappen

.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
    border-color: #3079ED;
    background-color: #3079ED;
    background-image: none;
    filter: none;
    height: inherit;
}

Volgens mij wordt dit door Google geregeld via de app die ik aangemaakt heb voor Hobbybrouwen.nl. Ik ga er morgen eens verder naar kijken of ik dit kan aanpassen.

[Bram86]

Volgens mij wordt dit door Google geregeld via de app die ik aangemaakt heb voor Hobbybrouwen.nl. Ik ga er morgen eens verder naar kijken of ik dit kan aanpassen.

Het zou kunnen dat google wat code toevoegt aan de pagina's inderdaad. Ik neem aan dat je aan de achterkant van het forum ergens zelf css regels kan toevoegen?

Dan zou dit ook moeten werken:

Code Selecteer Uitklappen

.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
    height: inherit !important;
}

Niet de meest nette manier, maar het werkt wel.

[Jacques]

Het zou kunnen dat google wat code toevoegt aan de pagina's inderdaad. Ik neem aan dat je aan de achterkant van het forum ergens zelf css regels kan toevoegen?

Dan zou dit ook moeten werken:

Code Selecteer Uitklappen

.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
    height: inherit !important;
}

Niet de meest nette manier, maar het werkt wel.

Dank je. Ik zal morgen hiermee aan de slag gaan.

[Jacques]

Het zou kunnen dat google wat code toevoegt aan de pagina's inderdaad. Ik neem aan dat je aan de achterkant van het forum ergens zelf css regels kan toevoegen?

Dan zou dit ook moeten werken:

Code Selecteer Uitklappen

.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
    height: inherit !important;
}

Niet de meest nette manier, maar het werkt wel.

Er zijn heel veel css bestanden. Ik heb een nieuw css bestand toegevoegd maar dat werkt niet.

[Bram86]

Er zijn heel veel css bestanden. Ik heb een nieuw css bestand toegevoegd maar dat werkt niet.

Ik kan niet aan de achterkant van het forum kijken, maar ik zal even beschrijven wat ik heb gedaan in Chrome.

Ik klik met mijn rechtermuisknop op de halve button en daarna op Inspect:


Chrome DevTools opent in het Elements tab en selecteerd als het goed is automatisch het button element:


Nu kun je rechtboven klikken op het plusje met het pijltje naar rechtsonder. Er wordt dan een nieuwe CSS-regel gezet:


Hier kun je tussen de curly brackets { } je css zetten. Als ik daar height: inherit !important; plaats, dan ziet de button er goed uit:




Deze code moet je ergens aan de achterkant kunnen plaatsen. CSS heeft een bepaalde manier volgorde van lezen en het kan zijn dat bepaalde CSS-code voorrang krijgt op het andere, maar het stukje !important moet dat voorkomen:

Code Selecteer Uitklappen

button.gsc-search-button.gsc-search-button-v2 {
    height: inherit !important;
}


[Jacques]

Het was even zoeken maar het is uiteindelijk gelukt om het aan te passen.

[Erny]