Jump to content

Ильгиз Хужахметов

Клиент
  • Content Count

    8
  • Joined

  • Last visited

  • Days Won

    1

Ильгиз Хужахметов last won the day on January 17 2018

Ильгиз Хужахметов had the most liked content!

Community Reputation

6 Нейтральный

About Ильгиз Хужахметов

  • Rank
    Новенький

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Ильгиз Хужахметов

    Ильгиз Хужахметов,
    Как изменить цвета и дизайн комментариев от ВКонтакте?

    Еще есть второй способ Создать CSS файл например my.css /* цвет заголовка комментариев */ .wcomments_head { background: #5B7FA6 !important; } /* цвет фона за формой отправки */ #submit_post_box_wrap { background: #F7F7F7 !important; } /* цвет фона и шрифта для кнопки Отправить */ .button_blue button, .button_blue.button_disabled button:active, .button_blue.button_disabled button.active, .button_blue.button_disabled button:hover, .button_blue.button_disabled button.hover { background: #658ab0 !important; color: #FFF !important; } Перейти в меню "Файл -> Добавить файлы для передачи" и выбрать созданный вами файл В свойствах страницы в разделе "Метаданные" пункт "HTML для <head>" вставляем <link rel="stylesheet" type="text/css" href="assets/my.css"/>my.css
  2. Ильгиз Хужахметов
      • 1
      • Мне нравится

    Ильгиз Хужахметов,
    Можно ли создать форму с возможностью загружать файлы?

    HTML формы обратной связи с отправкой файлов Объект -> Вставить HTML <form enctype="multipart/form-data" method="post" id="feedback-form"> <label for="nameFF">Имя:</label> <input type="text" name="nameFF" id="nameFF" required placeholder="например, Иван Иванович Иванов" x-autocompletetype="name" class="w100 border"> <label for="contactFF">Email:</label> <input type="email" name="contactFF" id="contactFF" required placeholder="например, ivan@yandex.ru" x-autocompletetype="email" class="w100 border"> <label for="phone"</label> <input type="text" name="phone" id="phone" required placeholder="+7xxxxxxxxxxx" class="w100 border"> <label for="fileFF">Прикрепить файл:</label> <input type="file" name="fileFF[]" multiple id="fileFF" class="w100"> <label for="messageFF">Сообщение:</label> <textarea name="messageFF" id="messageFF" required rows="5" placeholder="Детали заявки…" class="w100 border"></textarea> <br> <input value="Отправить" type="submit" id="submitFF"> </form> <script> document.getElementById('feedback-form').addEventListener('submit', function (evt) { var http = new XMLHttpRequest(), f = this; evt.preventDefault(); http.open("POST", "assets/contacts.php", true); http.onreadystatechange = function () { if (http.readyState == 4 && http.status == 200) { alert(http.responseText); if (http.responseText.indexOf(f.nameFF.value) == 0) { // очистить поле сообщения, если в ответе первым словом будет имя отправителя f.messageFF.removeAttribute('value'); f.messageFF.value = ''; } } } http.onerror = function () { alert('Извините, данные не были переданы'); } http.send(new FormData(f)); }, false); </script> Стили для оформления внешнего вида Правая кнопка мыши -> Свойства страницы -> HTML для <head>: <style> #feedback-form { /* вся форма */ <style> max-width: 550px; padding: 2%; border-radius: 3px; background: #f1f1f1; } #feedback-form label { /* наименование полей */ float: left; display: block; clear: right; } #feedback-form .w100 { /* поля */ float: right; max-width: 400px; width: 97%; margin-bottom: 1em; padding: 1.5%; } #feedback-form .border { /* граница полей */ border-radius: 1px; border-width: 1px; border-style: solid; border-color: #C0C0C0 #D9D9D9 #D9D9D9; box-shadow: 0 1px 1px rgba(255,255,255,.5), 0 1px 1px rgba(0,0,0,.1) inset; } #feedback-form .border:focus { outline: none; border-color: #abd9f1 #bfe3f7 #bfe3f7; } #feedback-form .border:hover { border-color: #7eb4ea #97cdea #97cdea; } #feedback-form .border:focus::-moz-placeholder { /* убрать при фокусе первоначальный текст поля */ color: transparent; } #feedback-form .border:focus::-webkit-input-placeholder { color: transparent; } #feedback-form .border:not(:focus):not(:hover):valid { /* правильно заполненные поля */ opacity: .8; } #submitFF { /* кнопка "Отправить" */ padding: 2%; border: none; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0,0,0,.2) inset; background: #669acc; color: #fff; } #feedback-form br { height: 0; clear: both; } #submitFF:hover { background: #5c90c2; } #submitFF:focus { box-shadow: 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05); } </style> Создать файл contacts.php который содержит код <?php if (isset($_POST['contactFF'])) { $to = "info@vstarine.com"; // поменять на свой электронный адрес $from = $_POST['contactFF']; $subject = "Заполнена контактная форма с " . $_SERVER['HTTP_REFERER']; $message = "Имя: " . $_POST['nameFF'] . "\nEmail: " . $from . "\nIP: " . $_SERVER['REMOTE_ADDR'] . "\nСообщение: " . $_POST['messageFF'] . "\nтелефон: " . $_POST['phone']; $boundary = md5(date('r', time())); $filesize = ''; $headers = "MIME-Version: 1.0\r\n"; $headers .= "From: " . $from . "\r\n"; $headers .= "Reply-To: " . $from . "\r\n"; $headers .= "Content-Type: multipart/mixed; boundary=\"$boundary\"\r\n"; $message = " Content-Type: multipart/mixed; boundary=\"$boundary\" --$boundary Content-Type: text/plain; charset=\"utf-8\" Content-Transfer-Encoding: 7bit $message"; for ($i = 0; $i < count($_FILES['fileFF']['name']); $i++) { if (is_uploaded_file($_FILES['fileFF']['tmp_name'][$i])) { $attachment = chunk_split(base64_encode(file_get_contents($_FILES['fileFF']['tmp_name'][$i]))); $filename = $_FILES['fileFF']['name'][$i]; $filetype = $_FILES['fileFF']['type'][$i]; $filesize += $_FILES['fileFF']['size'][$i]; $message.=" --$boundary Content-Type: \"$filetype\"; name=\"$filename\" Content-Transfer-Encoding: base64 Content-Disposition: attachment; filename=\"$filename\" $attachment"; } } $message.=" --$boundary--"; if ($filesize < 100000000) { // проверка на общий размер всех файлов. Многие почтовые сервисы не принимают вложения больше 10 МБ mail($to, $subject, $message, $headers); echo $_POST['nameFF'] . ', Ваше сообщение получено, спасибо!'; } else { echo 'Извините, письмо не отправлено. Размер всех файлов превышает 10 МБ.'; } } ?> Файл -> Добавить файл для передачи выбираете созданный файл
  3. Ильгиз Хужахметов

    Ильгиз Хужахметов,
    несуществующий класс в коде

    из любопытства смотрел, что там к чему классы которых нет в CSS используются в js
  4. Ильгиз Хужахметов

    Ильгиз Хужахметов,
    несуществующий класс в коде

    Начал изучать html код созданный muse и наткнулся на на class="pinned-colelem" и class="form-grp" которых нет в CSS файлах Стоит их оставлять или можно смело удалять из кода? У кого какие мысли насчет этого?
  5. Ильгиз Хужахметов

    Ильгиз Хужахметов,
    Как реализовать некоторые эфекты анимации инструментами Muse

    Экспериментировал с Preloader Исправил, сейчас грузиться нормально
  6. Ильгиз Хужахметов

    Ильгиз Хужахметов,
    Как реализовать некоторые эфекты анимации инструментами Muse

    Здравствуйте. Создал сайт "Предметы Старины" и на главной странице эффекты на данный момент реализованы через GIF-анимацию Хотелось бы все эти эффекты реализовать инструментами Muse. Это возможно? И как Сделать?
  7. Ильгиз Хужахметов

    Ильгиз Хужахметов,
    как добавить в форму обратной связи строку с добавлением файла (картинки)

    Пробовал вот этот вариант Возможно кому то поможет вот это, но я не разобрался с правкой PHP
  8. Ильгиз Хужахметов

    Ильгиз Хужахметов,
    как добавить в форму обратной связи строку с добавлением файла (картинки)

    Создал форму <form method="post" action="mail.php"> <strong>Ваше имя:</strong><br /> <input class="form" type="text" placeholder="Иван Иванович" name="name" required=""/> <strong>Ваш номер телефона:</strong><br /> <input class="form" type="tel" placeholder="7-ХХХ-ХХХ-ХХХХ" name="phone" required=""/> <strong>Ваш e-mail (для ответа):</strong><br /> <input class="form" type="email" placeholder="demo@mail.ru" name="email" required="" /> <strong>Ваше сообщение:</strong><br /> <textarea class="form" rows="3" name="com" placeholder="Ваш текст"></textarea> <input class="form" type="file" name="userfile"></input> <input class="form" type="file" name="userfile"></input> <input class="form" type="file" name="userfile"></input> <input class="color" type="submit" value="Отправить сообщение"/> </form>Помогите пожалуйста, с PHP файлом
×
×
  • Create New...