Думаю каждый встречал на сайтах выдвижную панель, где может быть функция обратной связи, что теперь вы можете на портале установить. Сама панель может нести различных характер, это как уже было сказано, связаться с администраций, а точнее написать письмо и отправить. Не удавлюсь, что там кто то может расположить информер или скрипт, так как идет отдельным блоком. По умолчанию панель находится с левой стороны, если его вызвать, нужно навести на кнопку и автоматически выезжает.
Визуально просматривается, так как кнопка с надписью будет информировать в этой парадигме. В сети вы можете найти много функций похожего типа, но здесь от других отличается, что полностью создано на
CSS, где можно настроить или редактировать или поставить тот оттенок цвета, что соответствует ресурсу. Кнопка отправить стояла простая, что пришлось уставить оригинальную, так намного красивее и панель уже смотрится в другом ракурсе.
Чтоб на всех страницах вида была кнопка, то в
низ сайта устанавливаем код.
Код
<!-- Выдвигающаяся панель связи на чистом CSS -->
<div id="bvl_otsab">
<p>Отправить сообщение</p>
<div id="zenukader_inner">
<form>
<textarea></textarea>
<input class="bvl_otsab" type="submit" value="Отправить сообщение"></input>
</form>
</div>
</div></pre></div>
Код
/* Выдвигающаяся панель связи на чистом CSS */
#bvl_otsab {
position: fixed;
top: 320px;
left: 0;
width: 35px;
height: 95px;
cursor: pointer;
background: #033B50;
padding: 8px;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
}
#bvl_otsab p {
font-family: 'OpenSans2', Arial, sans-serif;
font-size: 14px;
color: #FFF;
padding: 5px 5px;
transform: rotate(90deg);
}
#zenukader_inner {
position: fixed;
top: 320px;
left: -250px;
background: #033B50;
width: 199px;
height: 130px;
padding: 25px;
transition-duration: 0.5s;
text-align: left;
}
#zenukader_inner textarea {
width: 201px;
height: 102px;
margin-bottom: 6px;
}
#bvl_otsab:hover {
left: 249px;
}
#bvl_otsab:hover #zenukader_inner {
left: 0;
}
.bvl_otsab {
display: inline-block;
font-family: 'OpenSans2', Arial, sans-serif;
font-size: 14px;
color: #FFF;
border: none;
background: #033B50;
padding: 7px;
transition: 0.5s;
}
Не выводит сообщения в чат.
Игор приносим свои извинения за предоставленные не удобства, сайт проходит перекваливфикацыю, по эт
Спасибо, вы не виноват, эта все zornet не указывает авторов и источник, если ему так написать то ба
