Форма отзывов для сайта

Форма отзывов для сайта

Узнайте, как создавать адаптивные отзывы с помощью CSS.

Свидетельство часто используется, чтобы дать людям знать, что другие люди думают о вас или вашего продукта.

HTML CSS. CEO at Mighty Schools.

HTML CSS saved us from a web disaster.

HTML CSS. CEO at Company.

No one is better than HTML CSS.

JHTML CSS. Actor.

Simply love HTML CSS.

Как стиль Отзывы

Шаг 1) добавить HTML:

Пример

Chris Fox. CEO at Mighty Schools.

HTML CSS saved us from a web disaster.

Rebecca Flex. CEO at Company.

No one is better than HTML CSS.

Шаг 2) добавить CSS:

Пример

/* Style the container with a rounded border, grey background and some padding and margin */
.container <
border: 2px solid #ccc;
background-color: #eee;
border-radius: 5px;
padding: 16px;
margin: 16px 0;
>

/* Clear floats after containers */
.container::after <
content: "";
clear: both;
display: table;
>

/* Float images inside the container to the left. Add a right margin, and style the image as a circle */
.container img <
float: left;
margin-right: 20px;
border-radius: 50%;
>

/* Increase the font-size of a span element */
.container span <
font-size: 20px;
margin-right: 15px;
>

/* Add media queries for responsiveness. This will center both the text and the image inside the container */
@media (max-width: 500px) <
.container <
text-align: center;
>

.container img <
margin: auto;
float: none;
display: block;
>
>

Простейшее решение создания страницы отзывов/комментариев на сайте без базы данных. Все сообщения будут приходить на email. Чтобы отсеять спам, публиковаться будут только те, которые не содержат http://. Если в тексте присутствует http://, но оно не является спамом, то его можно будет вручную прописать в файле comments.txt.

В файле .htaccess закрыть служебную информацию comments.txt:

Создать файл comments.html, в самый верх которого без пробелов и отступов вставить скрипт PHP:

В удобном месте в comments.html добавить HTML код формы

При первом сообщении создастся файл comments.txt. В него будут падать все оставленные отзывы. Их можно будет удалять, редактировать либо добавлять свои.

66 комментариев:

виталий нестёркин В файле .htaccess закрываем служебную информацию всех .txt файлов
а если такого файла вобше нету то делаем файл .htaccess.html и помешаем его на сервер да? виталий нестёркин а куда именно вписать

RewriteEngine On
RewriteBase /
RewriteCond % !-f
RewriteCond %
!-d
RewriteRule . /index.php [L]

AddDefaultCharset utf-8
# END WordPress виталий нестёркин да уж зашел на блок почитать статью про оптимизацию сайта . а зацепился за эту статью . 4 утра а так не чего и не добился NMitra Не
Deny from all
а

Deny from all

иначе все страницы закроете 🙁 Пока не трогайте этот файл.

RewriteRule . /index.php [L] — у вас же нет этой страницы. У вас почему-то /index.html

Из-за того, что у вас файлы, а не база данных, это тоже не нужно
RewriteCond % !-f
RewriteCond %
!-d NMitra Здесь упрощенный вариант http://www.cyberforum.ru/html/thread389569.html виталий нестёркин
Deny from all
я это и имел ввиду просто не все скопировол и не все вставилось а я не заметил
виталий нестёркин у меня на сервере где лежит сайт вобше нет ну или не нашел файл .htaccess а это то что нашел в интернете так сказать совет как сделать файл .htaccess

RewriteEngine On
RewriteBase /
RewriteCond % !-f
RewriteCond %
!-d
RewriteRule . /index.php [L]

AddDefaultCharset utf-8
# END WordPress

пока не чего не куда не пихал пока не разберусь вечером почитаю ваш совет про упрошеннуцю схему может что получится (ну вечер у меня как заметили очень поздно наступает тогда же и в контакте напишу ) виталий нестёркин чтобы работали скрипты на php нужно чтоб на сайте стоял что то вроде ворлд пресс или ему подобное так . Пытаюсь поставить на сервер где лежит сайт ворлд прес при установки пишут что установка cms удалит все файлы что находятся в директории получается надо сохранить все файлы потом поставить ворлд прес а потом опять сайт выгрузить на сервер так что ли виталий нестёркин а вот этот код он будет работать без всяких PHP если его просто вставить в HTML страницу

Читайте также:  Решение проблем windows 7 установка

Ваш код HTML не может быть принят: Недопустимый тег: не разрешает эта форма код для просмотра вставить .

чего то не хватает отображается на странице нормально корректно
но комментарии написать не получается
http://xn--51-8kcfemaodkveyaqedoqejz1ao.xn--p1ai/comments.html NMitra "чтобы работали скрипты на php нужно чтоб на сайте стоял что то вроде ворлд пресс" — нужно чтобы у хостера была поддержка php, а таких 90%, если не выше.

Комментарии не пускают теги, воспользуйтесь формой http://shpargalkablog.ru/2010/12/napisat-kod-tekstom.html

HTML не может быть динамичным. Искл. тег details и marquee. Последний уже выведен из спецификации. Анонимный 21 Анонимный or Анонимный яяяяя NMitra Ребят, здесь отзывы строятся по другому принципу, это Blogger, бесплатная блогоплатформа Google. Mishechka Наташа, а в Blogger файл .htaccess можно чем-нибудь заменить? Или тут вообще такое невозможно? NMitra В Blogger нет к нему доступа Mishechka Жаль, я хотел настроить кэширование:

FileETag MTime Size

ExpiresActive on
ExpiresDefault "access plus 1 month"

Анонимный Гуд Анонимный фыв Анонимный српар Dmitriatika Чтобы работал HTML как PHP нужно прописать в .htaccess строки:

RemoveHandler .html .htm .shtml .shtm
AddType application/x-httpd-php .php .html .htm .shtml .shtm

Сам html файл должен содержать все основные разметки, а предлагаемый код должен помещаться между тегами body и /body и будет всё работать. Но не ожидайте чудес от такого примитивного скрипта. Он может неплохо дополнить страницу раздела сайта "Отзывы и предложения".
Короче, я ради интереса попробовал — всё работает. NMitra Спасибо за дополнение! В службе поддержки хостинга мне в своё время предложили такое решение:

AddHandler fcgid-script .htm .html Анонимный Скажите, а как же быть с robots.txt, если в .htaccess закроется вся информация?
Или на ботов поисковых систем это не распространяется? NMitra Верно говорите, подправила статью. Отзывы делала для маленького сайта, для которого не нужен robots.txt. Спасибо за вопрос! Александр Вам спасибо — разобрался благодаря вашей статье со всем этим, всё сделал, всё отлично работает.
Мне вот только хотелось бы ещё как-нибудь выводить дату и время постинга — возможно ли такое без баз данных?
Еще один момент: в самом начале, когда еще нет ни одного коммента, у меня выдаёт вот такую ошибку:
Warning: fclose() expects parameter 1 to be resource, boolean given in . on line 33
Отправишь первый коммент — всё пропадает.
Можно ли как-то это исправить?
Большое спасибо вам. Александр Вот ещё какой момент: в .htaccess мы закрываем comments.txt, но ведь функция нам создаёт при отправлении первого комментария файл комментарии.txt.
То есть в коде PHP надо просто "комментарии.txt" поменять на "comments.txt". NMitra Какая я не внимательная! Всё верно, если у вас рф домен, то меняете всё на комментарии.txt и комментарии.html, если ru или com, то на comments.txt и comments.html NMitra У меня не ругается. Попробуйте сразу сами создать пустой comments.txt. Предполагаю, что скрипт пытается его открыть и закрыть, но не находит. NMitra Вводим дату

mail("name@yandex.ru", "заполнена форма site.ru", $z[1] . "
" . $z[2] . "
" . $z[3]);

if(strpos($z[3], ‘http://’) === false) <
$fp = fopen("comments.txt", "a+");
$mytext = " " . $z[1] . " " . $z[4] . " " . $z[3] ;
$save = fwrite($fp, $mytext);
fclose($fp);
Header("Location: ".$_SERVER[‘PHP_SELF’]);
exit;
> else <
$dl = ‘ Ваш отзыв будет опубликован после проверки автором сайта’;
>

$fp = @fopen("comments.txt", "r");
if ($fp) <
while (!feof($fp)) <
$dl .= fgetss($fp, 8000, " , , , ");
>
>
fclose($fp);
>
?> NMitra date("d.m.Y H:i") Александр Автор, вы просто душка!
Спасибо вам большое, во всём разобрался, вы мне очень помогли!
Я только для себя поменял вывод даты — поставил его перед именем комментатора.
Сейчас хочу ещё сделать определение по IP, чтобы нежелательных комментаторов ограничивать.
Плюс хочу сделать каптчу для отправления сообщения.
Не подскажете, в этих случаях уже точно без базы данных не обойтись?
Большое вам спасибо, Наталья, за блог и помощь. NMitra Добавить переменную

Читайте также:  Точка доступа на планшете андроид

$z = array(
1 => $_POST[‘name’],
2 => $_POST[’email’],
3 => $_POST[‘content’],
4 => date("m.d.Y H:i"),
5 => $_SERVER["REMOTE_ADDR"]
);

Чтобы сохранять IP
$mytext = " " . $z[1] . " " . $z[4] . " " . $z[3] ;

Чтобы ограничить IP (вроде так, правильность не проверяла)
if($z[1] && $z[2] && $z[3] && ($z[5] != 0.000.000.000))<

Капчу тоже можно сделать, но я не хочу этим заниматься. Добавляете поле, если то, что в поле удовлетворяет условию, то форма отправляется, иначе нет. Александр Спасибо вам большое!
IP прописывает отлично, но как ограничивать по IP, пока не разобрался. Но теперь уже знаю, что это должно быть не сложно.
Огромное вам спасибо, за несколько дней много интересного прочитал на вашем блоге! Александр Столкнулся вот с какой проблемой: когда скрипт сам по себе в файле с расширением .html, то всё отлично работает, хотя некоторые видят не кириллицу, а крокозябры (разные кодировки ставил, ANSI видит правильно большинство).
Стоит вставить скрипт в обычный файл, в то место, где, собственно, и нужны комментарии или отзывы, то видят кириллицу все, скрипт работает, но после отправления комментария пропадает всё, что есть на странице ниже этого скрипта, не происходит автоматическое обновление.
Скажите, можно ли как-то это исправить без привлечения JS или JQery?
А то так был доволен простотой, но в итоге скрипт не вполне подходит, печально. Александр Ой, неожиданно разобрался с этой проблемой, когда снова прочитал вашу статью =))
Надо просто PHP-скрипт вставлять в документ до DOCTYPE.
Тогда всё работает, как и должно работать. NMitra :)) Только хотела написать, что код везде работает одинаково, искл. если один скрипт перебивает другой. Но код в любом случае один и тот же будет.

По поводу кириллицы, на HTML странице должен быть мета-тег

Если проблемы в письме email, то нужно прописывать заголовок http://shpargalkablog.ru/2014/01/feedback-form.html Александр Спасибо вам большое! Максим Замечательный скрипт, то, что надо как раз. Но вот одна проблема. После написания комментария, страница должна обновляться, но обновляться она не хочет. Соответственн, приходитс обновлять ее вручную. В чем может быть пролема не подскажите? Максим И еще вопрос такой: комментарии выводятся обычным текстом. Как к ним прописать стиль я разобрался. Но хотелось бы подключить разные стили к имени, комментарию. Возможно ли это? NMitra Вот это Header("Location: ".$_SERVER[‘PHP_SELF’]); должно обновлять страницу.

dd <
white-space: pre-line;
margin: 0;
border: solid;
>
dt <
margin-top: 1.5%;
font-weight:bold;
> Анонимный На блоге этот скрипт работает? NMitra Этот блог на бесплатном Blogger от Google, тут нет поддержки PHP Анонимный ghjgj Анонимный Не могу разобраться почему не отправляет письмо на почту. Выводит Ваш отзыв будет опубликован после проверки автором сайта но письмо не приходит. проверяю локально на OpenServer
NMitra Попробуйте загрузить на хостинг Анонимный OpenServer не отправляет письма заглушка стоит) Здесь сам разобрался)) Анонимный Здраствуйте. Подскажите пожалуйста, как разделить комментарии между собой с помощью тега hr. Анонимный аяяй забывал новый коментарий написать))Растяпа) NMitra Здравствуйте, я бы стилями сделала

dd <
margin: 0;
border-top: 1px solid red;
>
Анонимный добавил в сам код тег hr все довольно таки красиво получилось. Но за посказку спасибо! Анонимный Как сделать такой комментарий у себя! NMitra Не поняла вопроса, это форма комментариев Blogger — бесплатного блогохостинга. Анонимный проверка связи GermaCook Как сделать такой комментарий у себя! GermaCook Как сделать такой комментарий у себя! NMitra Это форма связи Blogger. Понятие не имею как она сделана. Анонимный Выводит ошибку с этого места $_POST[‘name’], 2 => $_POST[’email’], 3 => $_POST[‘content’] ); $dl = »; if($z[1] && $z[2] && $z[3])< mail(" Анонимный Как сделать такие же комментарии NMitra Комментарий 57: у вас нет поддержки php на html странице. Попробуйте заменить comments.html на comments.php
Комментарий 58: см. комментарий 56 Анонимный 213 Анонимный Здраствуйте! Данная разборка занимается разводом, запчасти не соответвует фотографиям, оскорбляют, отзывы на сайте запчасти самостоятельно удаляют, после чего я звоню они говорят все на своего напарника (который звонил и оскорблял меня). Как было? Заказал я бампер на Каен, бампер пришел поврежденный, без креплений, молдинг погнутый, хотя бампер на фото идеальный, я много раз переспрашивал, мне говорили что все как на фото, после того как на почте я увидел бампер, я был шокирован, отказавшись от товара на телефон поступило пару звонков с разборки 6062(http://razborka6062.com.ua/) Я думал что у такой серьезной на первый взгляд разборки должно быть все обосновано, позвонив туда я ничего нового не услышал, отзывы на сайте котором они продают запчасти они самостоятельно удаляют отзывы, это уже о многом говорит. Советую обходить стороной, это еще хорошо что я предоплату отказался сбрасывать.
0503116062
0673206062 Лариса Волынкина Добрый день. У меня код если вставлять все в html не работает. Вставляю первую часть в php, вторую в html. Работает отправка отзыва, но потом белый экран, и на страницу ничего не добавляется.
Не срабатывает вот эта часть:
дл
ечо
дл (по другому комментарий не отправляется)
При добавлении ее в конце в html появляется ошибка, что мол неожидаемый символ. Подскажите в чем может быть дело. Куда и как правильнее добавить эту строчку? NMitra Добрый день, я поняла в чём проблема. Попробуйте comments.html заменить на comments.php. По хорошему нужно php в отдельный файл выносить. Чтобы перезагрузки не было, применять XMLHttpRequest(). Код смогу доработать не раньше чем через неделю. Лариса Волынкина Буду ждать! Если перенести все в php файл форма работает, но перенести ее на cms сайта в html страницу не получается Анонимный Здравствуйте. А как сделать вывод комментариев так, чтобы не съезжал дизайн страницы, в некую область, что-ли, но без использования CSS, у меня чистый хтмл, и при написании длинного комментария он съезжает за край страницы, одной длинной строкой, нет переноса. Возможно ли такое? Спасибо! NMitra Измените dl, dt, dd на другие теги, например, так

Читайте также:  Перепутал раскладку клавиатуры перевести

Так может быть оформлен комментарий на блоге.

Этой статьей я хочу не только донести до вас новую фишку или плагин, который позволяет что-то интересное сделать, а дать именно готовые решения. Здесь находится 18 готовых блоков с отзывами для лендинга, которые можно сразу вставить на сайт. То есть не нужно перебирать множество библиотек, а достаточно найти подходящий блок отзывов из примеров и расположить его на своем сайте.

Перед тем как приступать к самому интересному, рекомендую посмотреть прошлые статьи на эту тему:

18 готовых примеров с блоками отзывов для лендинга можно посмотреть по ссылке:

Посмотреть примеры

Удобство использования

Каждый пример вы можете скачать отдельно. Я не стал их все объединять в одну большую страницу, а сделал много архивов, которые вы можете скачать. То есть в каждом отдельном архиве собраны структура, стили и функционал, касающиеся только одного конкретного примера.

Кнопка скачивания находится справа от любого из примеров в демо. Вам лишь останется распаковать и скопировать все в соответствующие файлы своего проекта.

[ВИДЕО] Как использовать блок с отзывами на лендинге?

Я сделал небольшое видео о том, как использовать готовые материалы. Если после просмотра видео что-то останется неясным, прочтите текстовую инструкцию ниже видео.

Ссылки на необходимые ресурсы:

1 этап. Подключаем необходимые стили и скрипты

Для начала скачиваем все необходимые плагины по ссылкам выше. Далее их желательно разместить все в одной папке. Например, в папке " libs " вашего проекта.

В шапке перед закрывающим тегом подключаем стили:

Ссылка на основную публикацию
Уравнение окружности в полярных координатах
Определение: замкнутая плоская кривая, все точки которой одинаково удалены от данной точки (центра О), лежащей в той же плоскости, что...
Тело массой м брошено
Тело массой m = 5 кг брошено под углом α = 30° к горизонту с начальной скоростью v 0 =...
Телефоны с ик портом 2018
В большинстве домов можно обнаружить несколько устройств, которые управляются пультом дистанционного управления: телевизор, музыкальный центр, система климат-контроля, камера наблюдения и...
Уравнение пучка прямых проходящих через точку
Совокупность прямых, проходящих через некоторую точку, называется пучком прямых с центром в этой точке. Если и - уравнения двух пересекающихся...
Adblock detector