search

silexlabs / Silex

Silex is an online tool for visually creating static sites with dynamic data. With the free/libre spirit of internet, together.
https://www.silex.me
GNU Affero General Public License v3.0
2.34k stars 585 forks source link

Search bar widget #763

Open fir3rl opened 6 years ago

fir3rl commented 6 years ago

I say how to create a search bar

WITHOUT GCSE

HTML HEAD <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> HTML ` 

  <button type="submit" class="search"><i class="fa fa-search"></i></button>
</form>

That's looks like that ... ![image](https://user-images.githubusercontent.com/35869951/42078872-59dc08d8-7b7e-11e8-9e36-d0a6e24b5325.png) This is ugly, you can add on the end of the CSS editor : input.search { border:1px black solid; padding:10px; border-radius:0px; } button.search { padding:10px; background-color:lightblue; border: 1px black solid; border-radius:0px; }` Now, it's like that : image

WITH GCSE

https://cse.google.com/cse/all Create your custom search engine easy .

GCSE have a lot of avantages for begginers, but GCSE have a lot of ads

lexoyo commented 6 years ago

Nice tip, thank you! For the first solution one need to have a phone script right?