Кнопка версии для слабовидящих
Dagada
Дата: Воскресенье, 2017-05-28, 17:53 | Сообщение 1
Там в шапке расположена интересная кнопка "версии для слабовидящих". Пробовал вытащить ...но увы .Подскажите как сделать такую кнопочку. Наткнулся на сайт: souvenirs-from-russia.com
Страна: (RU )
Kosten
Дата: Воскресенье, 2017-05-28, 18:05 | Сообщение 2
Dagada, если не ошибаюсь, она должна с функцией идти от конструктора в админ панели, вообщем видел эту функцию на подключение, возможно она системная и потому вытащить не можешь.
Страна: (RU )
Dagada
Дата: Воскресенье, 2017-05-28, 20:13 | Сообщение 3
Kosten, вытащил
Страна: (RU )
Gerat
Дата: Воскресенье, 2017-05-28, 20:53 | Сообщение 4
Dagada, а для чего она нужна?
Страна: (RU )
Dagada
Дата: Воскресенье, 2017-05-28, 20:54 | Сообщение 5
Gerat, на сайт детского сада
Страна: (RU )
Dagada
Дата: Понедельник, 2017-05-29, 06:50 | Сообщение 6
Может кому пригодится...Я ее малехи изменил:Код
<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; } }
Саму кнопку можно изменить под свои нужды ...Иконку только поменять и текст.
Сообщение отредактировал Dagada - Понедельник, 2017-05-29, 07:19
Страна: (RU )
Kosten
Дата: Понедельник, 2017-05-29, 15:05 | Сообщение 7
Dagada, норм, потом на главную сделаю.
Страна: (RU )
Slavik
Дата: Понедельник, 2017-05-29, 15:08 | Сообщение 8
Всегда пригодиться!
MIR-HACK.RU - Добро пожаловать в мир читов!
Страна: (RU )
Kosten
Дата: Понедельник, 2017-05-29, 20:37 | Сообщение 9
Поставил кнопку на тестовый сайт, да дизайн отличается, но почему то не работает, в админ панели подключил все.
Страна: (RU )
Dagada
Дата: Вторник, 2017-05-30, 06:38 | Сообщение 11
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 )
Kosten
Дата: Вторник, 2017-05-30, 23:34 | Сообщение 12
Dagada, это понятно, но меня интересует табло, где функций располагаются, или они идут от конструктора.
Страна: (RU )
Dagada
Дата: Среда, 2017-05-31, 06:44 | Сообщение 13
Kosten, они идут с конструктора и так же можно поставить самостоятельно.Я себе ставил вот это https://uscript.pro/shop/83/item/versija-dlja-slabovidjashhikh
Страна: (RU )
slabovid22
Дата: Пятница, 2018-11-02, 14:07 | Сообщение 14
хороший модуль, есть все необходимые инструменты
Страна: (RU )
Kosten
Дата: Суббота, 2018-11-03, 00:56 | Сообщение 15
Хорошая функция, но что то редко можно встретить ее на сайтах.
Страна: (RU )