0

Още за притурката "Контактна форма" на статична страница

притурка "Контактна форма"
Вече говорихме за значението и инсталирането на притурка "Кантактна форма". Ако сте пропуснали моята предишна публикация на тази тема, моля, прочетете я. Ще е добре да си я припомните. Но блоговете са толкова много, и всички те се различават по своето оформление. Говоря за цветовата гама, по която толкова много се различават блоговете един от друг.



    Аз ви предлагам три варианта на притурката "Контактна форма" в различни стилове - за блогове в различно цветово оформление. Изберете желания код и го поставете пред ]]></b:skin>.

    Притурка "Контактна форма" в сиво

    Ако вашият блог е оформен в сивата цветова гама, този код е за вас. Ако сте доволни от крайния вариант, можете да оставите всичко така, както си е.


    /* CSS Contact Form */
    #ContactForm1{
    display:none;
    }
    #ContactForm1_contact-form-name, #ContactForm1_contact-form-email{
    width: 300px;
    height:auto;
    margin: 5px auto;
    padding: 10px;
    background: #f2f2f2;
    border: 1px solid #ccc;
    color:#777;
    }
    #ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{
    background: #fffff7;
    }
    #ContactForm1_contact-form-email-message{
    width: 450px;
    height: 175px;
    margin: 5px auto;
    padding: 10px;
    background: #f2f2f2;
    border: 1px solid #ccc;
    color:#777;
    font-family:Arial, sans-serif;
    }
    #ContactForm1_contact-form-submit {
    width: 101px;
    height: 35px;
    float: left;
    color: #FFF;
    padding: 0;
    margin: 10px 0 3px 0 0;
    cursor: pointer;
    background: #5E768D;
    border: 1px solid #556f8c;
    border-radius:3px;
    }
    #ContactForm1_contact-form-submit:hover {
    background:#435c74;
    }
    #ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{
    width: 450px;
    margin-top:35px;
    }


    Притурка "Контактна форма" в лилаво

    Ако имате нужда от форма за обратна връзка в лилава цветова гама, имам това за вас.


    /* CSS Contact Form */
    #ContactForm1{
    display:none;
    }
    #ContactForm1_contact-form-name, #ContactForm1_contact-form-email{
    width: 300px;
    height:auto;
    margin: 5px auto;
    padding: 10px;
    background: #eec0ee;
    border: 1px solid #4b0082;
    color:#660099;
    }
    #ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{
    background: #fffff7;
    }
    #ContactForm1_contact-form-email-message{
    width: 450px;
    height: 175px;
    margin: 5px auto;
    padding: 10px;
    background: #eec0ee;
    border: 1px solid #4b0082;
    color:#660099;
    font-family:Arial, sans-serif;
    }
    #ContactForm1_contact-form-submit {
    width: 101px;
    height: 35px;
    float: left;
    color: #FFF;
    padding: 0;
    margin: 10px 0 3px 0 0;
    cursor: pointer;
    background: #6e1d9e;
    border: 1px solid #556f8c;
    border-radius:3px;
    }
    #ContactForm1_contact-form-submit:hover {
    background:#ff00ff;
    }
    #ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{
    width: 450px;
    margin-top:35px;
    }


    Притурка "Контактна форма" в синьо


    А за тези, които харесват и имат блог, оформен в синьо, е този вариант.



    /* CSS Contact Form */
    #ContactForm1{
    display:none;
    }
    #ContactForm1_contact-form-name, #ContactForm1_contact-form-email{
    width: 300px;
    height:auto;
    margin: 5px auto;
    padding: 10px;
    background: #ccccff;
    border: 1px solid #ccc;
    color:#777;
    }
    #ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{
    background: #fffff7;
    }
    #ContactForm1_contact-form-email-message{
    width: 450px;
    height: 175px;
    margin: 5px auto;
    padding: 10px;
    background: #ccccff;
    border: 1px solid #ccc;
    color:#777;
    font-family:Arial, sans-serif;
    }
    #ContactForm1_contact-form-submit {
    width: 101px;
    height: 35px;
    float: left;
    color: #FFF;
    padding: 0;
    margin: 10px 0 3px 0 0;
    cursor: pointer;
    background: #5E768D;
    border: 1px solid #556f8c;
    border-radius:3px;
    }
    #ContactForm1_contact-form-submit:hover {
    background:#435c74;
    }
    #ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{
    width: 450px;
    margin-top:35px;
    }

    Нека всеки си избере. Ако имате други предложения, моля, пишете. Очаквам ви.
    Доскоро.


    Няма коментари :

    Винаги се радвам на Вашето мнение


    Copyright © БЛОГ ЗА БЛОГОВЕ©2016-| Original style & code - magentawave.com | Всички права запазени |
    Използването на Blogzablogove.com означава, че сте съгласни с нашата Политика на конфиденциалност и защита