Externe Suchboxen für Ihre Webseite

Lassen Sie Ihre Besucher in unserem Branchenbuch `suchen` - dirket von ihrer Webseite aus...

Nutzen Sie unser Branchenbuch als zusätzlichen Service für Ihre Besucher. Einfach den Code an die gewünschte Stelle Ihrer Website kopieren.
Suchbox 1 (ca. 3,9 KBytes inkl. Grafiken)

<form action="https://www.zeit-zum-campen.de//key_search.php" method="post" target="_blank" class="frm2">
                    <div class="frm2_div1">
                        <div class="frm2_div2">
                            <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24">
                                <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path>
                            </svg>
                            <input type="text" name="key_val" class="frm2_input" placeholder="Was suchen Sie?" required>
                        </div>
                        <input type="submit" value="Suche" class="frm2_btn">
                    </div>
                </form>
                <style>
                    .frm2{
                        display:inline-block;
                    }
                    .frm2_div1{
                        width:400px; 
                        max-width:100%; 
                        display:flex; 
                        align-items:center; 
                        box-shadow:0 2px 10px 0 rgb(0 0 0 / 19%); 
                        border-radius: 34px; 
                        justify-content: space-between;
                        overflow: hidden;
                    }
                    .frm2_div2{
                        padding:10px;
                        background: #d9f1e3; 
                        flex-grow: 1; 
                        display:flex;
                    }
                    .frm2_input{
                        background: 0 0; 
                        border: 0; 
                        width:100%;
                        font-size:16px;
                    }
                    .frm2_input:focus{
                        outline: 0;
                    }
                    .frm2_input:-webkit-autofill{
                        transition: background-color 5000s ease-in-out 0s;
                    }
                    .frm2_btn{
                        background:#00ad5f; 
                        height:100%;
                        font-weight: 400; 
                        border: 0; 
                        font-size: 16px; 
                        color: #fff;
                        padding:13px 20px;
                    }
                    .frm2_btn:hover{
                        background:#009451; 
                    }
                </style>

...und das Ergebnis (bitte testen) :

Suchbox 2 (ca. 1,5 KBytes inkl. Grafiken)

<form action="https://www.zeit-zum-campen.de//key_search.php" method="post" target="_blank" class="frm1">
                    <div class="frm1_div1">
                        <div class="frm1_div2">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                                <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path>
                            </svg>
                            <input type="text" name="key_val" class="frm1_input" placeholder="Was suchen Sie?" required>
                        </div>
                        <input type="submit" value="Suche" class="frm1_btn">
                    </div>
                </form>
                <style>
                    .frm1{
                        display:inline-block;
                    }
                    .frm1_div1{
                        width:300px; 
                        max-width:100%; 
                        display:flex; 
                        align-items:center; 
                        box-shadow:0 2px 10px 0 rgb(0 0 0 / 19%); 
                        border-radius: 34px; 
                        justify-content: space-between;
                        overflow: hidden;
                    }
                    .frm1_div2{
                        padding:10px;
                        background: #d9f1e3; 
                        flex-grow: 1; 
                        display:flex;
                    }
                    .frm1_input{
                        background: 0 0; 
                        border: 0; 
                        width:100%;
                        font-size:16px;
                    }
                    .frm1_input:focus{
                        outline: 0;
                    }
                    .frm1_input:-webkit-autofill{
                        transition: background-color 5000s ease-in-out 0s;
                    }
                    .frm1_btn{
                        background:#00ad5f; 
                        height:100%;
                        font-weight: 400; 
                        border: 0; 
                        font-size: 16px; 
                        color: #fff;
                        padding:11px;
                    }
                    .frm1_btn:hover{
                        background:#009451; 
                    }
                </style>

...und das Ergebnis (bitte testen) :

Suchbox 3 (ca. 1,2 KBytes inkl. Grafiken)

<form action="https://www.zeit-zum-campen.de//key_search.php" method="post" target="_blank" class="frm3">
                    <div class="frm3_div1">
                        <div class="frm3_div2">
                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
                                <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path>
                            </svg>
                            <input type="text" name="key_val" class="frm3_input" required>
                        </div>
                        <input type="submit" value="Suche" class="frm3_btn">
                    </div>
                </form>
                <style>
                    .frm3{
                        display:inline-block;
                    }
                    .frm3_div1{
                        width:120px; 
                        max-width:100%; 
                        display:flex; 
                        align-items:center; 
                        box-shadow:0 2px 10px 0 rgb(0 0 0 / 19%); 
                        border-radius: 34px; 
                        justify-content: space-between;
                        overflow: hidden;
                    }
                    .frm3_div2{
                        padding:5px;
                        background: #d9f1e3; 
                        flex-grow: 1; 
                        display:flex;
                    }
                    .frm3_input{
                        background: 0 0; 
                        border: 0; 
                        width:100%;
                        font-size:14px;
                    }
                    .frm3_input:focus{
                        outline: 0;
                    }
                    .frm3_input:-webkit-autofill{
                        transition: background-color 5000s ease-in-out 0s;
                    }
                    .frm3_btn{
                        background:#00ad5f; 
                        height:100%;
                        font-weight: 300; 
                        border: 0; 
                        font-size: 14px; 
                        color: #fff;
                        padding:6px;
                    }
                    .frm3_btn:hover{
                        background:#009451; 
                    }
                </style>

...und das Ergebnis (bitte testen) :

Listing

Topliste Besucher
Neue Einträge

Suchen

Firmensuche A-Z
Branchensuche A-Z
Livesuche
TOP100
Suchtipps
Suchboxen

Informationen

Infos und Regeln
Nutzungsbedingungen
Datenschutz
Widerruf
FAQ
Impressum
Kontakt
Backlink
Sitemap

Newsletter abonnieren

Melden Sie sich für unseren Newsletter an, um kein Neuigkeiten mehr zu verpassen.

Ich willige ein, dass meine Angaben laut Datenschutzerklärung zweckgebunden verarbeitet werden.

21.11.2024