BIG search engine

Hello, how are you..

I want make something in my homepage, it's like BIG search engine ..

The examples in the Images..

https://prnt.sc/jpe1bz

https://prnt.sc/jpe1jn

 

The images look good. I'm sure there's a script somewhere along the web for you to be able to insert this in your website. If you have questions I think I might be able to help.

 

I use WordPress, I want to do a BIG search engine like this just below the hydrate.

 

Thank you for helping.

I have a website, I just want to put a search bar like the images (( https://prnt.sc/jpe1bz + https://prnt.sc/jpe1jn )) in the home page ... just

I want a code, like a custom search engine from Google, but with background images, as well as a beautiful. below header, like shutterstock, istockphoto, etc.

 

Spoonfeeding by the look of it.

 

i want put search bar under header, powered by Google
this code by my friend

<?php
$root = '';
//$root = $_SERVER['DOCUMENT_ROOT']; // use if specifying path from root
$path = 'images/';

function getImagesFromDir($path) {
    $images = array();
    if ($img_dir = @opendir($path)) {
        while (false !== ($img_file = readdir($img_dir))) {
            // checks for gif, jpg, png
            if (preg_match("/(\.gif|\.jpg|\.png)$/", $img_file)) {
                $images[] = $img_file;
            }
        }
        closedir($img_dir);
    }
    return $images;
}

function getRandomFromArray($ar) {
    mt_srand((double) microtime() * 1000000); // php 4.2+ not needed
    $num = array_rand($ar);
    return $ar[$num];
}

// Obtain list of images from directory

$imgList = getImagesFromDir($root . $path);
$img = getRandomFromArray($imgList);
?>


            <div id="page">
                <div id="header">

                    <div id="navigation">
                        <div id="primary_navigation">
                            <ul>
                                <li id="site_tabs">

                            </ul>
                        </div>


                        <div class="clear"></div>
                    </div>

                    <div id="masthead" class="clearfix">

                    </div>
                </div>
                <div>

                </div>

                <div id="bodyContent">
                    <div id="bodyContentCenter" class="page-container">


                                <form class="form-search form-emphasis" action="http://www.google.com" id="cse-search-box">
                                    <div class="input-group">
                                        <div class="form-control">
                                            <input type="hidden" name="cx" value="partner-pub-xxxxxxx:1507716284" />
                                            <input type="hidden" name="ie" value="UTF-8" />
                                            <!-- <input type="text" name="q" size="80" />-->
                                            <input type="text" name="q" id="index_keyword_input" autocomplete="off" class="">
                                        </div>  
                                        <span class="input-group-btn">
                                            <button type="submit" class="btn btn-primary">
                                                <span class="visuallyhidden">search</span>
                                                <img alt="icon-search" src="http://s5.picdn.net/images/lohp/search-icon.png">
                                            </button>
                                        </span>
                                    </div>
                                </form>



                                <div class="align-c">
                                    <div id="navigation_new">

                                        <div id="primary_navigation">
                                            <ul>
                                                <li id="site_tabs">
                                                    <ul>


                            </div>

                        </div> <!-- bodyContent -->

Code (markup):

 

Yes, My language is not english, sorry.

again, I want put search bar in a beautiful shape.
like this: shutterstock.com or mawdoo3.com


this absolutely like ggogle custom search or wordpress search bar .. etc.

I will put the bar below header on my blog. I want the search bar with image background like (example) shutterstock.

Also, I am didn't try any plugin, all plugins not provide what I want.

Search results can be from Google, WordPress

Maybe I can say, I want exactly like this, in terms of form ...

mawdoo3.com

 

You keep telling us what you want, but you have given us NO information about what you have done nor what your problem is. Until, YOU inform us what problem that you are having, WE CANNOT HELP YOU.

Using the excuse that English is not your native language does not cut it on this forum as MOST people here do NOT have English as their native tongue.

 

What's this, I'm trying to do this, but I do not know how, I want codes or plugins, to implement that idea.

 

Yes Madam
I want: plugins or write the code to make this.

 

The code has errors.

I have a custom search engine from Google.
I want to put some pictures in the background, so that the shape becomes beautiful.

I am sorry for the many questions and errors spelling and boredom.

 

I'm sorry for you specially @sarahk, you're tired with me.

I think this is useful to me, but I do not know how to apply it or put it in my blog

http://inspirationfeed.com/45-beautiful-functional-search-box-designs/
https://webat.net/top-free-html5-css3-search-form-examples/