Kleinanzeigen - Kostenlos. Einfach. Lokal

Externe Suchboxen für Ihre Website

Lassen Sie Ihre Besucher unsere Anzeigen durchsuchen - direkt von Ihrer Webseite aus...

Nutzen Sie unser Anzeigen-Portal als zusätzlichen Service für Ihre Besucher...!
Einfach den Code an die gewünschte Stelle Ihrer Webseite kopieren.

Suchbox 1 - Breite 400 Pixel

<form action="https://kontakteweb.com/schnellsuche.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="search_art" 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, Suchwort eintragen und los

Suchbox 2 - Breite 300 Pixel

<form action="https://kontakteweb.com/schnellsuche.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="search_art" 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, Suchwort eintragen und los

Suchbox 3 - Button 120 X 31 Pixel

<form action="https://kontakteweb.com/schnellsuche.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="search_art" 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, Suchwort eintragen und los