Кнопка версии для слабовидящих - Форум

Воскресенье, 28 Мая 2017, 17:53 | Сообщение 1

Vip

Сообщений:89

Награды: 2

Там в шапке расположена интересная кнопка "версии для слабовидящих". Пробовал вытащить ...но увы 27a

.Подскажите как сделать такую кнопочку.

Наткнулся на сайт: souvenirs-from-russia.com

Страна: (RU)

Воскресенье, 28 Мая 2017, 18:05 | Сообщение 2

Администраторы

Сообщений:44490

Награды: 70

Dagada, если не ошибаюсь, она должна с функцией идти от конструктора в админ панели, вообщем видел эту функцию на подключение, возможно она системная и потому вытащить не можешь.

Страна: (RU)

Воскресенье, 28 Мая 2017, 20:13 | Сообщение 3

Vip

Сообщений:89

Награды: 2

Kosten, вытащил 09a

Страна: (RU)

Gerat

Воскресенье, 28 Мая 2017, 20:53 | Сообщение 4

Проверенные

Сообщений:22

Награды: 1

« 0 »

Dagada, а для чего она нужна?

Страна: (RU)

Воскресенье, 28 Мая 2017, 20:54 | Сообщение 5

Vip

Сообщений:89

Награды: 2

Gerat, на сайт детского сада

Страна: (RU)

Понедельник, 29 Мая 2017, 06:50 | Сообщение 6

Vip

Сообщений:89

Награды: 2

Может кому пригодится...Я ее малехи изменил:

Код

<div id="cecutient-container" class="UL ul-cecutient g-theme-site-1" data-enabled="false" data-showpanel="false" data-postionhandler="right" data-themeclass="g-theme-block-3" data-grayscale="false" data-font-size="small" data-background-color="g-theme-site-1" data-cecutientimage-hide="true"> <div class="ul-cecutient-disabled js-cecutient-disabled g-theme-block-3"> <span class="ul-cecutient-disabled-eye g-theme-block-3 g-color-text-1"> <span class="fa fa-eye"></span> <span class="ul-cecutient-disabled-text g-color-text-1"> Перейти на версию для слабовидящих </span> </span> </div></div>

Код

/*******************************/
#cecutient-container[data-enabled="false"] .ul-cecutient-disabled .ul-cecutient-disabled-text {
font-weight: bold;
font-size: 15px;
color: #fff;
width: 0;
display: block;
overflow: hidden;
white-space: nowrap;
margin: 23px 50px 0 22px;
-webkit-transition-property: width;
transition-property: width;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
#cecutient-container[data-enabled="false"] .ul-cecutient-disabled .ul-cecutient-disabled-eye {
position: absolute;
height: 48px;
width: 300px;
max-width: 48px;
top: -20px;
border-radius: 0 0 24px 24px;
z-index: 9999999;
-webkit-transition-property: max-width;
transition-property: max-width;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
#cecutient-container[data-enabled="false"] .ul-cecutient-disabled .ul-cecutient-disabled-eye .fa-eye {
top: 23px;
right: 14px;
position: absolute;
width: 20px;
height: 15px;
color: #fff;
}
#cecutient-container[data-enabled="false"] .ul-cecutient-disabled .ul-cecutient-disabled-eye .fa-eye:before {
font-size: 20px;
display: block;
}

#cecutient-container[data-enabled="false"][data-postionhandler="right"] .ul-cecutient-disabled .ul-cecutient-disabled-eye {
right: 30px;
}
.g-theme-site-1 .g-theme-block-3 {
background: #507299;
}
@media (min-width: 450px) {
.ul-cecutient-disabled-eye:hover {
max-width: 500px !important;
width: auto !important;
cursor: pointer !important;
}
.ul-cecutient-disabled-eye:hover .ul-cecutient-disabled-text {
width: auto !important;
}
}

Саму кнопку можно изменить под свои нужды ...Иконку только поменять и текст.

Прикрепления: 0717104.png (26.3 Kb) · 2862738.png (12.6 Kb)

Сообщение отредактировал
Dagada - Понедельник, 29 Мая 2017, 07:19

Страна: (RU)

Понедельник, 29 Мая 2017, 15:05 | Сообщение 7

Администраторы

Сообщений:44490

Награды: 70

Kentos311.uCoz.com - Добро пожаловать в мир читов!

Dagada, норм, потом на главную сделаю.

Страна: (RU)

Slavik

Понедельник, 29 Мая 2017, 15:08 | Сообщение 8

Vip

Сообщений:1767

Награды: 4

« 101 »

Всегда пригодиться! 09a

Страна: (RU)

Понедельник, 29 Мая 2017, 20:37 | Сообщение 9

Администраторы

Сообщений:44490

Награды: 70

Поставил кнопку на тестовый сайт, да дизайн отличается, но почему то не работает, в админ панели подключил все.

Прикрепления: 1987217.png (22.2 Kb)

Страна: (RU)

Понедельник, 29 Мая 2017, 23:19 | Сообщение 10

Администраторы

Сообщений:44490

Награды: 70

Dagada, объясни, как должна панель эта появляться. Просто на сайте yraaa есть тема по такой таблице. но она по функций другая.

Эта на yraa

Прикрепления: 4564564.png (29.8 Kb) · 7474387.jpg (53.8 Kb)

Страна: (RU)

Вторник, 30 Мая 2017, 06:38 | Сообщение 11

Vip

Сообщений:89

Награды: 2

Kosten, это просто кнопка...Сам скрипт https://uscript.pro/shop/83/item/versija-dlja-slabovidjashhikh .

Код

<span id="uhvb" style="display:none;"><a href="javascript://" onclick="uvcl()"><b>...сюда кнопку....</b></a></span>

Страна: (RU)

Вторник, 30 Мая 2017, 23:34 | Сообщение 12

Администраторы

Сообщений:44490

Награды: 70

Dagada, это понятно, но меня интересует табло, где функций располагаются, или они идут от конструктора.

Страна: (RU)

Среда, 31 Мая 2017, 06:44 | Сообщение 13

Vip

Сообщений:89

Награды: 2