Създаване и водене на безплатен блог на платформата Blogger. Препоръки и съвети.

Търсене

Breaking

понеделник

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

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



    Аз ви предлагам три варианта на притурката "Контактна форма" в различни стилове - за блогове в различно цветово оформление. Изберете желания код и го поставете пред ]]></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;
    }

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

    Здраве за всички вас! Не забравяйте да правите добро на други хора!

    Ще съм благодарна да оцените моя труд и кликнете върху звездичките по-долу. Или гласувайте за блога на:

    BGtop



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

    Публикуване на коментар