Красная кнопка "Приёмная" Как сделать?

голоса: 0

Здравствуйте, нужно поставить кнопку "Пиемная" на сайт в меню уже есть (требование не детского сада). Кнопка должна: находится с справой стороны; вертикально прижатым к краю; зафикированным; открывать почтовую форму.

Пример:

Ссылка на сайт-пример:

http://www.admizhma.ru

Пробовала с разными вариантами вот так:

В нижнюю часть сайта:

<div id='follow'> 
<a href='Здесь ссылка куда переходит' target='_blank'> 
<img src='http://zornet.ru/zorner_ru_1/ABVUSA/1489642981_twitter.png' 
border=0 alt='Пропишем альт' title='И титле также предусмотрены' /></a> 
</div>

CSS

#follow { 
margin: 0px; 
background: e6eeee; 
z-index: 2; 
position: fixed; 
top: 0px; 
right: 0px; 
}

И так:

https://www.ucoz.ru/qa/index.php/185830/создать-кнопку-приемная-открывался-раздел-обратная-связь

в первом варианте кнопка появляется не там, меняет весь стиль оформления сайта и т.д.

во втором случает появляется надпись, не кнопка и не там где надо

Может в настройках почтовой формы сделать так, чтобы можно было при необходимости выводить кнопку, как с с версией для слабовидящих.

Адрес сайта http://mbdou-8varysh.ucoz.ru
| Автор: | Категория: Дизайн сайта
Редактирование | | Автор: Нина Артеева

Ответов: 2

Голоса: +1
 
Лучший ответ

Готовое решение Кнопка приемная на сайт с правой стороны сайта фиксированная

1. Перейти в таблицу стилей CSS ( https://ваш-сайт.ру/panel/?a=tmpl;m=3;t=3 ) и установить стили в самый низ после всех стилей и кавычек которые там будут:

.mform-button {
    position: fixed;
    margin-right: -53px;
    right: 0;
    padding: 10px 20px;
    background: red;
    color: #fff;
    border-radius: 0 0 12px 12px;
    z-index: 99999;
    text-decoration: none;
    transform: rotate(90deg);
    top: 50%;
}
.right-button {
 display: inline-block;
 vertical-align: super;
}
.right-button a {
 text-decoration: none;
 font-size: 20px;
 color: #fff;
 display: inline-block;
 position: relative;
}

.mform-button {
 -moz-transform: rotate(90deg); 
 -ms-transform: rotate(90deg); 
 -webkit-transform: rotate(90deg); 
 -o-transform: rotate(90deg); 
 transform: rotate(90deg);
    
}

сохранить изменения.

2. Перейти в глобальный блок верхняя часть сайта (http://ваш-сайт.ру/panel/?a=tmpl;m=1;t=AHEADER ). В самый низ после всего кода вставить код:

<div class="mform-button">
<div class="right-button"><a href="javascript:;" onclick="openchat();">Приемная</a></div>
</div>


<script type="text/javascript"> 
function openchat(){new _uWnd('chat','Обратная связь',500,500,{align:'left',header:1,shadow:0,close:1,autosize:1,maxh:600,minh:300,modal:1,resize:0,nomove:1}, $("#chat").html() )} 
</script> 
<div style="display:none;" id="chat">$MFORM_1$</div>

Выделил выше в коде $MFORM_1$ цифра 1 это номер айди почтовой формы которая должна открываться при нажатии на кнопку. Вы пропишите свою форму, узнать какой айди в формы можно в управлении формами на странице http://ваш-сайт.ру/panel/?a=mail&l=forms

Пример работы кнопки на сайте http://testiksss.ucoz.net/

| Автор:
Выбор ответа лучшим | | Автор: Нина Артеева

Спасибо за помощ, но не получилось

CSS

вид сайта после

ссылка на сайт

http://mbdou-8varysh.ucoz.ru/

Нина Артеева,
Все получилось, просто вы сохранили стили к другому шаблону в таблице стилей. Перейдите в таблицу стилей, далее удалите все стили с строки 1 по 343 и установите вместо удаленных стили с файла http://s63.ucoz.net/src/css/812.css
Yuri_Geruk,

Спасибо, получилось, но не совсем то.

Появилась надпись, а не кнопка и по середине. Нужно как на  первом скрине, сбоку и зафиксированно. Хотя, если я не ошибаюсь, у Вас в коде для CSS описано какая она должна быть и где.

При вставке вверхней части сайта  кода и сохраняя его почемуто менялась в "страницы сайта" 6 строчка (<link type="text/css" rel="StyleSheet" href="http://s63.ucoz.net/src/css/812.css" />) на (в место ссылки)  url ('/.s/t/my.css) решилось копированием этой строчки и последующей встравки с сохранением

Пробовала заменить слово  Приемная в строчке  <div class="right-button"><a href="javascript:;" onclick="openchat();">Приемная</a></div> заменить на <img src=http://mbdou-8varysh.ucoz.ru/_tbkp/ikonrf/priemnay.png , но она всеравно по центру и не зафиксированна да и портится внешний вид страницы

Эту кнопку 

по проблеме 812 на 892

давнно подозревала что это не правильно, но боялась еще больше навредить сайту.

Спасибо Вам что помогайте.

Нина Артеева,
Перейти в Панель управления - Главная - Дизайн - Управление дизайном(CSS), удалить все содержимое, после вместо удаленного содержимого установить содержимое с файла http://mbdou-8varysh.ucoz.ru/.s/src/css/812.css - Сохранить.   После этого установите стили с моего кода выше в самый низ этой таблицы стилей сохраните изменения. После очистите кеш по инструкции https://ukit.com/ru/help/kak-ochistit-cahe После у вас получится как задумано http://joxi.ru/bmoEoqGtxnQpDA
голоса: 0
пишите в тех.поддержку. обязательно предъявите документ в требованием установить кнопку
| Автор:

Ответ от тех.подержки

 
полный текст
...